@vaadin/react-components 25.3.0-alpha1 → 25.3.0-alpha10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (187) hide show
  1. package/Breadcrumbs.js +1 -1
  2. package/Breadcrumbs.js.map +3 -3
  3. package/ContextMenu.d.ts +11 -7
  4. package/ContextMenu.d.ts.map +1 -1
  5. package/ContextMenu.js +1 -1
  6. package/ContextMenu.js.map +2 -2
  7. package/ContextMenuItem.d.ts +2 -0
  8. package/ContextMenuItem.d.ts.map +1 -0
  9. package/ContextMenuItem.js +2 -0
  10. package/ContextMenuItem.js.map +7 -0
  11. package/ContextMenuListBox.d.ts +2 -0
  12. package/ContextMenuListBox.d.ts.map +1 -0
  13. package/ContextMenuListBox.js +2 -0
  14. package/ContextMenuListBox.js.map +7 -0
  15. package/MasterDetailLayout.d.ts.map +1 -1
  16. package/MasterDetailLayout.js.map +2 -2
  17. package/MenuBar.d.ts.map +1 -1
  18. package/MenuBar.js.map +2 -2
  19. package/SelectItem.d.ts +2 -0
  20. package/SelectItem.d.ts.map +1 -0
  21. package/SelectItem.js +2 -0
  22. package/SelectItem.js.map +7 -0
  23. package/SelectListBox.d.ts +2 -0
  24. package/SelectListBox.d.ts.map +1 -0
  25. package/SelectListBox.js +2 -0
  26. package/SelectListBox.js.map +7 -0
  27. package/Switch.d.ts +2 -0
  28. package/Switch.d.ts.map +1 -0
  29. package/Switch.js +2 -0
  30. package/Switch.js.map +7 -0
  31. package/generated/Accordion.d.ts +2 -3
  32. package/generated/Accordion.d.ts.map +1 -1
  33. package/generated/AccordionHeading.d.ts +1 -2
  34. package/generated/AccordionHeading.d.ts.map +1 -1
  35. package/generated/AccordionPanel.d.ts +2 -3
  36. package/generated/AccordionPanel.d.ts.map +1 -1
  37. package/generated/AppLayout.d.ts +2 -3
  38. package/generated/AppLayout.d.ts.map +1 -1
  39. package/generated/Avatar.d.ts +1 -2
  40. package/generated/Avatar.d.ts.map +1 -1
  41. package/generated/AvatarGroup.d.ts +1 -2
  42. package/generated/AvatarGroup.d.ts.map +1 -1
  43. package/generated/Badge.d.ts +1 -2
  44. package/generated/Badge.d.ts.map +1 -1
  45. package/generated/Breadcrumbs.d.ts +4 -5
  46. package/generated/Breadcrumbs.d.ts.map +1 -1
  47. package/generated/BreadcrumbsItem.d.ts +1 -4
  48. package/generated/BreadcrumbsItem.d.ts.map +1 -1
  49. package/generated/Button.d.ts +1 -2
  50. package/generated/Button.d.ts.map +1 -1
  51. package/generated/Card.d.ts +1 -2
  52. package/generated/Card.d.ts.map +1 -1
  53. package/generated/Checkbox.d.ts +2 -3
  54. package/generated/Checkbox.d.ts.map +1 -1
  55. package/generated/CheckboxGroup.d.ts +2 -3
  56. package/generated/CheckboxGroup.d.ts.map +1 -1
  57. package/generated/ConfirmDialog.d.ts +2 -3
  58. package/generated/ConfirmDialog.d.ts.map +1 -1
  59. package/generated/ContextMenu.d.ts +2 -3
  60. package/generated/ContextMenu.d.ts.map +1 -1
  61. package/generated/ContextMenuItem.d.ts +8 -0
  62. package/generated/ContextMenuItem.d.ts.map +1 -0
  63. package/generated/ContextMenuListBox.d.ts +8 -0
  64. package/generated/ContextMenuListBox.d.ts.map +1 -0
  65. package/generated/CustomField.d.ts +2 -3
  66. package/generated/CustomField.d.ts.map +1 -1
  67. package/generated/DatePicker.d.ts +2 -3
  68. package/generated/DatePicker.d.ts.map +1 -1
  69. package/generated/DateTimePicker.d.ts +2 -3
  70. package/generated/DateTimePicker.d.ts.map +1 -1
  71. package/generated/Details.d.ts +2 -3
  72. package/generated/Details.d.ts.map +1 -1
  73. package/generated/DetailsSummary.d.ts +1 -2
  74. package/generated/DetailsSummary.d.ts.map +1 -1
  75. package/generated/Dialog.d.ts +2 -3
  76. package/generated/Dialog.d.ts.map +1 -1
  77. package/generated/DrawerToggle.d.ts +1 -2
  78. package/generated/DrawerToggle.d.ts.map +1 -1
  79. package/generated/EmailField.d.ts +2 -3
  80. package/generated/EmailField.d.ts.map +1 -1
  81. package/generated/FormItem.d.ts +1 -2
  82. package/generated/FormItem.d.ts.map +1 -1
  83. package/generated/FormLayout.d.ts +1 -2
  84. package/generated/FormLayout.d.ts.map +1 -1
  85. package/generated/FormRow.d.ts +1 -2
  86. package/generated/FormRow.d.ts.map +1 -1
  87. package/generated/GridColumnGroup.d.ts +1 -4
  88. package/generated/GridColumnGroup.d.ts.map +1 -1
  89. package/generated/GridFilter.d.ts +2 -3
  90. package/generated/GridFilter.d.ts.map +1 -1
  91. package/generated/GridSorter.d.ts +2 -3
  92. package/generated/GridSorter.d.ts.map +1 -1
  93. package/generated/GridTreeToggle.d.ts +2 -3
  94. package/generated/GridTreeToggle.d.ts.map +1 -1
  95. package/generated/HorizontalLayout.d.ts +1 -2
  96. package/generated/HorizontalLayout.d.ts.map +1 -1
  97. package/generated/Icon.d.ts +1 -2
  98. package/generated/Icon.d.ts.map +1 -1
  99. package/generated/Iconset.d.ts +1 -4
  100. package/generated/Iconset.d.ts.map +1 -1
  101. package/generated/IntegerField.d.ts +2 -3
  102. package/generated/IntegerField.d.ts.map +1 -1
  103. package/generated/Item.d.ts +1 -2
  104. package/generated/Item.d.ts.map +1 -1
  105. package/generated/ListBox.d.ts +2 -3
  106. package/generated/ListBox.d.ts.map +1 -1
  107. package/generated/LoginForm.d.ts +2 -3
  108. package/generated/LoginForm.d.ts.map +1 -1
  109. package/generated/LoginOverlay.d.ts +2 -3
  110. package/generated/LoginOverlay.d.ts.map +1 -1
  111. package/generated/Markdown.d.ts +1 -2
  112. package/generated/Markdown.d.ts.map +1 -1
  113. package/generated/MasterDetailLayout.d.ts +2 -3
  114. package/generated/MasterDetailLayout.d.ts.map +1 -1
  115. package/generated/MenuBar.d.ts +2 -3
  116. package/generated/MenuBar.d.ts.map +1 -1
  117. package/generated/Message.d.ts +2 -3
  118. package/generated/Message.d.ts.map +1 -1
  119. package/generated/MessageInput.d.ts +2 -3
  120. package/generated/MessageInput.d.ts.map +1 -1
  121. package/generated/MessageList.d.ts +2 -3
  122. package/generated/MessageList.d.ts.map +1 -1
  123. package/generated/Notification.d.ts +2 -3
  124. package/generated/Notification.d.ts.map +1 -1
  125. package/generated/NumberField.d.ts +2 -3
  126. package/generated/NumberField.d.ts.map +1 -1
  127. package/generated/PasswordField.d.ts +2 -3
  128. package/generated/PasswordField.d.ts.map +1 -1
  129. package/generated/Popover.d.ts +2 -3
  130. package/generated/Popover.d.ts.map +1 -1
  131. package/generated/ProgressBar.d.ts +1 -2
  132. package/generated/ProgressBar.d.ts.map +1 -1
  133. package/generated/RadioButton.d.ts +2 -3
  134. package/generated/RadioButton.d.ts.map +1 -1
  135. package/generated/RadioGroup.d.ts +2 -3
  136. package/generated/RadioGroup.d.ts.map +1 -1
  137. package/generated/RangeSlider.d.ts +2 -3
  138. package/generated/RangeSlider.d.ts.map +1 -1
  139. package/generated/Scroller.d.ts +1 -2
  140. package/generated/Scroller.d.ts.map +1 -1
  141. package/generated/Select.d.ts +2 -3
  142. package/generated/Select.d.ts.map +1 -1
  143. package/generated/SelectItem.d.ts +8 -0
  144. package/generated/SelectItem.d.ts.map +1 -0
  145. package/generated/SelectListBox.d.ts +8 -0
  146. package/generated/SelectListBox.d.ts.map +1 -0
  147. package/generated/SideNav.d.ts +2 -3
  148. package/generated/SideNav.d.ts.map +1 -1
  149. package/generated/SideNavItem.d.ts +2 -3
  150. package/generated/SideNavItem.d.ts.map +1 -1
  151. package/generated/Slider.d.ts +2 -3
  152. package/generated/Slider.d.ts.map +1 -1
  153. package/generated/SplitLayout.d.ts +2 -3
  154. package/generated/SplitLayout.d.ts.map +1 -1
  155. package/generated/Switch.d.ts +21 -0
  156. package/generated/Switch.d.ts.map +1 -0
  157. package/generated/Tab.d.ts +1 -2
  158. package/generated/Tab.d.ts.map +1 -1
  159. package/generated/TabSheet.d.ts +2 -3
  160. package/generated/TabSheet.d.ts.map +1 -1
  161. package/generated/Tabs.d.ts +2 -3
  162. package/generated/Tabs.d.ts.map +1 -1
  163. package/generated/TextArea.d.ts +2 -3
  164. package/generated/TextArea.d.ts.map +1 -1
  165. package/generated/TextField.d.ts +2 -3
  166. package/generated/TextField.d.ts.map +1 -1
  167. package/generated/TimePicker.d.ts +2 -3
  168. package/generated/TimePicker.d.ts.map +1 -1
  169. package/generated/Tooltip.d.ts +2 -3
  170. package/generated/Tooltip.d.ts.map +1 -1
  171. package/generated/Upload.d.ts +2 -3
  172. package/generated/Upload.d.ts.map +1 -1
  173. package/generated/UploadButton.d.ts +1 -2
  174. package/generated/UploadButton.d.ts.map +1 -1
  175. package/generated/UploadDropZone.d.ts +1 -2
  176. package/generated/UploadDropZone.d.ts.map +1 -1
  177. package/generated/UploadFileList.d.ts +1 -2
  178. package/generated/UploadFileList.d.ts.map +1 -1
  179. package/generated/VerticalLayout.d.ts +1 -2
  180. package/generated/VerticalLayout.d.ts.map +1 -1
  181. package/index.d.ts +89 -0
  182. package/index.js +89 -0
  183. package/package.json +90 -64
  184. package/utils/createComponent.d.ts +14 -2
  185. package/utils/createComponent.d.ts.map +1 -1
  186. package/utils/createComponent.js +1 -1
  187. package/utils/createComponent.js.map +3 -3
package/Breadcrumbs.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"@vaadin/breadcrumbs/vaadin-breadcrumbs.js";import{Breadcrumbs as e}from"@vaadin/breadcrumbs/vaadin-breadcrumbs.js";import*as r from"react";import{createComponent as t}from"./utils/createComponent.js";var o={},p=t({elementClass:e,events:o,react:r,tagName:"vaadin-breadcrumbs"});export{p as Breadcrumbs,e as BreadcrumbsElement};
1
+ export*from"@vaadin/breadcrumbs/vaadin-breadcrumbs.js";import{Breadcrumbs as e}from"@vaadin/breadcrumbs/vaadin-breadcrumbs.js";import*as r from"react";import{createThemedComponent as t}from"./utils/createComponent.js";var m={},p=t({elementClass:e,events:m,react:r,tagName:"vaadin-breadcrumbs"});export{p as Breadcrumbs,e as BreadcrumbsElement};
2
2
  //# sourceMappingURL=Breadcrumbs.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/Breadcrumbs.ts", "src/generated/Breadcrumbs.ts"],
4
- "sourcesContent": ["export * from \"@vaadin/breadcrumbs/vaadin-breadcrumbs.js\";\nexport * from './generated/Breadcrumbs.js';\n", "import type {} from \"@lit/react\";\nimport { Breadcrumbs as BreadcrumbsElement, } from \"@vaadin/breadcrumbs/vaadin-breadcrumbs.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { BreadcrumbsElement, };\nexport type BreadcrumbsEventMap = Readonly<{}>;\nconst events = {} as BreadcrumbsEventMap;\nexport type BreadcrumbsProps = WebComponentProps<BreadcrumbsElement, BreadcrumbsEventMap>;\nexport const Breadcrumbs = createComponent({\n elementClass: BreadcrumbsElement, events, react: React, tagName: \"vaadin-breadcrumbs\"\n});\n"],
5
- "mappings": "AAAA,WAAc,4CCCd,OAAS,eAAeA,MAA2B,4CACnD,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAcC,EAAgB,CACvC,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,oBACrE,CAAC",
6
- "names": ["BreadcrumbsElement", "React", "createComponent", "events", "Breadcrumbs", "createComponent", "BreadcrumbsElement", "React"]
4
+ "sourcesContent": ["export * from \"@vaadin/breadcrumbs/vaadin-breadcrumbs.js\";\nexport * from './generated/Breadcrumbs.js';\n", "import type {} from \"@lit/react\";\nimport { Breadcrumbs as BreadcrumbsElement, } from \"@vaadin/breadcrumbs/vaadin-breadcrumbs.js\";\nimport * as React from \"react\";\nimport { createThemedComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { BreadcrumbsElement, };\nexport type BreadcrumbsEventMap = Readonly<{}>;\nconst events = {} as BreadcrumbsEventMap;\nexport type BreadcrumbsProps = WebComponentProps<BreadcrumbsElement, BreadcrumbsEventMap> & {\n theme?: string;\n};\nexport const Breadcrumbs = createThemedComponent({\n elementClass: BreadcrumbsElement, events, react: React, tagName: \"vaadin-breadcrumbs\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,4CCCd,OAAS,eAAeA,MAA2B,4CACnD,UAAYC,MAAW,QACvB,OAAS,yBAAAC,MAAqD,6BAG9D,IAAMC,EAAS,CAAC,EAIHC,EAAcC,EAAsB,CAC7C,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,oBACrE,CAAC",
6
+ "names": ["BreadcrumbsElement", "React", "createThemedComponent", "events", "Breadcrumbs", "createThemedComponent", "BreadcrumbsElement", "React"]
7
7
  }
package/ContextMenu.d.ts CHANGED
@@ -1,20 +1,24 @@
1
1
  import { type ComponentType, type ReactElement, type RefAttributes } from 'react';
2
- import { type ContextMenuRendererContext, type ContextMenuElement, type ContextMenuProps as _ContextMenuProps, type ContextMenuItem as _ContextMenuItem } from './generated/ContextMenu.js';
2
+ import { type ContextMenuRendererContext, type ContextMenuElement, type ContextMenuProps as _ContextMenuProps, type ContextMenuItemData as _ContextMenuItemData } from './generated/ContextMenu.js';
3
3
  import { type ReactContextRendererProps } from './renderers/useContextRenderer.js';
4
4
  export * from './generated/ContextMenu.js';
5
5
  export type ContextMenuReactRendererProps = ReactContextRendererProps<ContextMenuRendererContext, ContextMenuElement>;
6
- export type ContextMenuItem<TItemData extends object = object> = Omit<_ContextMenuItem<TItemData>, 'component' | 'children'> & {
6
+ export type ContextMenuItemData<TItemData extends object = object> = Omit<_ContextMenuItemData<TItemData>, 'component' | 'children'> & {
7
7
  component?: ReactElement | string;
8
- children?: Array<ContextMenuItem<TItemData>>;
8
+ children?: Array<ContextMenuItemData<TItemData>>;
9
9
  };
10
- export type ContextMenuItemSelectedEvent<TItem extends ContextMenuItem = ContextMenuItem> = CustomEvent<{
11
- value: ContextMenuItem<TItem>;
10
+ /**
11
+ * @deprecated Use `ContextMenuItemData` instead.
12
+ */
13
+ export type ContextMenuItem<TItemData extends object = object> = ContextMenuItemData<TItemData>;
14
+ export type ContextMenuItemSelectedEvent<TItem extends ContextMenuItemData = ContextMenuItemData> = CustomEvent<{
15
+ value: ContextMenuItemData<TItem>;
12
16
  }>;
13
- export type ContextMenuProps<TItem extends ContextMenuItem = ContextMenuItem> = Partial<Omit<_ContextMenuProps, 'opened' | 'renderer' | 'items' | 'onItemSelected'>> & Readonly<{
17
+ export type ContextMenuProps<TItem extends ContextMenuItemData = ContextMenuItemData> = Partial<Omit<_ContextMenuProps, 'opened' | 'renderer' | 'items' | 'onItemSelected'>> & Readonly<{
14
18
  renderer?: ComponentType<ContextMenuReactRendererProps> | null;
15
19
  items?: Array<TItem>;
16
20
  onItemSelected?: (event: ContextMenuItemSelectedEvent<TItem>) => void;
17
21
  }>;
18
- declare const ForwardedContextMenu: <TItem extends ContextMenuItem = ContextMenuItem>(props: ContextMenuProps<TItem> & RefAttributes<ContextMenuElement>) => ReactElement | null;
22
+ declare const ForwardedContextMenu: <TItem extends ContextMenuItemData = ContextMenuItemData>(props: ContextMenuProps<TItem> & RefAttributes<ContextMenuElement>) => ReactElement | null;
19
23
  export { ForwardedContextMenu as ContextMenu };
20
24
  //# sourceMappingURL=ContextMenu.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["src/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAiC,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AACjH,OAAO,EAEL,KAAK,0BAA0B,EAC/B,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,IAAI,iBAAiB,EAC1C,KAAK,eAAe,IAAI,gBAAgB,EACzC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,yBAAyB,EAAsB,MAAM,mCAAmC,CAAC;AAGvG,cAAc,4BAA4B,CAAC;AAE3C,MAAM,MAAM,6BAA6B,GAAG,yBAAyB,CAAC,0BAA0B,EAAE,kBAAkB,CAAC,CAAC;AAEtH,MAAM,MAAM,eAAe,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CACnE,gBAAgB,CAAC,SAAS,CAAC,EAC3B,WAAW,GAAG,UAAU,CACzB,GAAG;IACF,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAElC,QAAQ,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,4BAA4B,CAAC,KAAK,SAAS,eAAe,GAAG,eAAe,IAAI,WAAW,CAAC;IACtG,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;CAC/B,CAAC,CAAC;AAKH,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,eAAe,GAAG,eAAe,IAAI,OAAO,CACrF,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,gBAAgB,CAAC,CAC5E,GACC,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,aAAa,CAAC,6BAA6B,CAAC,GAAG,IAAI,CAAC;IAE/D,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAErB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACvE,CAAC,CAAC;AAmCL,QAAA,MAAM,oBAAoB,EAA8B,CAAC,KAAK,SAAS,eAAe,GAAG,eAAe,EACtG,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,kBAAkB,CAAC,KAC/D,YAAY,GAAG,IAAI,CAAC;AAEzB,OAAO,EAAE,oBAAoB,IAAI,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["src/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAiC,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AACjH,OAAO,EAEL,KAAK,0BAA0B,EAC/B,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,IAAI,iBAAiB,EAC1C,KAAK,mBAAmB,IAAI,oBAAoB,EACjD,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,yBAAyB,EAAsB,MAAM,mCAAmC,CAAC;AAGvG,cAAc,4BAA4B,CAAC;AAE3C,MAAM,MAAM,6BAA6B,GAAG,yBAAyB,CAAC,0BAA0B,EAAE,kBAAkB,CAAC,CAAC;AAEtH,MAAM,MAAM,mBAAmB,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CACvE,oBAAoB,CAAC,SAAS,CAAC,EAC/B,WAAW,GAAG,UAAU,CACzB,GAAG;IACF,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAElC,QAAQ,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC;CAClD,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,IAAI,mBAAmB,CAAC,SAAS,CAAC,CAAC;AAEhG,MAAM,MAAM,4BAA4B,CAAC,KAAK,SAAS,mBAAmB,GAAG,mBAAmB,IAAI,WAAW,CAAC;IAC9G,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;CACnC,CAAC,CAAC;AAKH,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,mBAAmB,GAAG,mBAAmB,IAAI,OAAO,CAC7F,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,gBAAgB,CAAC,CAC5E,GACC,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,aAAa,CAAC,6BAA6B,CAAC,GAAG,IAAI,CAAC;IAE/D,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAErB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACvE,CAAC,CAAC;AAmCL,QAAA,MAAM,oBAAoB,EAA8B,CAAC,KAAK,SAAS,mBAAmB,GAAG,mBAAmB,EAC9G,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,kBAAkB,CAAC,KAC/D,YAAY,GAAG,IAAI,CAAC;AAEzB,OAAO,EAAE,oBAAoB,IAAI,WAAW,EAAE,CAAC"}
package/ContextMenu.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"@vaadin/context-menu/vaadin-context-menu.js";import{forwardRef as l}from"react";import{ContextMenu as C}from"@vaadin/context-menu/vaadin-context-menu.js";import*as x from"react";import{createComponent as s}from"./utils/createComponent.js";var d={onCloseAllMenus:"close-all-menus",onClosed:"closed",onItemSelected:"item-selected",onItemsOutsideClick:"items-outside-click",onOpenedChanged:"opened-changed"},o=s({elementClass:C,events:d,react:x,tagName:"vaadin-context-menu"});import{useContextRenderer as M}from"./renderers/useContextRenderer.js";import{getOriginalItem as c,mapItemsWithComponents as i}from"./utils/mapItemsWithComponents.js";import{jsxs as E}from"react/jsx-runtime";function I(e,m){let[r,a]=M(e.renderer),[u,p]=i(e.items,"vaadin-context-menu-item"),n=e.onItemSelected;return E(o,{...e,ref:m,renderer:a,items:p,onItemSelected:n?t=>{Object.assign(t.detail,{value:c(t.detail.value)}),n(t)}:void 0,children:[e.children,r,u]})}var O=l(I);export{O as ContextMenu,C as ContextMenuElement};
1
+ export*from"@vaadin/context-menu/vaadin-context-menu.js";import{forwardRef as l}from"react";import{ContextMenu as p}from"@vaadin/context-menu/vaadin-context-menu.js";import*as C from"react";import{createComponent as s}from"./utils/createComponent.js";var d={onCloseAllMenus:"close-all-menus",onClosed:"closed",onItemSelected:"item-selected",onItemsOutsideClick:"items-outside-click",onOpenedChanged:"opened-changed"},o=s({elementClass:p,events:d,react:C,tagName:"vaadin-context-menu"});import{useContextRenderer as M}from"./renderers/useContextRenderer.js";import{getOriginalItem as c,mapItemsWithComponents as I}from"./utils/mapItemsWithComponents.js";import{jsxs as E}from"react/jsx-runtime";function i(e,a){let[m,r]=M(e.renderer),[u,x]=I(e.items,"vaadin-context-menu-item"),n=e.onItemSelected;return E(o,{...e,ref:a,renderer:r,items:x,onItemSelected:n?t=>{Object.assign(t.detail,{value:c(t.detail.value)}),n(t)}:void 0,children:[e.children,m,u]})}var S=l(i);export{S as ContextMenu,p as ContextMenuElement};
2
2
  //# sourceMappingURL=ContextMenu.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/ContextMenu.tsx", "src/generated/ContextMenu.ts"],
4
- "sourcesContent": ["export * from \"@vaadin/context-menu/vaadin-context-menu.js\";\nimport { type ComponentType, type ForwardedRef, forwardRef, type ReactElement, type RefAttributes } from 'react';\nimport {\n ContextMenu as _ContextMenu,\n type ContextMenuRendererContext,\n type ContextMenuElement,\n type ContextMenuProps as _ContextMenuProps,\n type ContextMenuItem as _ContextMenuItem,\n} from './generated/ContextMenu.js';\nimport { type ReactContextRendererProps, useContextRenderer } from './renderers/useContextRenderer.js';\nimport { getOriginalItem, mapItemsWithComponents } from './utils/mapItemsWithComponents.js';\n\nexport * from './generated/ContextMenu.js';\n\nexport type ContextMenuReactRendererProps = ReactContextRendererProps<ContextMenuRendererContext, ContextMenuElement>;\n\nexport type ContextMenuItem<TItemData extends object = object> = Omit<\n _ContextMenuItem<TItemData>,\n 'component' | 'children'\n> & {\n component?: ReactElement | string;\n\n children?: Array<ContextMenuItem<TItemData>>;\n};\n\nexport type ContextMenuItemSelectedEvent<TItem extends ContextMenuItem = ContextMenuItem> = CustomEvent<{\n value: ContextMenuItem<TItem>;\n}>;\n\n// The 'opened' property is omitted because it is readonly in the web component.\n// So you cannot set it up manually, only read from the component.\n// For changing the property, use specific methods of the component.\nexport type ContextMenuProps<TItem extends ContextMenuItem = ContextMenuItem> = Partial<\n Omit<_ContextMenuProps, 'opened' | 'renderer' | 'items' | 'onItemSelected'>\n> &\n Readonly<{\n renderer?: ComponentType<ContextMenuReactRendererProps> | null;\n\n items?: Array<TItem>;\n\n onItemSelected?: (event: ContextMenuItemSelectedEvent<TItem>) => void;\n }>;\n\nfunction ContextMenu<TItem extends ContextMenuItem = ContextMenuItem>(\n props: ContextMenuProps<TItem>,\n ref: ForwardedRef<ContextMenuElement>,\n): ReactElement | null {\n const [portals, renderer] = useContextRenderer(props.renderer);\n const [itemPortals, webComponentItems] = mapItemsWithComponents(props.items, 'vaadin-context-menu-item');\n\n const onItemSelected = props.onItemSelected;\n const mappedOnItemSelected = onItemSelected\n ? (event: CustomEvent<{ value: _ContextMenuItem }>) => {\n // Replace the mapped web component item with the original item\n Object.assign(event.detail, {\n value: getOriginalItem(event.detail.value),\n });\n\n onItemSelected(event as ContextMenuItemSelectedEvent<TItem>);\n }\n : undefined;\n return (\n <_ContextMenu\n {...props}\n ref={ref}\n renderer={renderer}\n items={webComponentItems}\n onItemSelected={mappedOnItemSelected}\n >\n {props.children}\n {portals}\n {itemPortals}\n </_ContextMenu>\n );\n}\n\nconst ForwardedContextMenu = forwardRef(ContextMenu) as <TItem extends ContextMenuItem = ContextMenuItem>(\n props: ContextMenuProps<TItem> & RefAttributes<ContextMenuElement>,\n) => ReactElement | null;\n\nexport { ForwardedContextMenu as ContextMenu };\n", "import type { EventName } from \"@lit/react\";\nimport { ContextMenu as ContextMenuElement, type ContextMenuEventMap as _ContextMenuEventMap, } from \"@vaadin/context-menu/vaadin-context-menu.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ContextMenuElement, };\nexport type ContextMenuEventMap = Readonly<{\n onCloseAllMenus: EventName<_ContextMenuEventMap[\"close-all-menus\"]>;\n onClosed: EventName<_ContextMenuEventMap[\"closed\"]>;\n onItemSelected: EventName<_ContextMenuEventMap[\"item-selected\"]>;\n onItemsOutsideClick: EventName<_ContextMenuEventMap[\"items-outside-click\"]>;\n onOpenedChanged: EventName<_ContextMenuEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onCloseAllMenus: \"close-all-menus\", onClosed: \"closed\", onItemSelected: \"item-selected\", onItemsOutsideClick: \"items-outside-click\", onOpenedChanged: \"opened-changed\" } as ContextMenuEventMap;\nexport type ContextMenuProps = WebComponentProps<ContextMenuElement, ContextMenuEventMap>;\nexport const ContextMenu = createComponent({\n elementClass: ContextMenuElement, events, react: React, tagName: \"vaadin-context-menu\"\n});\n"],
5
- "mappings": "AAAA,WAAc,8CACd,OAAgD,cAAAA,MAAyD,QCAzG,OAAS,eAAeC,MAA6E,8CACrG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,gBAAiB,kBAAmB,SAAU,SAAU,eAAgB,gBAAiB,oBAAqB,sBAAuB,gBAAiB,gBAAiB,EAE3KC,EAAcC,EAAgB,CACvC,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACrE,CAAC,EDPD,OAAyC,sBAAAC,MAA0B,oCACnE,OAAS,mBAAAC,EAAiB,0BAAAC,MAA8B,oCAoDpD,eAAAC,MAAA,oBAnBJ,SAASC,EACPC,EACAC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAQ,EAAIR,EAAmBK,EAAM,QAAQ,EACvD,CAACI,EAAaC,CAAiB,EAAIR,EAAuBG,EAAM,MAAO,0BAA0B,EAEjGM,EAAiBN,EAAM,eAW7B,OACEF,EAACC,EAAA,CACE,GAAGC,EACJ,IAAKC,EACL,SAAUE,EACV,MAAOE,EACP,eAhByBC,EACxBC,GAAoD,CAEnD,OAAO,OAAOA,EAAM,OAAQ,CAC1B,MAAOX,EAAgBW,EAAM,OAAO,KAAK,CAC3C,CAAC,EAEDD,EAAeC,CAA4C,CAC7D,EACA,OASC,UAAAP,EAAM,SACNE,EACAE,GACH,CAEJ,CAEA,IAAMI,EAAuBC,EAAWV,CAAW",
4
+ "sourcesContent": ["export * from \"@vaadin/context-menu/vaadin-context-menu.js\";\nimport { type ComponentType, type ForwardedRef, forwardRef, type ReactElement, type RefAttributes } from 'react';\nimport {\n ContextMenu as _ContextMenu,\n type ContextMenuRendererContext,\n type ContextMenuElement,\n type ContextMenuProps as _ContextMenuProps,\n type ContextMenuItemData as _ContextMenuItemData,\n} from './generated/ContextMenu.js';\nimport { type ReactContextRendererProps, useContextRenderer } from './renderers/useContextRenderer.js';\nimport { getOriginalItem, mapItemsWithComponents } from './utils/mapItemsWithComponents.js';\n\nexport * from './generated/ContextMenu.js';\n\nexport type ContextMenuReactRendererProps = ReactContextRendererProps<ContextMenuRendererContext, ContextMenuElement>;\n\nexport type ContextMenuItemData<TItemData extends object = object> = Omit<\n _ContextMenuItemData<TItemData>,\n 'component' | 'children'\n> & {\n component?: ReactElement | string;\n\n children?: Array<ContextMenuItemData<TItemData>>;\n};\n\n/**\n * @deprecated Use `ContextMenuItemData` instead.\n */\nexport type ContextMenuItem<TItemData extends object = object> = ContextMenuItemData<TItemData>;\n\nexport type ContextMenuItemSelectedEvent<TItem extends ContextMenuItemData = ContextMenuItemData> = CustomEvent<{\n value: ContextMenuItemData<TItem>;\n}>;\n\n// The 'opened' property is omitted because it is readonly in the web component.\n// So you cannot set it up manually, only read from the component.\n// For changing the property, use specific methods of the component.\nexport type ContextMenuProps<TItem extends ContextMenuItemData = ContextMenuItemData> = Partial<\n Omit<_ContextMenuProps, 'opened' | 'renderer' | 'items' | 'onItemSelected'>\n> &\n Readonly<{\n renderer?: ComponentType<ContextMenuReactRendererProps> | null;\n\n items?: Array<TItem>;\n\n onItemSelected?: (event: ContextMenuItemSelectedEvent<TItem>) => void;\n }>;\n\nfunction ContextMenu<TItem extends ContextMenuItemData = ContextMenuItemData>(\n props: ContextMenuProps<TItem>,\n ref: ForwardedRef<ContextMenuElement>,\n): ReactElement | null {\n const [portals, renderer] = useContextRenderer(props.renderer);\n const [itemPortals, webComponentItems] = mapItemsWithComponents(props.items, 'vaadin-context-menu-item');\n\n const onItemSelected = props.onItemSelected;\n const mappedOnItemSelected = onItemSelected\n ? (event: CustomEvent<{ value: _ContextMenuItemData }>) => {\n // Replace the mapped web component item with the original item\n Object.assign(event.detail, {\n value: getOriginalItem(event.detail.value),\n });\n\n onItemSelected(event as ContextMenuItemSelectedEvent<TItem>);\n }\n : undefined;\n return (\n <_ContextMenu\n {...props}\n ref={ref}\n renderer={renderer}\n items={webComponentItems}\n onItemSelected={mappedOnItemSelected}\n >\n {props.children}\n {portals}\n {itemPortals}\n </_ContextMenu>\n );\n}\n\nconst ForwardedContextMenu = forwardRef(ContextMenu) as <TItem extends ContextMenuItemData = ContextMenuItemData>(\n props: ContextMenuProps<TItem> & RefAttributes<ContextMenuElement>,\n) => ReactElement | null;\n\nexport { ForwardedContextMenu as ContextMenu };\n", "import type { EventName } from \"@lit/react\";\nimport { ContextMenu as ContextMenuElement, type ContextMenuEventMap as _ContextMenuEventMap, } from \"@vaadin/context-menu/vaadin-context-menu.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ContextMenuElement, };\nexport type ContextMenuEventMap = Readonly<{\n onCloseAllMenus: EventName<_ContextMenuEventMap[\"close-all-menus\"]>;\n onClosed: EventName<_ContextMenuEventMap[\"closed\"]>;\n onItemSelected: EventName<_ContextMenuEventMap[\"item-selected\"]>;\n onItemsOutsideClick: EventName<_ContextMenuEventMap[\"items-outside-click\"]>;\n onOpenedChanged: EventName<_ContextMenuEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onCloseAllMenus: \"close-all-menus\", onClosed: \"closed\", onItemSelected: \"item-selected\", onItemsOutsideClick: \"items-outside-click\", onOpenedChanged: \"opened-changed\" } as ContextMenuEventMap;\nexport type ContextMenuProps = WebComponentProps<ContextMenuElement, ContextMenuEventMap>;\nexport const ContextMenu = createComponent({\n elementClass: ContextMenuElement, events, react: React, tagName: \"vaadin-context-menu\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,8CACd,OAAgD,cAAAA,MAAyD,QCAzG,OAAS,eAAeC,MAA6E,8CACrG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,gBAAiB,kBAAmB,SAAU,SAAU,eAAgB,gBAAiB,oBAAqB,sBAAuB,gBAAiB,gBAAiB,EAE3KC,EAAcC,EAAgB,CACvC,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACrE,CAAC,EDPD,OAAyC,sBAAAC,MAA0B,oCACnE,OAAS,mBAAAC,EAAiB,0BAAAC,MAA8B,oCAyDpD,eAAAC,MAAA,oBAnBJ,SAASC,EACPC,EACAC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAQ,EAAIR,EAAmBK,EAAM,QAAQ,EACvD,CAACI,EAAaC,CAAiB,EAAIR,EAAuBG,EAAM,MAAO,0BAA0B,EAEjGM,EAAiBN,EAAM,eAW7B,OACEF,EAACC,EAAA,CACE,GAAGC,EACJ,IAAKC,EACL,SAAUE,EACV,MAAOE,EACP,eAhByBC,EACxBC,GAAwD,CAEvD,OAAO,OAAOA,EAAM,OAAQ,CAC1B,MAAOX,EAAgBW,EAAM,OAAO,KAAK,CAC3C,CAAC,EAEDD,EAAeC,CAA4C,CAC7D,EACA,OASC,UAAAP,EAAM,SACNE,EACAE,GACH,CAEJ,CAEA,IAAMI,EAAuBC,EAAWV,CAAW",
6
6
  "names": ["forwardRef", "ContextMenuElement", "React", "createComponent", "events", "ContextMenu", "createComponent", "ContextMenuElement", "React", "useContextRenderer", "getOriginalItem", "mapItemsWithComponents", "jsxs", "ContextMenu", "props", "ref", "portals", "renderer", "itemPortals", "webComponentItems", "onItemSelected", "event", "ForwardedContextMenu", "forwardRef"]
7
7
  }
@@ -0,0 +1,2 @@
1
+ export * from './generated/ContextMenuItem.js';
2
+ //# sourceMappingURL=ContextMenuItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContextMenuItem.d.ts","sourceRoot":"","sources":["src/ContextMenuItem.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/context-menu/vaadin-context-menu-item.js";import{ContextMenuItem as e}from"@vaadin/context-menu/vaadin-context-menu-item.js";import*as t from"react";import{createComponent as o}from"./utils/createComponent.js";var n={},r=o({elementClass:e,events:n,react:t,tagName:"vaadin-context-menu-item"});export{r as ContextMenuItem,e as ContextMenuItemElement};
2
+ //# sourceMappingURL=ContextMenuItem.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/ContextMenuItem.ts", "src/generated/ContextMenuItem.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/context-menu/vaadin-context-menu-item.js\";\nexport * from './generated/ContextMenuItem.js';\n", "import type {} from \"@lit/react\";\nimport { ContextMenuItem as ContextMenuItemElement, } from \"@vaadin/context-menu/vaadin-context-menu-item.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ContextMenuItemElement, };\nexport type ContextMenuItemEventMap = Readonly<{}>;\nconst events = {} as ContextMenuItemEventMap;\nexport type ContextMenuItemProps = WebComponentProps<ContextMenuItemElement, ContextMenuItemEventMap>;\nexport const ContextMenuItem = createComponent({\n elementClass: ContextMenuItemElement, events, react: React, tagName: \"vaadin-context-menu-item\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,mDCCd,OAAS,mBAAmBA,MAA+B,mDAC3D,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAkBC,EAAgB,CAC3C,aAAcC,EAAwB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,0BACzE,CAAC",
6
+ "names": ["ContextMenuItemElement", "React", "createComponent", "events", "ContextMenuItem", "createComponent", "ContextMenuItemElement", "React"]
7
+ }
@@ -0,0 +1,2 @@
1
+ export * from './generated/ContextMenuListBox.js';
2
+ //# sourceMappingURL=ContextMenuListBox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContextMenuListBox.d.ts","sourceRoot":"","sources":["src/ContextMenuListBox.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/context-menu/vaadin-context-menu-list-box.js";import{ContextMenuListBox as t}from"@vaadin/context-menu/vaadin-context-menu-list-box.js";import*as e from"react";import{createComponent as o}from"./utils/createComponent.js";var n={},r=o({elementClass:t,events:n,react:e,tagName:"vaadin-context-menu-list-box"});export{r as ContextMenuListBox,t as ContextMenuListBoxElement};
2
+ //# sourceMappingURL=ContextMenuListBox.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/ContextMenuListBox.ts", "src/generated/ContextMenuListBox.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/context-menu/vaadin-context-menu-list-box.js\";\nexport * from './generated/ContextMenuListBox.js';\n", "import type {} from \"@lit/react\";\nimport { ContextMenuListBox as ContextMenuListBoxElement, } from \"@vaadin/context-menu/vaadin-context-menu-list-box.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ContextMenuListBoxElement, };\nexport type ContextMenuListBoxEventMap = Readonly<{}>;\nconst events = {} as ContextMenuListBoxEventMap;\nexport type ContextMenuListBoxProps = WebComponentProps<ContextMenuListBoxElement, ContextMenuListBoxEventMap>;\nexport const ContextMenuListBox = createComponent({\n elementClass: ContextMenuListBoxElement, events, react: React, tagName: \"vaadin-context-menu-list-box\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,uDCCd,OAAS,sBAAsBA,MAAkC,uDACjE,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAqBC,EAAgB,CAC9C,aAAcC,EAA2B,OAAAH,EAAQ,MAAOI,EAAO,QAAS,8BAC5E,CAAC",
6
+ "names": ["ContextMenuListBoxElement", "React", "createComponent", "events", "ContextMenuListBox", "createComponent", "ContextMenuListBoxElement", "React"]
7
+ }
@@ -1 +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;AAC/C,KAAK,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAsJ1D,QAAA,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAIhG,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;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;IAC9B,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;CACrD,CAAC;AAMF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
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;AAC/C,KAAK,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAiK1D,QAAA,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAIhG,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;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;IAC9B,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;CACrD,CAAC;AAMF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/MasterDetailLayout.tsx", "src/generated/MasterDetailLayout.ts"],
4
- "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<{}>;\ntype DetailPlaceholderProps = React.PropsWithChildren<{}>;\n\ntype MasterDetailLayoutElementWithInternalAPI = MasterDetailLayoutElement & {\n _startTransition: (transitionType: 'add' | 'remove' | 'replace', callback: () => void) => Promise<void>;\n};\n\nfunction Master({ children }: MasterProps) {\n return children;\n}\n\nfunction DetailPlaceholder({ children }: DetailPlaceholderProps) {\n return <div slot=\"detail-placeholder\" style={{ height: '100%' }}>{children}</div>;\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 \u2014 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\n // _startTransition calls the callback synchronously for add/replace,\n // and asynchronously for remove.\n layout._startTransition(transitionType, async () => {\n if (transitionType === 'replace' && currentDetailsRef.current) {\n // For replace, _startTransition moved the current div to the\n // detail-outgoing slot for the outgoing animation. Clone it so the\n // WC can animate the clone out, then hide the React-managed original\n // so the WC's post-animation cleanup won't remove it from the DOM.\n const clone = currentDetailsRef.current.cloneNode(true) as HTMLElement;\n clone.setAttribute('slot', 'detail-outgoing');\n layout.appendChild(clone);\n currentDetailsRef.current.setAttribute('slot', 'detail-hidden');\n } else if (currentDetailsRef.current) {\n currentDetailsRef.current.setAttribute('slot', 'detail-hidden');\n }\n if (nextDetailsRef.current) {\n nextDetailsRef.current.style.display = '';\n const hasNext = nextDetailsRef.current.childElementCount > 0;\n nextDetailsRef.current.setAttribute('slot', hasNext ? 'detail' : 'detail-hidden');\n }\n\n // Wait for Lit elements to render\n await Promise.resolve();\n\n // Recompute layout state with the new DOM\n layout.recalculateLayout();\n }).then(() => {\n // Animation finished \u2014 sync React state to match DOM reality\n setCurrentChildren(children);\n currentDetailsKey.current = nextDetailsKey;\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={{ height: '100%' }}>\n {currentChildren}\n </div>\n {state === 'starting' && (\n <div ref={nextDetailsRef} key={nextDetailsKey} style={{ display: 'none', height: '100%' }}>\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 && child.type !== DetailPlaceholder) {\n throw new Error(\n 'Invalid child in MasterDetailLayout. Only <MasterDetailLayout.Master>, <MasterDetailLayout.Detail>, and <MasterDetailLayout.DetailPlaceholder> 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 the respective\n * `MasterDetailLayout.Master`, `MasterDetailLayout.Detail`, and optionally\n * `MasterDetailLayout.DetailPlaceholder` 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. The `DetailPlaceholder` is shown\n * in the detail area when no detail is selected, and is hidden when the viewport\n * is too narrow (unlike detail, it does not become an overlay).\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 DetailPlaceholder: React.FC<DetailPlaceholderProps>;\n};\n\nMasterDetailLayout.Master = Master;\nMasterDetailLayout.Detail = Detail;\nMasterDetailLayout.DetailPlaceholder = DetailPlaceholder;\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"],
5
- "mappings": "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",
4
+ "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<{}>;\ntype DetailPlaceholderProps = React.PropsWithChildren<{}>;\n\ntype MasterDetailLayoutElementWithInternalAPI = MasterDetailLayoutElement & {\n _startTransition: (transitionType: 'add' | 'remove' | 'replace', callback: () => void) => Promise<void>;\n};\n\nfunction Master({ children }: MasterProps) {\n return children;\n}\n\nfunction DetailPlaceholder({ children }: DetailPlaceholderProps) {\n return (\n <div slot=\"detail-placeholder\" style={{ height: '100%' }}>\n {children}\n </div>\n );\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 \u2014 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\n // _startTransition calls the callback synchronously for add/replace,\n // and asynchronously for remove.\n layout\n ._startTransition(transitionType, async () => {\n if (transitionType === 'replace' && currentDetailsRef.current) {\n // For replace, _startTransition moved the current div to the\n // detail-outgoing slot for the outgoing animation. Clone it so the\n // WC can animate the clone out, then hide the React-managed original\n // so the WC's post-animation cleanup won't remove it from the DOM.\n const clone = currentDetailsRef.current.cloneNode(true) as HTMLElement;\n clone.setAttribute('slot', 'detail-outgoing');\n layout.appendChild(clone);\n currentDetailsRef.current.setAttribute('slot', 'detail-hidden');\n } else if (currentDetailsRef.current) {\n currentDetailsRef.current.setAttribute('slot', 'detail-hidden');\n }\n if (nextDetailsRef.current) {\n nextDetailsRef.current.style.display = '';\n const hasNext = nextDetailsRef.current.childElementCount > 0;\n nextDetailsRef.current.setAttribute('slot', hasNext ? 'detail' : 'detail-hidden');\n }\n\n // Wait for Lit elements to render\n await Promise.resolve();\n\n // Recompute layout state with the new DOM\n layout.recalculateLayout();\n })\n .then(() => {\n // Animation finished \u2014 sync React state to match DOM reality\n setCurrentChildren(children);\n currentDetailsKey.current = nextDetailsKey;\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={{ height: '100%' }}>\n {currentChildren}\n </div>\n {state === 'starting' && (\n <div ref={nextDetailsRef} key={nextDetailsKey} style={{ display: 'none', height: '100%' }}>\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 (\n React.isValidElement(child) &&\n child.type !== Master &&\n child.type !== Detail &&\n child.type !== DetailPlaceholder\n ) {\n throw new Error(\n 'Invalid child in MasterDetailLayout. Only <MasterDetailLayout.Master>, <MasterDetailLayout.Detail>, and <MasterDetailLayout.DetailPlaceholder> 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 the respective\n * `MasterDetailLayout.Master`, `MasterDetailLayout.Detail`, and optionally\n * `MasterDetailLayout.DetailPlaceholder` 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. The `DetailPlaceholder` is shown\n * in the detail area when no detail is selected, and is hidden when the viewport\n * is too narrow (unlike detail, it does not become an overlay).\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 DetailPlaceholder: React.FC<DetailPlaceholderProps>;\n};\n\nMasterDetailLayout.Master = Master;\nMasterDetailLayout.Detail = Detail;\nMasterDetailLayout.DetailPlaceholder = DetailPlaceholder;\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"],
5
+ "mappings": "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",
6
6
  "names": ["MasterDetailLayoutElement", "React", "createComponent", "events", "MasterDetailLayout", "createComponent", "MasterDetailLayoutElement", "React", "React", "useEffect", "useLayoutEffect", "useRef", "useState", "Fragment", "jsx", "jsxs", "Master", "children", "DetailPlaceholder", "areChildrenDifferent", "prevChildren", "nextChildren", "prevArray", "child", "nextArray", "i", "prevChild", "nextChild", "Detail", "currentDetailsRef", "currentDetailsKey", "nextDetailsRef", "nextDetailsKey", "state", "setState", "currentChildren", "setCurrentChildren", "layout", "hasChildren", "hasCurrentDetails", "hasNextDetails", "transitionType", "clone", "hasNext", "validateChildren", "MasterDetailLayoutWithValidation", "props", "MasterDetailLayout"]
7
7
  }
package/MenuBar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuBar.d.ts","sourceRoot":"","sources":["src/MenuBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,IAAI,aAAa,EAClC,KAAK,WAAW,IAAI,YAAY,EAChC,KAAK,WAAW,IAAI,YAAY,EACjC,MAAM,wBAAwB,CAAC;AAGhC,cAAc,wBAAwB,CAAC;AAEvC,MAAM,MAAM,WAAW,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACrH,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAElC,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACrH,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAElC,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,KAAK,SAAS,WAAW,GAAG,WAAW,IAAI,WAAW,CAAC;IAAE,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA;CAAE,CAAC,CAAC;AAE3H,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,WAAW,GAAG,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,gBAAgB,CAAC,CAAC,GAC1H,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAErB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnE,CAAC,CAAC;AAyBL,QAAA,MAAM,gBAAgB,EAA0B,CAAC,KAAK,SAAS,WAAW,GAAG,WAAW,EACtF,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,KACvD,YAAY,GAAG,IAAI,CAAC;AAEzB,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,CAAC"}
1
+ {"version":3,"file":"MenuBar.d.ts","sourceRoot":"","sources":["src/MenuBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,IAAI,aAAa,EAClC,KAAK,WAAW,IAAI,YAAY,EAChC,KAAK,WAAW,IAAI,YAAY,EACjC,MAAM,wBAAwB,CAAC;AAGhC,cAAc,wBAAwB,CAAC;AAEvC,MAAM,MAAM,WAAW,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACrH,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAElC,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACrH,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAElC,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,KAAK,SAAS,WAAW,GAAG,WAAW,IAAI,WAAW,CAAC;IAC1F,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;CAC3B,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,WAAW,GAAG,WAAW,IAAI,OAAO,CACzE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,gBAAgB,CAAC,CAChD,GACC,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAErB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnE,CAAC,CAAC;AA4BL,QAAA,MAAM,gBAAgB,EAA0B,CAAC,KAAK,SAAS,WAAW,GAAG,WAAW,EACtF,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,KACvD,YAAY,GAAG,IAAI,CAAC;AAEzB,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,CAAC"}
package/MenuBar.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/MenuBar.tsx", "src/generated/MenuBar.ts"],
4
- "sourcesContent": ["export * from \"@vaadin/menu-bar/vaadin-menu-bar.js\";\nimport { type ForwardedRef, forwardRef, type ReactElement, type RefAttributes } from 'react';\nimport {\n MenuBar as _MenuBar,\n type MenuBarElement,\n type MenuBarProps as _MenuBarProps,\n type MenuBarItem as _MenuBarItem,\n type SubMenuItem as _SubMenuItem,\n} from './generated/MenuBar.js';\nimport { getOriginalItem, mapItemsWithComponents } from './utils/mapItemsWithComponents.js';\n\nexport * from './generated/MenuBar.js';\n\nexport type SubMenuItem<TItemData extends object = object> = Omit<_SubMenuItem<TItemData>, 'component' | 'children'> & {\n component?: ReactElement | string;\n\n children?: Array<SubMenuItem<TItemData>>;\n};\n\nexport type MenuBarItem<TItemData extends object = object> = Omit<_MenuBarItem<TItemData>, 'component' | 'children'> & {\n component?: ReactElement | string;\n\n children?: Array<SubMenuItem<TItemData>>;\n};\n\nexport type MenuBarItemSelectedEvent<TItem extends MenuBarItem = MenuBarItem> = CustomEvent<{ value: MenuBarItem<TItem> }>;\n\nexport type MenuBarProps<TItem extends MenuBarItem = MenuBarItem> = Partial<Omit<_MenuBarProps, 'items' | 'onItemSelected'>> &\n Readonly<{\n items?: Array<TItem>;\n\n onItemSelected?: (event: MenuBarItemSelectedEvent<TItem>) => void;\n }>;\n\nfunction MenuBar<TItem extends MenuBarItem = MenuBarItem>(props: MenuBarProps<TItem>, ref: ForwardedRef<MenuBarElement>): ReactElement | null {\n const [itemPortals, webComponentItems] = mapItemsWithComponents(props.items, 'vaadin-menu-bar-item');\n\n const onItemSelected = props.onItemSelected;\n const mappedOnItemSelected = onItemSelected\n ? (event: CustomEvent<{ value: _MenuBarItem }>) => {\n // Replace the mapped web component item with the original item\n Object.assign(event.detail, {\n value: getOriginalItem(event.detail.value),\n });\n\n onItemSelected(event as MenuBarItemSelectedEvent<TItem>);\n }\n : undefined;\n\n return (\n <_MenuBar {...props} ref={ref} items={webComponentItems} onItemSelected={mappedOnItemSelected}>\n {props.children}\n {itemPortals}\n </_MenuBar>\n );\n}\n\nconst ForwardedMenuBar = forwardRef(MenuBar) as <TItem extends MenuBarItem = MenuBarItem>(\n props: MenuBarProps<TItem> & RefAttributes<MenuBarElement>,\n) => ReactElement | null;\n\nexport { ForwardedMenuBar as MenuBar };\n", "import type { EventName } from \"@lit/react\";\nimport { MenuBar as MenuBarElement, type MenuBarEventMap as _MenuBarEventMap, } from \"@vaadin/menu-bar/vaadin-menu-bar.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MenuBarElement, };\nexport type MenuBarEventMap = Readonly<{\n onItemSelected: EventName<_MenuBarEventMap[\"item-selected\"]>;\n}>;\nconst events = { onItemSelected: \"item-selected\" } as MenuBarEventMap;\nexport type MenuBarProps = WebComponentProps<MenuBarElement, MenuBarEventMap>;\nexport const MenuBar = createComponent({\n elementClass: MenuBarElement, events, react: React, tagName: \"vaadin-menu-bar\"\n});\n"],
5
- "mappings": "AAAA,WAAc,sCACd,OAA4B,cAAAA,MAAyD,QCArF,OAAS,WAAWC,MAAiE,sCACrF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAKxD,IAAMC,EAAS,CAAE,eAAgB,eAAgB,EAEpCC,EAAUC,EAAgB,CACnC,aAAcC,EAAgB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,iBACjE,CAAC,EDHD,OAAS,mBAAAC,EAAiB,0BAAAC,MAA8B,oCAyCpD,eAAAC,MAAA,oBAhBJ,SAASC,EAAiDC,EAA4BC,EAAwD,CAC5I,GAAM,CAACC,EAAaC,CAAiB,EAAIN,EAAuBG,EAAM,MAAO,sBAAsB,EAE7FI,EAAiBJ,EAAM,eAY7B,OACEF,EAACC,EAAA,CAAU,GAAGC,EAAO,IAAKC,EAAK,MAAOE,EAAmB,eAZ9BC,EACxBC,GAAgD,CAE/C,OAAO,OAAOA,EAAM,OAAQ,CAC1B,MAAOT,EAAgBS,EAAM,OAAO,KAAK,CAC3C,CAAC,EAEDD,EAAeC,CAAwC,CACzD,EACA,OAIC,UAAAL,EAAM,SACNE,GACH,CAEJ,CAEA,IAAMI,EAAmBC,EAAWR,CAAO",
4
+ "sourcesContent": ["export * from \"@vaadin/menu-bar/vaadin-menu-bar.js\";\nimport { type ForwardedRef, forwardRef, type ReactElement, type RefAttributes } from 'react';\nimport {\n MenuBar as _MenuBar,\n type MenuBarElement,\n type MenuBarProps as _MenuBarProps,\n type MenuBarItem as _MenuBarItem,\n type SubMenuItem as _SubMenuItem,\n} from './generated/MenuBar.js';\nimport { getOriginalItem, mapItemsWithComponents } from './utils/mapItemsWithComponents.js';\n\nexport * from './generated/MenuBar.js';\n\nexport type SubMenuItem<TItemData extends object = object> = Omit<_SubMenuItem<TItemData>, 'component' | 'children'> & {\n component?: ReactElement | string;\n\n children?: Array<SubMenuItem<TItemData>>;\n};\n\nexport type MenuBarItem<TItemData extends object = object> = Omit<_MenuBarItem<TItemData>, 'component' | 'children'> & {\n component?: ReactElement | string;\n\n children?: Array<SubMenuItem<TItemData>>;\n};\n\nexport type MenuBarItemSelectedEvent<TItem extends MenuBarItem = MenuBarItem> = CustomEvent<{\n value: MenuBarItem<TItem>;\n}>;\n\nexport type MenuBarProps<TItem extends MenuBarItem = MenuBarItem> = Partial<\n Omit<_MenuBarProps, 'items' | 'onItemSelected'>\n> &\n Readonly<{\n items?: Array<TItem>;\n\n onItemSelected?: (event: MenuBarItemSelectedEvent<TItem>) => void;\n }>;\n\nfunction MenuBar<TItem extends MenuBarItem = MenuBarItem>(\n props: MenuBarProps<TItem>,\n ref: ForwardedRef<MenuBarElement>,\n): ReactElement | null {\n const [itemPortals, webComponentItems] = mapItemsWithComponents(props.items, 'vaadin-menu-bar-item');\n\n const onItemSelected = props.onItemSelected;\n const mappedOnItemSelected = onItemSelected\n ? (event: CustomEvent<{ value: _MenuBarItem }>) => {\n // Replace the mapped web component item with the original item\n Object.assign(event.detail, {\n value: getOriginalItem(event.detail.value),\n });\n\n onItemSelected(event as MenuBarItemSelectedEvent<TItem>);\n }\n : undefined;\n\n return (\n <_MenuBar {...props} ref={ref} items={webComponentItems} onItemSelected={mappedOnItemSelected}>\n {props.children}\n {itemPortals}\n </_MenuBar>\n );\n}\n\nconst ForwardedMenuBar = forwardRef(MenuBar) as <TItem extends MenuBarItem = MenuBarItem>(\n props: MenuBarProps<TItem> & RefAttributes<MenuBarElement>,\n) => ReactElement | null;\n\nexport { ForwardedMenuBar as MenuBar };\n", "import type { EventName } from \"@lit/react\";\nimport { MenuBar as MenuBarElement, type MenuBarEventMap as _MenuBarEventMap, } from \"@vaadin/menu-bar/vaadin-menu-bar.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MenuBarElement, };\nexport type MenuBarEventMap = Readonly<{\n onItemSelected: EventName<_MenuBarEventMap[\"item-selected\"]>;\n}>;\nconst events = { onItemSelected: \"item-selected\" } as MenuBarEventMap;\nexport type MenuBarProps = WebComponentProps<MenuBarElement, MenuBarEventMap>;\nexport const MenuBar = createComponent({\n elementClass: MenuBarElement, events, react: React, tagName: \"vaadin-menu-bar\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,sCACd,OAA4B,cAAAA,MAAyD,QCArF,OAAS,WAAWC,MAAiE,sCACrF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAKxD,IAAMC,EAAS,CAAE,eAAgB,eAAgB,EAEpCC,EAAUC,EAAgB,CACnC,aAAcC,EAAgB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,iBACjE,CAAC,EDHD,OAAS,mBAAAC,EAAiB,0BAAAC,MAA8B,oCAgDpD,eAAAC,MAAA,oBAnBJ,SAASC,EACPC,EACAC,EACqB,CACrB,GAAM,CAACC,EAAaC,CAAiB,EAAIN,EAAuBG,EAAM,MAAO,sBAAsB,EAE7FI,EAAiBJ,EAAM,eAY7B,OACEF,EAACC,EAAA,CAAU,GAAGC,EAAO,IAAKC,EAAK,MAAOE,EAAmB,eAZ9BC,EACxBC,GAAgD,CAE/C,OAAO,OAAOA,EAAM,OAAQ,CAC1B,MAAOT,EAAgBS,EAAM,OAAO,KAAK,CAC3C,CAAC,EAEDD,EAAeC,CAAwC,CACzD,EACA,OAIC,UAAAL,EAAM,SACNE,GACH,CAEJ,CAEA,IAAMI,EAAmBC,EAAWR,CAAO",
6
6
  "names": ["forwardRef", "MenuBarElement", "React", "createComponent", "events", "MenuBar", "createComponent", "MenuBarElement", "React", "getOriginalItem", "mapItemsWithComponents", "jsxs", "MenuBar", "props", "ref", "itemPortals", "webComponentItems", "onItemSelected", "event", "ForwardedMenuBar", "forwardRef"]
7
7
  }
@@ -0,0 +1,2 @@
1
+ export * from './generated/SelectItem.js';
2
+ //# sourceMappingURL=SelectItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["src/SelectItem.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
package/SelectItem.js ADDED
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/select/vaadin-select-item.js";import{SelectItem as e}from"@vaadin/select/vaadin-select-item.js";import*as t from"react";import{createComponent as o}from"./utils/createComponent.js";var m={},n=o({elementClass:e,events:m,react:t,tagName:"vaadin-select-item"});export{n as SelectItem,e as SelectItemElement};
2
+ //# sourceMappingURL=SelectItem.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/SelectItem.ts", "src/generated/SelectItem.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/select/vaadin-select-item.js\";\nexport * from './generated/SelectItem.js';\n", "import type {} from \"@lit/react\";\nimport { SelectItem as SelectItemElement, } from \"@vaadin/select/vaadin-select-item.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { SelectItemElement, };\nexport type SelectItemEventMap = Readonly<{}>;\nconst events = {} as SelectItemEventMap;\nexport type SelectItemProps = WebComponentProps<SelectItemElement, SelectItemEventMap>;\nexport const SelectItem = createComponent({\n elementClass: SelectItemElement, events, react: React, tagName: \"vaadin-select-item\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,uCCCd,OAAS,cAAcA,MAA0B,uCACjD,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAaC,EAAgB,CACtC,aAAcC,EAAmB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,oBACpE,CAAC",
6
+ "names": ["SelectItemElement", "React", "createComponent", "events", "SelectItem", "createComponent", "SelectItemElement", "React"]
7
+ }
@@ -0,0 +1,2 @@
1
+ export * from './generated/SelectListBox.js';
2
+ //# sourceMappingURL=SelectListBox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectListBox.d.ts","sourceRoot":"","sources":["src/SelectListBox.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/select/vaadin-select-list-box.js";import{SelectListBox as e}from"@vaadin/select/vaadin-select-list-box.js";import*as t from"react";import{createComponent as o}from"./utils/createComponent.js";var p={},m=o({elementClass:e,events:p,react:t,tagName:"vaadin-select-list-box"});export{m as SelectListBox,e as SelectListBoxElement};
2
+ //# sourceMappingURL=SelectListBox.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/SelectListBox.ts", "src/generated/SelectListBox.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/select/vaadin-select-list-box.js\";\nexport * from './generated/SelectListBox.js';\n", "import type {} from \"@lit/react\";\nimport { SelectListBox as SelectListBoxElement, } from \"@vaadin/select/vaadin-select-list-box.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { SelectListBoxElement, };\nexport type SelectListBoxEventMap = Readonly<{}>;\nconst events = {} as SelectListBoxEventMap;\nexport type SelectListBoxProps = WebComponentProps<SelectListBoxElement, SelectListBoxEventMap>;\nexport const SelectListBox = createComponent({\n elementClass: SelectListBoxElement, events, react: React, tagName: \"vaadin-select-list-box\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,2CCCd,OAAS,iBAAiBA,MAA6B,2CACvD,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAgBC,EAAgB,CACzC,aAAcC,EAAsB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,wBACvE,CAAC",
6
+ "names": ["SelectListBoxElement", "React", "createComponent", "events", "SelectListBox", "createComponent", "SelectListBoxElement", "React"]
7
+ }
package/Switch.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './generated/Switch.js';
2
+ //# sourceMappingURL=Switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["src/Switch.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
package/Switch.js ADDED
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/switch/vaadin-switch.js";import{Switch as e}from"@vaadin/switch/vaadin-switch.js";import*as t from"react";import{createThemedComponent as n}from"./utils/createComponent.js";var a={onChange:"change",onCheckedChanged:"checked-changed",onInvalidChanged:"invalid-changed",onValidated:"validated"},h=n({elementClass:e,events:a,react:t,tagName:"vaadin-switch"});export{h as Switch,e as SwitchElement};
2
+ //# sourceMappingURL=Switch.js.map
package/Switch.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/Switch.ts", "src/generated/Switch.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/switch/vaadin-switch.js\";\nexport * from './generated/Switch.js';\n", "import type { EventName } from \"@lit/react\";\nimport { Switch as SwitchElement, type SwitchEventMap as _SwitchEventMap, } from \"@vaadin/switch/vaadin-switch.js\";\nimport * as React from \"react\";\nimport { createThemedComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { SwitchElement, };\nexport type SwitchEventMap = Readonly<{\n onChange: EventName<_SwitchEventMap[\"change\"]>;\n onCheckedChanged: EventName<_SwitchEventMap[\"checked-changed\"]>;\n onInvalidChanged: EventName<_SwitchEventMap[\"invalid-changed\"]>;\n onValidated: EventName<_SwitchEventMap[\"validated\"]>;\n}>;\nconst events = { onChange: \"change\", onCheckedChanged: \"checked-changed\", onInvalidChanged: \"invalid-changed\", onValidated: \"validated\" } as SwitchEventMap;\nexport type SwitchProps = WebComponentProps<SwitchElement, SwitchEventMap> & {\n theme?: string;\n};\nexport const Switch = createThemedComponent({\n elementClass: SwitchElement, events, react: React, tagName: \"vaadin-switch\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,kCCCd,OAAS,UAAUA,MAA8D,kCACjF,UAAYC,MAAW,QACvB,OAAS,yBAAAC,MAAqD,6BAQ9D,IAAMC,EAAS,CAAE,SAAU,SAAU,iBAAkB,kBAAmB,iBAAkB,kBAAmB,YAAa,WAAY,EAI3HC,EAASC,EAAsB,CACxC,aAAcC,EAAe,OAAAH,EAAQ,MAAOI,EAAO,QAAS,eAChE,CAAC",
6
+ "names": ["SwitchElement", "React", "createThemedComponent", "events", "Switch", "createThemedComponent", "SwitchElement", "React"]
7
+ }
@@ -1,6 +1,5 @@
1
1
  import type { EventName } from "@lit/react";
2
2
  import { Accordion as AccordionElement, type AccordionEventMap as _AccordionEventMap } from "@vaadin/accordion/vaadin-accordion.js";
3
- import * as React from "react";
4
3
  import { type WebComponentProps } from "../utils/createComponent.js";
5
4
  export * from "@vaadin/accordion/vaadin-accordion.js";
6
5
  export { AccordionElement, };
@@ -9,8 +8,8 @@ export type AccordionEventMap = Readonly<{
9
8
  onOpenedChanged: EventName<_AccordionEventMap["opened-changed"]>;
10
9
  }>;
11
10
  export type AccordionProps = WebComponentProps<AccordionElement, AccordionEventMap>;
12
- export declare const Accordion: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<AccordionElement, Readonly<{
11
+ export declare const Accordion: import("../utils/createComponent.js").ReactWebComponent<AccordionElement, Readonly<{
13
12
  onItemsChanged: EventName<_AccordionEventMap["items-changed"]>;
14
13
  onOpenedChanged: EventName<_AccordionEventMap["opened-changed"]>;
15
- }>>> & React.RefAttributes<AccordionElement>) => React.ReactElement | null;
14
+ }>>;
16
15
  //# sourceMappingURL=Accordion.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/generated/Accordion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,KAAK,iBAAiB,IAAI,kBAAkB,EAAG,MAAM,uCAAuC,CAAC;AACrI,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,gBAAgB,GAAG,CAAC;AAC7B,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACrC,cAAc,EAAE,SAAS,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/D,eAAe,EAAE,SAAS,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACpE,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;AACpF,eAAO,MAAM,SAAS;oBALF,SAAS,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;qBAC7C,SAAS,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;0EAMlE,CAAC"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/generated/Accordion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,KAAK,iBAAiB,IAAI,kBAAkB,EAAG,MAAM,uCAAuC,CAAC;AAErI,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,gBAAgB,GAAG,CAAC;AAC7B,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACrC,cAAc,EAAE,SAAS,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/D,eAAe,EAAE,SAAS,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACpE,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;AACpF,eAAO,MAAM,SAAS;oBALF,SAAS,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;qBAC7C,SAAS,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;GAMlE,CAAC"}
@@ -1,9 +1,8 @@
1
1
  import { AccordionHeading as AccordionHeadingElement } from "@vaadin/accordion/vaadin-accordion-heading.js";
2
- import * as React from "react";
3
2
  import { type WebComponentProps } from "../utils/createComponent.js";
4
3
  export * from "@vaadin/accordion/vaadin-accordion-heading.js";
5
4
  export { AccordionHeadingElement, };
6
5
  export type AccordionHeadingEventMap = Readonly<{}>;
7
6
  export type AccordionHeadingProps = WebComponentProps<AccordionHeadingElement, AccordionHeadingEventMap>;
8
- export declare const AccordionHeading: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<AccordionHeadingElement, Readonly<{}>>> & React.RefAttributes<AccordionHeadingElement>) => React.ReactElement | null;
7
+ export declare const AccordionHeading: import("../utils/createComponent.js").ReactWebComponent<AccordionHeadingElement, Readonly<{}>>;
9
8
  //# sourceMappingURL=AccordionHeading.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionHeading.d.ts","sourceRoot":"","sources":["../src/generated/AccordionHeading.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAG,MAAM,+CAA+C,CAAC;AAC7G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,uBAAuB,GAAG,CAAC;AACpC,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEpD,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,uBAAuB,EAAE,wBAAwB,CAAC,CAAC;AACzG,eAAO,MAAM,gBAAgB,oMAE3B,CAAC"}
1
+ {"version":3,"file":"AccordionHeading.d.ts","sourceRoot":"","sources":["../src/generated/AccordionHeading.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAG,MAAM,+CAA+C,CAAC;AAE7G,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,uBAAuB,GAAG,CAAC;AACpC,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEpD,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,uBAAuB,EAAE,wBAAwB,CAAC,CAAC;AACzG,eAAO,MAAM,gBAAgB,gGAE3B,CAAC"}
@@ -1,6 +1,5 @@
1
1
  import type { EventName } from "@lit/react";
2
2
  import { AccordionPanel as AccordionPanelElement, type AccordionPanelEventMap as _AccordionPanelEventMap } from "@vaadin/accordion/vaadin-accordion-panel.js";
3
- import * as React from "react";
4
3
  import { type WebComponentProps } from "../utils/createComponent.js";
5
4
  export * from "@vaadin/accordion/vaadin-accordion-panel.js";
6
5
  export { AccordionPanelElement, };
@@ -8,7 +7,7 @@ export type AccordionPanelEventMap = Readonly<{
8
7
  onOpenedChanged: EventName<_AccordionPanelEventMap["opened-changed"]>;
9
8
  }>;
10
9
  export type AccordionPanelProps = WebComponentProps<AccordionPanelElement, AccordionPanelEventMap>;
11
- export declare const AccordionPanel: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<AccordionPanelElement, Readonly<{
10
+ export declare const AccordionPanel: import("../utils/createComponent.js").ReactWebComponent<AccordionPanelElement, Readonly<{
12
11
  onOpenedChanged: EventName<_AccordionPanelEventMap["opened-changed"]>;
13
- }>>> & React.RefAttributes<AccordionPanelElement>) => React.ReactElement | null;
12
+ }>>;
14
13
  //# sourceMappingURL=AccordionPanel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanel.d.ts","sourceRoot":"","sources":["../src/generated/AccordionPanel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,KAAK,sBAAsB,IAAI,uBAAuB,EAAG,MAAM,6CAA6C,CAAC;AAC/J,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,qBAAqB,GAAG,CAAC;AAClC,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC1C,eAAe,EAAE,SAAS,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACzE,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,qBAAqB,EAAE,sBAAsB,CAAC,CAAC;AACnG,eAAO,MAAM,cAAc;qBAJN,SAAS,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;+EAMvE,CAAC"}
1
+ {"version":3,"file":"AccordionPanel.d.ts","sourceRoot":"","sources":["../src/generated/AccordionPanel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,KAAK,sBAAsB,IAAI,uBAAuB,EAAG,MAAM,6CAA6C,CAAC;AAE/J,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,qBAAqB,GAAG,CAAC;AAClC,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC1C,eAAe,EAAE,SAAS,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACzE,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,qBAAqB,EAAE,sBAAsB,CAAC,CAAC;AACnG,eAAO,MAAM,cAAc;qBAJN,SAAS,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;GAMvE,CAAC"}
@@ -1,6 +1,5 @@
1
1
  import type { EventName } from "@lit/react";
2
2
  import { AppLayout as AppLayoutElement, type AppLayoutEventMap as _AppLayoutEventMap } from "@vaadin/app-layout/vaadin-app-layout.js";
3
- import * as React from "react";
4
3
  import { type WebComponentProps } from "../utils/createComponent.js";
5
4
  export * from "@vaadin/app-layout/vaadin-app-layout.js";
6
5
  export { AppLayoutElement, };
@@ -10,9 +9,9 @@ export type AppLayoutEventMap = Readonly<{
10
9
  onPrimarySectionChanged: EventName<_AppLayoutEventMap["primary-section-changed"]>;
11
10
  }>;
12
11
  export type AppLayoutProps = WebComponentProps<AppLayoutElement, AppLayoutEventMap>;
13
- export declare const AppLayout: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<AppLayoutElement, Readonly<{
12
+ export declare const AppLayout: import("../utils/createComponent.js").ReactWebComponent<AppLayoutElement, Readonly<{
14
13
  onDrawerOpenedChanged: EventName<_AppLayoutEventMap["drawer-opened-changed"]>;
15
14
  onOverlayChanged: EventName<_AppLayoutEventMap["overlay-changed"]>;
16
15
  onPrimarySectionChanged: EventName<_AppLayoutEventMap["primary-section-changed"]>;
17
- }>>> & React.RefAttributes<AppLayoutElement>) => React.ReactElement | null;
16
+ }>>;
18
17
  //# sourceMappingURL=AppLayout.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../src/generated/AppLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,KAAK,iBAAiB,IAAI,kBAAkB,EAAG,MAAM,yCAAyC,CAAC;AACvI,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,gBAAgB,GAAG,CAAC;AAC7B,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACrC,qBAAqB,EAAE,SAAS,CAAC,kBAAkB,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAC9E,gBAAgB,EAAE,SAAS,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACnE,uBAAuB,EAAE,SAAS,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,CAAC,CAAC;CACrF,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;AACpF,eAAO,MAAM,SAAS;2BANK,SAAS,CAAC,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;sBAC3D,SAAS,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;6BACzC,SAAS,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,CAAC;0EAMnF,CAAC"}
1
+ {"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../src/generated/AppLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,KAAK,iBAAiB,IAAI,kBAAkB,EAAG,MAAM,yCAAyC,CAAC;AAEvI,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,gBAAgB,GAAG,CAAC;AAC7B,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACrC,qBAAqB,EAAE,SAAS,CAAC,kBAAkB,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAC9E,gBAAgB,EAAE,SAAS,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACnE,uBAAuB,EAAE,SAAS,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,CAAC,CAAC;CACrF,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;AACpF,eAAO,MAAM,SAAS;2BANK,SAAS,CAAC,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;sBAC3D,SAAS,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;6BACzC,SAAS,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,CAAC;GAMnF,CAAC"}
@@ -1,9 +1,8 @@
1
1
  import { Avatar as AvatarElement } from "@vaadin/avatar/vaadin-avatar.js";
2
- import * as React from "react";
3
2
  import { type WebComponentProps } from "../utils/createComponent.js";
4
3
  export * from "@vaadin/avatar/vaadin-avatar.js";
5
4
  export { AvatarElement, };
6
5
  export type AvatarEventMap = Readonly<{}>;
7
6
  export type AvatarProps = WebComponentProps<AvatarElement, AvatarEventMap>;
8
- export declare const Avatar: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<AvatarElement, Readonly<{}>>> & React.RefAttributes<AvatarElement>) => React.ReactElement | null;
7
+ export declare const Avatar: import("../utils/createComponent.js").ReactWebComponent<AvatarElement, Readonly<{}>>;
9
8
  //# sourceMappingURL=Avatar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/generated/Avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAG,MAAM,iCAAiC,CAAC;AAC3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,GAAG,CAAC;AAC1B,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAC3E,eAAO,MAAM,MAAM,gLAEjB,CAAC"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/generated/Avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAG,MAAM,iCAAiC,CAAC;AAE3E,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,GAAG,CAAC;AAC1B,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAC3E,eAAO,MAAM,MAAM,sFAEjB,CAAC"}
@@ -1,9 +1,8 @@
1
1
  import { AvatarGroup as AvatarGroupElement } from "@vaadin/avatar-group/vaadin-avatar-group.js";
2
- import * as React from "react";
3
2
  import { type WebComponentProps } from "../utils/createComponent.js";
4
3
  export * from "@vaadin/avatar-group/vaadin-avatar-group.js";
5
4
  export { AvatarGroupElement, };
6
5
  export type AvatarGroupEventMap = Readonly<{}>;
7
6
  export type AvatarGroupProps = WebComponentProps<AvatarGroupElement, AvatarGroupEventMap>;
8
- export declare const AvatarGroup: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<AvatarGroupElement, Readonly<{}>>> & React.RefAttributes<AvatarGroupElement>) => React.ReactElement | null;
7
+ export declare const AvatarGroup: import("../utils/createComponent.js").ReactWebComponent<AvatarGroupElement, Readonly<{}>>;
9
8
  //# sourceMappingURL=AvatarGroup.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../src/generated/AvatarGroup.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAG,MAAM,6CAA6C,CAAC;AACjG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,kBAAkB,GAAG,CAAC;AAC/B,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAC1F,eAAO,MAAM,WAAW,0LAEtB,CAAC"}
1
+ {"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../src/generated/AvatarGroup.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAG,MAAM,6CAA6C,CAAC;AAEjG,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,kBAAkB,GAAG,CAAC;AAC/B,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAC1F,eAAO,MAAM,WAAW,2FAEtB,CAAC"}
@@ -1,9 +1,8 @@
1
1
  import { Badge as BadgeElement } from "@vaadin/badge/vaadin-badge.js";
2
- import * as React from "react";
3
2
  import { type WebComponentProps } from "../utils/createComponent.js";
4
3
  export * from "@vaadin/badge/vaadin-badge.js";
5
4
  export { BadgeElement, };
6
5
  export type BadgeEventMap = Readonly<{}>;
7
6
  export type BadgeProps = WebComponentProps<BadgeElement, BadgeEventMap>;
8
- export declare const Badge: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<BadgeElement, Readonly<{}>>> & React.RefAttributes<BadgeElement>) => React.ReactElement | null;
7
+ export declare const Badge: import("../utils/createComponent.js").ReactWebComponent<BadgeElement, Readonly<{}>>;
9
8
  //# sourceMappingURL=Badge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/generated/Badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAG,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,YAAY,GAAG,CAAC;AACzB,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AACxE,eAAO,MAAM,KAAK,8KAEhB,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/generated/Badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAG,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,YAAY,GAAG,CAAC;AACzB,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AACxE,eAAO,MAAM,KAAK,qFAEhB,CAAC"}
@@ -1,11 +1,10 @@
1
1
  import { Breadcrumbs as BreadcrumbsElement } from "@vaadin/breadcrumbs/vaadin-breadcrumbs.js";
2
- import * as React from "react";
3
2
  import { type WebComponentProps } from "../utils/createComponent.js";
4
3
  export * from "@vaadin/breadcrumbs/vaadin-breadcrumbs.js";
5
4
  export { BreadcrumbsElement, };
6
5
  export type BreadcrumbsEventMap = Readonly<{}>;
7
- export type BreadcrumbsProps = WebComponentProps<BreadcrumbsElement, BreadcrumbsEventMap>;
8
- export declare const Breadcrumbs: (props: Partial<Omit<React.HTMLAttributes<BreadcrumbsElement>, "autofocus" | "i18n"> & {} & Partial<Omit<BreadcrumbsElement, keyof HTMLElement>> & {
9
- autofocus?: boolean;
10
- }> & React.RefAttributes<BreadcrumbsElement>) => React.ReactElement | null;
6
+ export type BreadcrumbsProps = WebComponentProps<BreadcrumbsElement, BreadcrumbsEventMap> & {
7
+ theme?: string;
8
+ };
9
+ export declare const Breadcrumbs: import("../utils/createComponent.js").ThemedReactWebComponent<BreadcrumbsElement, Readonly<{}>>;
11
10
  //# sourceMappingURL=Breadcrumbs.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../src/generated/Breadcrumbs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAG,MAAM,2CAA2C,CAAC;AAC/F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,kBAAkB,GAAG,CAAC;AAC/B,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAC1F,eAAO,MAAM,WAAW;;0EAEtB,CAAC"}
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../src/generated/Breadcrumbs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAG,MAAM,2CAA2C,CAAC;AAE/F,OAAO,EAAyB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC5F,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,kBAAkB,GAAG,CAAC;AAC/B,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,GAAG;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,eAAO,MAAM,WAAW,iGAEtB,CAAC"}
@@ -1,11 +1,8 @@
1
1
  import { BreadcrumbsItem as BreadcrumbsItemElement } from "@vaadin/breadcrumbs/vaadin-breadcrumbs-item.js";
2
- import * as React from "react";
3
2
  import { type WebComponentProps } from "../utils/createComponent.js";
4
3
  export * from "@vaadin/breadcrumbs/vaadin-breadcrumbs-item.js";
5
4
  export { BreadcrumbsItemElement, };
6
5
  export type BreadcrumbsItemEventMap = Readonly<{}>;
7
6
  export type BreadcrumbsItemProps = WebComponentProps<BreadcrumbsItemElement, BreadcrumbsItemEventMap>;
8
- export declare const BreadcrumbsItem: (props: Partial<Omit<React.HTMLAttributes<BreadcrumbsItemElement>, "autofocus" | "disabled" | "path" | "current"> & {} & Partial<Omit<BreadcrumbsItemElement, keyof HTMLElement>> & {
9
- autofocus?: boolean;
10
- }> & React.RefAttributes<BreadcrumbsItemElement>) => React.ReactElement | null;
7
+ export declare const BreadcrumbsItem: import("../utils/createComponent.js").ReactWebComponent<BreadcrumbsItemElement, Readonly<{}>>;
11
8
  //# sourceMappingURL=BreadcrumbsItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../src/generated/BreadcrumbsItem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,IAAI,sBAAsB,EAAG,MAAM,gDAAgD,CAAC;AAC5G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,gDAAgD,CAAC;AAC/D,OAAO,EAAE,sBAAsB,GAAG,CAAC;AACnC,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,CAAC;AACtG,eAAO,MAAM,eAAe;;8EAE1B,CAAC"}
1
+ {"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../src/generated/BreadcrumbsItem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,IAAI,sBAAsB,EAAG,MAAM,gDAAgD,CAAC;AAE5G,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,gDAAgD,CAAC;AAC/D,OAAO,EAAE,sBAAsB,GAAG,CAAC;AACnC,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,CAAC;AACtG,eAAO,MAAM,eAAe,+FAE1B,CAAC"}
@@ -1,9 +1,8 @@
1
1
  import { Button as ButtonElement } from "@vaadin/button/vaadin-button.js";
2
- import * as React from "react";
3
2
  import { type WebComponentProps } from "../utils/createComponent.js";
4
3
  export * from "@vaadin/button/vaadin-button.js";
5
4
  export { ButtonElement, };
6
5
  export type ButtonEventMap = Readonly<{}>;
7
6
  export type ButtonProps = WebComponentProps<ButtonElement, ButtonEventMap>;
8
- export declare const Button: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<ButtonElement, Readonly<{}>>> & React.RefAttributes<ButtonElement>) => React.ReactElement | null;
7
+ export declare const Button: import("../utils/createComponent.js").ReactWebComponent<ButtonElement, Readonly<{}>>;
9
8
  //# sourceMappingURL=Button.d.ts.map