@altinn/altinn-components 0.56.34 → 0.57.2

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 (264) hide show
  1. package/dist/Section-jhq4n77E.js +2260 -0
  2. package/dist/{Trash-DBcymOP9.js → Trash-BG9YcGIl.js} +33 -14
  3. package/dist/assets/Breadcrumbs.css +1 -1
  4. package/dist/assets/BreadcrumbsLink.css +1 -1
  5. package/dist/assets/ButtonGroup.css +1 -1
  6. package/dist/assets/ItemBase.css +1 -0
  7. package/dist/assets/ItemLink.css +1 -0
  8. package/dist/assets/MetaItemBase.css +1 -1
  9. package/dist/assets/QueryLabelItem.css +1 -1
  10. package/dist/assets/Section.css +1 -1
  11. package/dist/components/AccessAreaListItem/AccessAreaListItem.js +15 -16
  12. package/dist/components/AccessPackageListItem/AccessPackageListItem.js +8 -9
  13. package/dist/components/Account/AccountList.js +16 -19
  14. package/dist/components/Account/AccountListItem.js +7 -8
  15. package/dist/components/Account/AccountListItemControls.js +1 -1
  16. package/dist/components/Account/AccountListItemDetails.js +13 -15
  17. package/dist/components/Account/AccountListVirtual.js +10 -12
  18. package/dist/components/Account/AccountMenu.js +10 -11
  19. package/dist/components/Account/AccountNotificationSettings.js +1 -1
  20. package/dist/components/Account/AccountOrganization.js +14 -15
  21. package/dist/components/AccountSelector/AccountSelector.js +12 -13
  22. package/dist/components/ActivityLog/ActivityLog.js +12 -13
  23. package/dist/components/ActivityLog/ActivityLogItem.js +1 -1
  24. package/dist/components/ActivityLog/ActivityLogSegment.js +1 -1
  25. package/dist/components/Alert/Alert.js +1 -1
  26. package/dist/components/Article/Article.js +3 -4
  27. package/dist/components/Article/ArticleContact.js +8 -10
  28. package/dist/components/Article/ArticleHeader.js +5 -7
  29. package/dist/components/Attachment/AttachmentLink.js +7 -7
  30. package/dist/components/Banner/Banner.js +7 -8
  31. package/dist/components/Bookmarks/BookmarkModal.js +11 -12
  32. package/dist/components/Bookmarks/BookmarkSettingsItem.js +10 -11
  33. package/dist/components/Bookmarks/BookmarkSettingsItemLabel.js +12 -13
  34. package/dist/components/Bookmarks/BookmarkSettingsList.js +14 -16
  35. package/dist/components/Breadcrumbs/Breadcrumbs.js +8 -8
  36. package/dist/components/Breadcrumbs/BreadcrumbsLink.js +3 -3
  37. package/dist/components/Bulk/BulkHeader.js +14 -16
  38. package/dist/components/Button/ButtonGroup.js +11 -11
  39. package/dist/components/Button/ButtonIcon.js +3 -4
  40. package/dist/components/Button/ComboButton.js +1 -1
  41. package/dist/components/Button/FloatingActionButton.js +2 -2
  42. package/dist/components/Button/IconButton.js +1 -1
  43. package/dist/components/Byline/Byline.js +6 -28
  44. package/dist/components/Byline/index.js +1 -1
  45. package/dist/components/ContextMenu/ContextMenu.js +13 -15
  46. package/dist/components/Dashboard/DashboardCard.js +22 -24
  47. package/dist/components/Dashboard/DashboardHeader.js +12 -15
  48. package/dist/components/Datepicker/Datepicker.js +1 -1
  49. package/dist/components/Datepicker/DatepickerHeader.js +6 -7
  50. package/dist/components/Datepicker/DatepickerTable.js +1 -1
  51. package/dist/components/Dialog/Dialog.js +1 -1
  52. package/dist/components/Dialog/DialogActions.js +19 -22
  53. package/dist/components/Dialog/DialogActivityLog.js +1 -1
  54. package/dist/components/Dialog/DialogAttachments.js +6 -8
  55. package/dist/components/Dialog/DialogBody.js +1 -1
  56. package/dist/components/Dialog/DialogByline.js +3 -18
  57. package/dist/components/Dialog/DialogContact.js +6 -8
  58. package/dist/components/Dialog/DialogHeader.js +30 -33
  59. package/dist/components/Dialog/DialogHistory.js +9 -10
  60. package/dist/components/Dialog/DialogHistoryItem.js +1 -1
  61. package/dist/components/Dialog/DialogHistorySegment.js +1 -1
  62. package/dist/components/Dialog/DialogLayout.js +4 -5
  63. package/dist/components/Dialog/DialogList.js +5 -24
  64. package/dist/components/Dialog/DialogListGroup.js +6 -16
  65. package/dist/components/Dialog/DialogListItem.js +10 -169
  66. package/dist/components/Dialog/DialogMetadata.js +6 -124
  67. package/dist/components/Dialog/DialogSection.js +7 -9
  68. package/dist/components/Dialog/DialogSeenBy.js +7 -8
  69. package/dist/components/Dialog/DialogSelect.js +1 -1
  70. package/dist/components/Dialog/DialogStatus.js +5 -46
  71. package/dist/components/Dialog/DialogTabs.js +1 -1
  72. package/dist/components/Dialog/SeenByLog.js +14 -16
  73. package/dist/components/Dialog/SeenByLogButton.js +1 -1
  74. package/dist/components/Dialog/SeenByLogItem.js +11 -12
  75. package/dist/components/Dialog/index.js +39 -44
  76. package/dist/components/Dropdown/DrawerButton.js +1 -1
  77. package/dist/components/Dropdown/DrawerHeader.js +7 -8
  78. package/dist/components/Dropdown/DrawerOrDropdown.js +1 -1
  79. package/dist/components/Dropdown/Dropdown.js +7 -173
  80. package/dist/components/Dropdown/DropdownBase.js +1 -1
  81. package/dist/components/Dropdown/FloatingDropdown.js +25 -26
  82. package/dist/components/Dropdown/index.js +3 -3
  83. package/dist/components/Forms/Checkbox.js +1 -1
  84. package/dist/components/Forms/CheckboxOptions.js +1 -1
  85. package/dist/components/Forms/FieldBase.js +6 -11
  86. package/dist/components/Forms/FieldsetBase.js +1 -1
  87. package/dist/components/Forms/Radio.js +1 -1
  88. package/dist/components/Forms/RadioOptions.js +1 -1
  89. package/dist/components/Forms/SearchField.js +2 -6
  90. package/dist/components/Forms/SelectField.js +4 -5
  91. package/dist/components/Forms/Switch.js +1 -1
  92. package/dist/components/Forms/SwitchOptions.js +1 -1
  93. package/dist/components/Forms/TextField.js +3 -4
  94. package/dist/components/Forms/TextFieldDropdown.js +51 -56
  95. package/dist/components/Forms/TextareaField.js +3 -4
  96. package/dist/components/Forms/index.js +24 -25
  97. package/dist/components/GlobalHeader/GlobalAccountButton.js +18 -20
  98. package/dist/components/GlobalHeader/GlobalHeader.js +5 -5
  99. package/dist/components/GlobalHeader/GlobalMenuButton.js +12 -13
  100. package/dist/components/GlobalHeader/HeaderDrawer.js +29 -31
  101. package/dist/components/GlobalHeader/HeaderDropdown.js +5 -6
  102. package/dist/components/GlobalHeader/HeaderLogo.js +6 -6
  103. package/dist/components/GlobalMenu/GlobalMenu.js +9 -10
  104. package/dist/components/GlobalMenu/LocaleSwitcher.js +16 -18
  105. package/dist/components/GlobalMenu/LogoutButton.js +1 -1
  106. package/dist/components/GlobalMenu_old/BackButton.js +3 -4
  107. package/dist/components/GlobalMenu_old/CurrentAccount.js +3 -4
  108. package/dist/components/GlobalMenu_old/GlobalMenu.js +9 -10
  109. package/dist/components/GlobalMenu_old/GlobalMenuButton.js +15 -16
  110. package/dist/components/GlobalMenu_old/LogoutButton.js +1 -1
  111. package/dist/components/Header/Header.js +1 -1
  112. package/dist/components/Header/HeaderBase.js +1 -1
  113. package/dist/components/Header/HeaderButton.js +30 -32
  114. package/dist/components/Header/LocaleButton.js +1 -1
  115. package/dist/components/Header/LocaleSwitcher.js +15 -17
  116. package/dist/components/Icon/Icon.js +6 -27
  117. package/dist/components/Icon/index.js +7 -7
  118. package/dist/components/InboxSearch/InboxSearch.js +7 -7
  119. package/dist/components/Item/ItemBase.js +35 -0
  120. package/dist/components/Item/ItemLabel.js +4 -31
  121. package/dist/components/Item/ItemLink.js +53 -0
  122. package/dist/components/Item/ItemMedia.js +7 -29
  123. package/dist/components/Item/ItemSelect.js +5 -6
  124. package/dist/components/Item/index.js +9 -7
  125. package/dist/components/Layout/Layout.js +19 -20
  126. package/dist/components/List/List.js +6 -10
  127. package/dist/components/List/ListBase.js +1 -1
  128. package/dist/components/List/ListItem.js +6 -79
  129. package/dist/components/List/ListItemHeader.js +8 -114
  130. package/dist/components/List/ListItemIcon.js +7 -22
  131. package/dist/components/List/ListItemLabel.js +6 -57
  132. package/dist/components/List/index.js +9 -15
  133. package/dist/components/Menu/Menu.js +2 -3
  134. package/dist/components/Menu/MenuItem.js +8 -207
  135. package/dist/components/Menu/MenuItems.js +2 -4
  136. package/dist/components/Menu/MenuListSearch.js +2 -3
  137. package/dist/components/Menu/MenuOption.js +3 -3
  138. package/dist/components/Menu/TabMenu.js +5 -6
  139. package/dist/components/Menu/VirtualizedMenuItems.js +2 -4
  140. package/dist/components/Menu/example.data.js +7 -8
  141. package/dist/components/Menu/index.js +18 -19
  142. package/dist/components/Menu/useMenuSearch.js +4 -145
  143. package/dist/components/Metadata/MetaItem.js +5 -23
  144. package/dist/components/Metadata/MetaItemBase.js +47 -30
  145. package/dist/components/Metadata/MetaItemIcon.js +7 -20
  146. package/dist/components/Metadata/MetaProgress.js +5 -14
  147. package/dist/components/Metadata/MetaTimestamp.js +5 -22
  148. package/dist/components/Metadata/Metadata.js +9 -12
  149. package/dist/components/Metadata/index.js +13 -16
  150. package/dist/components/Modal/Modal.js +9 -10
  151. package/dist/components/Modal/ModalBase.js +29 -30
  152. package/dist/components/Modal/ModalHeader.js +15 -17
  153. package/dist/components/Modal/ModalIcon.js +10 -12
  154. package/dist/components/Notifications/NotificationItem.js +1 -1
  155. package/dist/components/Notifications/NotificationItemBase.js +8 -9
  156. package/dist/components/Notifications/NotificationItemControls.js +6 -7
  157. package/dist/components/Notifications/NotificationItemIcon.js +13 -15
  158. package/dist/components/Page/AccordionSection.js +6 -7
  159. package/dist/components/Page/ContactButtons.js +1 -1
  160. package/dist/components/Page/ContactSection.js +13 -15
  161. package/dist/components/Page/PageMenu.js +10 -11
  162. package/dist/components/Page/PageNav.js +1 -1
  163. package/dist/components/Page/Section.js +5 -27
  164. package/dist/components/Page/index.js +5 -5
  165. package/dist/components/ResourceListItem/ResourceListItem.js +11 -12
  166. package/dist/components/RootProvider/RootProvider.js +7 -56
  167. package/dist/components/RootProvider/index.js +1 -1
  168. package/dist/components/Search/SearchItem.js +9 -12
  169. package/dist/components/Searchbar/Autocomplete.js +1 -1
  170. package/dist/components/Searchbar/AutocompleteItem.js +5 -6
  171. package/dist/components/Searchbar/Searchbar.js +1 -1
  172. package/dist/components/Searchbar/SearchbarField.js +27 -30
  173. package/dist/components/Settings/SettingsItem.js +1 -1
  174. package/dist/components/Settings/SettingsItemBase.js +17 -19
  175. package/dist/components/Settings/SettingsList.js +16 -18
  176. package/dist/components/Settings/SettingsModal.js +1 -1
  177. package/dist/components/Settings/SettingsSection.js +11 -12
  178. package/dist/components/Settings/UsedByLog.js +18 -20
  179. package/dist/components/Settings/UsedByLogItem.js +7 -8
  180. package/dist/components/Snackbar/SnackbarItem.js +19 -21
  181. package/dist/components/Timeline/Timeline.js +3 -4
  182. package/dist/components/Timeline/TimelineActivity.js +13 -15
  183. package/dist/components/Timeline/TimelineBase.js +1 -1
  184. package/dist/components/Timeline/TimelineFooter.js +7 -8
  185. package/dist/components/Timeline/TimelineHeader.js +6 -7
  186. package/dist/components/Timeline/TimelineIcon.js +10 -12
  187. package/dist/components/Timeline/TimelineSection.js +17 -19
  188. package/dist/components/Timeline/TimelineSegment.js +18 -20
  189. package/dist/components/Toolbar/DatepickerFilter.js +13 -14
  190. package/dist/components/Toolbar/QueryLabelItem.js +2 -2
  191. package/dist/components/Toolbar/SelectDateFilter.js +7 -8
  192. package/dist/components/Toolbar/Toolbar.js +10 -12
  193. package/dist/components/Toolbar/ToolbarFilter.js +58 -54
  194. package/dist/components/Toolbar/ToolbarFilterAddMenu.js +22 -24
  195. package/dist/components/Toolbar/ToolbarFilterButton.js +24 -25
  196. package/dist/components/Toolbar/ToolbarFilterMenu.js +83 -73
  197. package/dist/components/Toolbar/ToolbarMenu.js +6 -65
  198. package/dist/components/Toolbar/ToolbarSearch.js +4 -37
  199. package/dist/components/Toolbar/example.data.js +7 -8
  200. package/dist/components/Toolbar/index.js +10 -11
  201. package/dist/components/Transmission/Transmission.js +25 -27
  202. package/dist/components/Transmission/TransmissionList.js +8 -10
  203. package/dist/components/Transmission/TransmissionType.js +1 -1
  204. package/dist/components/Typography/Heading.js +6 -41
  205. package/dist/components/Typography/index.js +2 -2
  206. package/dist/components/UserListItem/UserListItem.js +21 -23
  207. package/dist/components/index.js +420 -446
  208. package/dist/hooks/useAccountSelector.js +1 -1
  209. package/dist/index.js +434 -460
  210. package/dist/types/lib/components/Account/AccountListItem.stories.d.ts +1 -1
  211. package/dist/types/lib/components/Breadcrumbs/Breadcrumbs.stories.d.ts +1 -0
  212. package/dist/types/lib/components/Bulk/Bulk.stories.d.ts +1 -1
  213. package/dist/types/lib/components/Dialog/DialogList.d.ts +1 -1
  214. package/dist/types/lib/components/Dialog/DialogList.stories.d.ts +2 -1
  215. package/dist/types/lib/components/Dialog/DialogListGroup.d.ts +1 -1
  216. package/dist/types/lib/components/Dialog/DialogListItem.d.ts +11 -11
  217. package/dist/types/lib/components/Item/ItemBase.d.ts +29 -0
  218. package/dist/types/lib/components/Item/ItemControls.d.ts +1 -2
  219. package/dist/types/lib/components/Item/ItemLink.d.ts +19 -0
  220. package/dist/types/lib/components/Item/ItemSelect.d.ts +4 -3
  221. package/dist/types/lib/components/Item/index.d.ts +2 -0
  222. package/dist/types/lib/components/List/ListItem.d.ts +1 -1
  223. package/dist/types/lib/components/List/ListItemHeader.d.ts +2 -2
  224. package/dist/types/lib/components/List/index.d.ts +0 -1
  225. package/dist/types/lib/components/Metadata/MetaItemBase.d.ts +2 -1
  226. package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts +1 -1
  227. package/dist/types/lib/components/Toolbar/Toolbar.d.ts +2 -1
  228. package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts +3 -1
  229. package/dist/types/lib/components/Toolbar/ToolbarFilter.d.ts +2 -1
  230. package/dist/types/lib/components/Toolbar/ToolbarFilter.stories.d.ts +1 -1
  231. package/dist/types/lib/components/Toolbar/ToolbarFilterButton.d.ts +2 -1
  232. package/dist/types/lib/components/Toolbar/ToolbarFilterMenu.d.ts +2 -1
  233. package/dist/types/lib/components/Toolbar/ToolbarMenu.d.ts +2 -1
  234. package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts +1 -1
  235. package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts +1 -1
  236. package/dist/types/lib/components/Transmission/Transmission.stories.d.ts +1 -1
  237. package/package.json +3 -3
  238. package/dist/Checkmark-Byz_C9x4.js +0 -24
  239. package/dist/ChevronDown-D_a7nb-G.js +0 -24
  240. package/dist/ChevronRight-ANFWmIs1.js +0 -24
  241. package/dist/ChevronUp-hn05LboH.js +0 -24
  242. package/dist/ChevronUpDown-DqGsU4MC.js +0 -24
  243. package/dist/InformationSquare-D3WAxfVw.js +0 -24
  244. package/dist/MagnifyingGlass-bwVhw07z.js +0 -24
  245. package/dist/SearchField-BU7Imhpe.js +0 -687
  246. package/dist/XMark-tKk6aExO.js +0 -24
  247. package/dist/assets/Byline.css +0 -1
  248. package/dist/assets/DialogListItem.css +0 -1
  249. package/dist/assets/Dropdown.css +0 -1
  250. package/dist/assets/Heading.css +0 -1
  251. package/dist/assets/Icon.css +0 -1
  252. package/dist/assets/ItemLabel.css +0 -1
  253. package/dist/assets/ItemMedia.css +0 -1
  254. package/dist/assets/List.css +0 -1
  255. package/dist/assets/ListItem.css +0 -1
  256. package/dist/assets/ListItemHeader.css +0 -1
  257. package/dist/assets/ListItemLabel.css +0 -1
  258. package/dist/assets/ListItemSelect.css +0 -1
  259. package/dist/assets/MenuItem.css +0 -1
  260. package/dist/assets/MetaItemIcon.css +0 -1
  261. package/dist/assets/SearchField.css +0 -1
  262. package/dist/components/List/ListItemSelect.js +0 -19
  263. package/dist/types/lib/components/List/ListItemSelect.d.ts +0 -6
  264. /package/dist/assets/{ListItemIcon.css → ModalIcon.css} +0 -0
@@ -1,19 +1,17 @@
1
1
  import { jsxs as p, jsx as o } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
- import "../RootProvider/RootProvider.js";
5
- import { Typography as n } from "../Typography/Typography.js";
6
- import { Heading as c } from "../Typography/Heading.js";
4
+ import { S as n, H as a } from "../../Section-jhq4n77E.js";
5
+ import { Typography as c } from "../Typography/Typography.js";
7
6
  import "../Button/Button.js";
8
7
  import "react-dom";
9
8
  import "../Snackbar/useSnackbar.js";
10
- import { Section as a } from "../Page/Section.js";
11
9
  import { ContactButtons as s } from "../Page/ContactButtons.js";
12
- const z = ({ id: t = "dialog-contact", title: r, children: i, items: m = [] }) => /* @__PURE__ */ p(a, { spacing: 4, id: t, children: [
13
- r && /* @__PURE__ */ o(c, { size: "lg", children: r }),
14
- /* @__PURE__ */ o(n, { children: i }),
10
+ const y = ({ id: t = "dialog-contact", title: r, children: i, items: m = [] }) => /* @__PURE__ */ p(n, { spacing: 4, id: t, children: [
11
+ r && /* @__PURE__ */ o(a, { size: "lg", children: r }),
12
+ /* @__PURE__ */ o(c, { children: i }),
15
13
  /* @__PURE__ */ o(s, { items: m })
16
14
  ] });
17
15
  export {
18
- z as DialogContact
16
+ y as DialogContact
19
17
  };
@@ -1,55 +1,52 @@
1
- import { jsxs as i, jsx as t } from "react/jsx-runtime";
2
- import { Badge as j } from "../Badge/Badge.js";
1
+ import { jsxs as t, jsx as o } from "react/jsx-runtime";
2
+ import { Badge as H } from "../Badge/Badge.js";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import "react";
5
- import "../RootProvider/RootProvider.js";
6
- import { Heading as D } from "../Typography/Heading.js";
5
+ import { S as j, H as D, c as S } from "../../Section-jhq4n77E.js";
7
6
  import "../Button/Button.js";
8
7
  import "react-dom";
9
- import { DialogMetadata as H } from "./DialogMetadata.js";
10
8
  import "../Snackbar/useSnackbar.js";
11
- import { Section as u } from "../Page/Section.js";
12
- const E = ({
13
- loading: o,
14
- title: m,
9
+ const y = ({
10
+ loading: i,
11
+ title: a,
15
12
  badge: r,
16
- status: p,
17
- extendedStatusLabel: e,
18
- draftsLabel: a,
19
- sentCount: s,
13
+ status: e,
14
+ extendedStatusLabel: m,
15
+ draftsLabel: s,
16
+ sentCount: p,
20
17
  receivedCount: n,
21
18
  updatedAt: c,
22
- updatedAtLabel: f,
23
- attachmentsCount: l,
24
- dueAt: d,
25
- dueAtLabel: x,
19
+ updatedAtLabel: l,
20
+ attachmentsCount: d,
21
+ dueAt: x,
22
+ dueAtLabel: f,
26
23
  activityLog: g,
27
24
  tooltips: h = {}
28
- }) => /* @__PURE__ */ i(u, { as: "header", spacing: 3, align: "start", children: [
29
- /* @__PURE__ */ i(D, { loading: o, size: "xl", children: [
30
- m,
25
+ }) => /* @__PURE__ */ t(j, { as: "header", spacing: 3, align: "start", children: [
26
+ /* @__PURE__ */ t(D, { loading: i, size: "xl", children: [
27
+ a,
31
28
  r && " ",
32
- r && /* @__PURE__ */ t(j, { ...r })
29
+ r && /* @__PURE__ */ o(H, { ...r })
33
30
  ] }),
34
- /* @__PURE__ */ t(
35
- H,
31
+ /* @__PURE__ */ o(
32
+ S,
36
33
  {
37
- loading: o,
38
- status: p,
39
- extendedStatusLabel: e,
40
- draftsLabel: a,
41
- sentCount: s,
34
+ loading: i,
35
+ status: e,
36
+ extendedStatusLabel: m,
37
+ draftsLabel: s,
38
+ sentCount: p,
42
39
  receivedCount: n,
43
40
  updatedAt: c,
44
- updatedAtLabel: f,
45
- dueAt: d,
46
- dueAtLabel: x,
47
- attachmentsCount: l,
41
+ updatedAtLabel: l,
42
+ dueAt: x,
43
+ dueAtLabel: f,
44
+ attachmentsCount: d,
48
45
  activityLog: g,
49
46
  tooltips: h
50
47
  }
51
48
  )
52
49
  ] });
53
50
  export {
54
- E as DialogHeader
51
+ y as DialogHeader
55
52
  };
@@ -2,14 +2,13 @@
2
2
  import { jsxs as g, jsx as n } from "react/jsx-runtime";
3
3
  import { useState as f, createElement as u } from "react";
4
4
  import "../../index-p1eeF8LQ.js";
5
- import "../RootProvider/RootProvider.js";
6
- import { Button as h } from "../Button/Button.js";
5
+ import { S as h } from "../../Section-jhq4n77E.js";
6
+ import { Button as y } from "../Button/Button.js";
7
7
  import "react-dom";
8
- import { DialogHistorySegment as y } from "./DialogHistorySegment.js";
8
+ import { DialogHistorySegment as S } from "./DialogHistorySegment.js";
9
9
  import { Timeline as x } from "../Timeline/Timeline.js";
10
10
  import "../Snackbar/useSnackbar.js";
11
- import { Section as E } from "../Page/Section.js";
12
- const q = ({
11
+ const b = ({
13
12
  items: o,
14
13
  maxItems: t,
15
14
  expandLabel: i = "Expand history",
@@ -19,12 +18,12 @@ const q = ({
19
18
  return null;
20
19
  const [e, p] = f(!1), s = () => {
21
20
  p((r) => !r);
22
- }, c = t ? o.slice(0, t) : o, a = e ? o : c, m = t && o.length > t;
23
- return /* @__PURE__ */ g(E, { spacing: 4, children: [
24
- /* @__PURE__ */ n(x, { children: a.map((r, d) => /* @__PURE__ */ u(y, { ...r, key: d })) }),
25
- m && /* @__PURE__ */ n(h, { variant: "outline", onClick: s, children: e ? l : i })
21
+ }, c = t ? o.slice(0, t) : o, a = e ? o : c, d = t && o.length > t;
22
+ return /* @__PURE__ */ g(h, { spacing: 4, children: [
23
+ /* @__PURE__ */ n(x, { children: a.map((r, m) => /* @__PURE__ */ u(S, { ...r, key: m })) }),
24
+ d && /* @__PURE__ */ n(y, { variant: "outline", onClick: s, children: e ? l : i })
26
25
  ] });
27
26
  };
28
27
  export {
29
- q as DialogHistory
28
+ b as DialogHistory
30
29
  };
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
- import "../RootProvider/RootProvider.js";
4
+ import "../../Section-jhq4n77E.js";
5
5
  import { Typography as f } from "../Typography/Typography.js";
6
6
  import "../Button/Button.js";
7
7
  import "react-dom";
@@ -1,7 +1,7 @@
1
1
  import { jsxs as g, jsx as l } from "react/jsx-runtime";
2
2
  import { createElement as s } from "react";
3
3
  import "../../index-p1eeF8LQ.js";
4
- import "../RootProvider/RootProvider.js";
4
+ import "../../Section-jhq4n77E.js";
5
5
  import { Typography as a } from "../Typography/Typography.js";
6
6
  import "../Button/Button.js";
7
7
  import "react-dom";
@@ -1,7 +1,7 @@
1
1
  import { jsxs as t, jsx as o } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
- import "../RootProvider/RootProvider.js";
4
+ import { S as e } from "../../Section-jhq4n77E.js";
5
5
  import "../Button/Button.js";
6
6
  import { ContextMenu as s } from "../ContextMenu/ContextMenu.js";
7
7
  import "react-dom";
@@ -9,8 +9,7 @@ import "../Snackbar/useSnackbar.js";
9
9
  import { PageBase as n } from "../Page/PageBase.js";
10
10
  import { PageNav as l } from "../Page/PageNav.js";
11
11
  import { PageMenu as d } from "../Page/PageMenu.js";
12
- import { Section as e } from "../Page/Section.js";
13
- const B = ({ backButton: i, contextMenu: r, pageMenu: m, children: p, color: a }) => /* @__PURE__ */ t(n, { theme: "subtle", spacing: 0, color: a, bleed: !0, children: [
12
+ const w = ({ backButton: i, contextMenu: r, pageMenu: m, children: a, color: p }) => /* @__PURE__ */ t(n, { theme: "subtle", spacing: 0, color: p, bleed: !0, children: [
14
13
  /* @__PURE__ */ t(e, { theme: "default", shadow: "xs", children: [
15
14
  /* @__PURE__ */ o(
16
15
  l,
@@ -21,10 +20,10 @@ const B = ({ backButton: i, contextMenu: r, pageMenu: m, children: p, color: a }
21
20
  controls: r && /* @__PURE__ */ o(s, { ...r })
22
21
  }
23
22
  ),
24
- /* @__PURE__ */ o(e, { as: "article", padding: "page", spacing: 6, children: p })
23
+ /* @__PURE__ */ o(e, { as: "article", padding: "page", spacing: 6, children: a })
25
24
  ] }),
26
25
  /* @__PURE__ */ o(d, { items: m?.items })
27
26
  ] });
28
27
  export {
29
- B as DialogLayout
28
+ w as DialogLayout
30
29
  };
@@ -1,30 +1,11 @@
1
- import { jsx as g } from "react/jsx-runtime";
2
- import { createElement as r } from "react";
1
+ import "react/jsx-runtime";
2
+ import "react";
3
3
  import "../../index-p1eeF8LQ.js";
4
- import { useMenu as f } from "../../hooks/useMenu.js";
5
- import "../RootProvider/RootProvider.js";
4
+ import "../../hooks/useMenu.js";
5
+ import { D as e } from "../../Section-jhq4n77E.js";
6
6
  import "../Button/Button.js";
7
7
  import "react-dom";
8
- import { DialogListGroup as y } from "./DialogListGroup.js";
9
- import { DialogListItem as d } from "./DialogListItem.js";
10
8
  import "../Snackbar/useSnackbar.js";
11
- import { Section as k } from "../Page/Section.js";
12
- const G = ({ items: t, groups: i = {}, sortGroupBy: m, highlightWords: e, isLoading: p }) => {
13
- const { menu: s } = f({
14
- items: t,
15
- groups: i,
16
- groupByKey: "groupId",
17
- keyboardEvents: !1,
18
- sortGroupBy: m
19
- });
20
- return /* @__PURE__ */ g(k, { spacing: 6, "aria-busy": p, children: s?.map((o, n) => {
21
- const a = o.props || {};
22
- return /* @__PURE__ */ r(y, { ...a, key: "dialog-list-item" + n }, o?.items.map((l, u) => {
23
- const c = l.props || {};
24
- return /* @__PURE__ */ r(d, { ...c, highlightWords: e, key: "dialog-list-item" + u });
25
- }));
26
- }) });
27
- };
28
9
  export {
29
- G as DialogList
10
+ e as DialogList
30
11
  };
@@ -1,22 +1,12 @@
1
- import { jsxs as m, jsx as r } from "react/jsx-runtime";
2
- import "../../index-p1eeF8LQ.js";
1
+ import "react/jsx-runtime";
3
2
  import "react";
4
- import "../RootProvider/RootProvider.js";
5
- import { Typography as p } from "../Typography/Typography.js";
6
- import { Heading as e } from "../Typography/Heading.js";
3
+ import "../../index-p1eeF8LQ.js";
4
+ import { a as g } from "../../Section-jhq4n77E.js";
5
+ import "../Typography/Typography.js";
7
6
  import "../Button/Button.js";
8
7
  import "react-dom";
9
- import { List as n } from "../List/List.js";
10
8
  import "../Snackbar/useSnackbar.js";
11
- import { Flex as s } from "../Page/Flex.js";
12
- import { Section as c } from "../Page/Section.js";
13
- const B = ({ title: o, description: i, children: t }) => /* @__PURE__ */ m(c, { spacing: 4, children: [
14
- /* @__PURE__ */ m(s, { direction: "col", spacing: 2, children: [
15
- o && /* @__PURE__ */ r(e, { size: "lg", children: o }),
16
- i && /* @__PURE__ */ r(p, { size: "sm", style: { marginBottom: ".5em" }, children: i })
17
- ] }),
18
- /* @__PURE__ */ r(n, { spacing: 3, children: t })
19
- ] });
9
+ import "../Page/Flex.js";
20
10
  export {
21
- B as DialogListGroup
11
+ g as DialogListGroup
22
12
  };
@@ -1,175 +1,16 @@
1
- import { jsx as t, jsxs as i } from "react/jsx-runtime";
2
- import { Badge as O } from "../Badge/Badge.js";
3
- import "../../index-p1eeF8LQ.js";
1
+ import "react/jsx-runtime";
4
2
  import "react";
5
- import { AvatarGroup as P } from "../Avatar/AvatarGroup.js";
6
- import "../RootProvider/RootProvider.js";
7
- import { Heading as b } from "../Typography/Heading.js";
3
+ import "../Badge/Badge.js";
4
+ import "../../index-p1eeF8LQ.js";
5
+ import "../Avatar/AvatarGroup.js";
6
+ import { b as D } from "../../Section-jhq4n77E.js";
7
+ import "../Item/ItemControls.js";
8
+ import "../Item/ItemBase.js";
9
+ import "../Item/ItemLink.js";
8
10
  import "../Button/Button.js";
9
11
  import "react-dom";
10
- import { DialogMetadata as Q } from "./DialogMetadata.js";
11
- import { DialogByline as S } from "./DialogByline.js";
12
- import { ListItem as x } from "../List/ListItem.js";
12
+ import "../Tooltip/Tooltip.js";
13
13
  import "../Snackbar/useSnackbar.js";
14
- import '../../assets/DialogListItem.css';const T = "_border_lwts6_1", U = "_title_lwts6_27", X = "_controls_lwts6_58", Y = "_header_lwts6_65", Z = "_summary_lwts6_82", $ = "_footer_lwts6_96", z = "_seenBy_lwts6_101", W = "_dot_lwts6_108", tt = "_heading_lwts6_112", a = {
15
- border: T,
16
- title: U,
17
- controls: X,
18
- header: Y,
19
- summary: Z,
20
- footer: $,
21
- seenBy: z,
22
- dot: W,
23
- heading: tt
24
- }, wt = ({
25
- size: o = "xl",
26
- state: at = "normal",
27
- loading: s,
28
- controls: N,
29
- select: st,
30
- selected: r,
31
- status: n,
32
- extendedStatusLabel: v,
33
- sender: c,
34
- recipient: u,
35
- recipientLabel: y = "to",
36
- grouped: B = !1,
37
- updatedAt: D,
38
- updatedAtLabel: j,
39
- archived: I,
40
- archivedAt: L,
41
- archivedAtLabel: R,
42
- trashed: A,
43
- trashedAt: G,
44
- trashedAtLabel: H,
45
- badge: d,
46
- dueAt: M,
47
- dueAtLabel: V,
48
- unread: _,
49
- seenByLog: p,
50
- draftsLabel: g,
51
- sentCount: k,
52
- receivedCount: q,
53
- attachmentsCount: C,
54
- attachmentsLabel: E,
55
- tooltips: F = {},
56
- title: e,
57
- description: J,
58
- summary: m,
59
- highlightWords: l,
60
- variant: K = "default",
61
- id: h,
62
- ...f
63
- }) => {
64
- const w = r ? "tinted" : K;
65
- return o === "xs" || o === "sm" ? /* @__PURE__ */ t(
66
- x,
67
- {
68
- ...f,
69
- id: h,
70
- size: o,
71
- selected: r,
72
- variant: w,
73
- ariaLabel: e,
74
- disabled: s,
75
- icon: c,
76
- title: e,
77
- description: m || J,
78
- highlightWords: l
79
- }
80
- ) : /* @__PURE__ */ t(
81
- x,
82
- {
83
- ...f,
84
- id: h,
85
- size: o,
86
- selected: r,
87
- variant: w,
88
- controls: /* @__PURE__ */ t("div", { className: a.controls, children: N }),
89
- title: e,
90
- disabled: s,
91
- label: /* @__PURE__ */ i(
92
- "div",
93
- {
94
- className: a.border,
95
- "data-selected": r,
96
- "data-status": n?.value,
97
- "data-size": o,
98
- "data-unread": _,
99
- "data-archived": I,
100
- "data-trashed": A,
101
- "data-loading": s,
102
- children: [
103
- /* @__PURE__ */ i("header", { className: a.header, "data-size": o, children: [
104
- /* @__PURE__ */ t("span", { className: a.heading, children: /* @__PURE__ */ i(
105
- b,
106
- {
107
- as: "h2",
108
- highlightWords: l,
109
- weight: _ ? "bold" : "normal",
110
- loading: s,
111
- maxRows: 2,
112
- className: a.title,
113
- children: [
114
- e,
115
- d && /* @__PURE__ */ t(O, { className: a.dot, variant: "tinted", size: "xs", ...d })
116
- ]
117
- }
118
- ) }),
119
- /* @__PURE__ */ t(
120
- S,
121
- {
122
- size: "xs",
123
- loading: s,
124
- sender: c,
125
- recipient: u,
126
- recipientLabel: y,
127
- grouped: B
128
- }
129
- ),
130
- m && /* @__PURE__ */ t(
131
- b,
132
- {
133
- as: "h3",
134
- highlightWords: l,
135
- weight: "normal",
136
- className: a.summary,
137
- loading: s,
138
- maxRows: 2,
139
- children: m
140
- }
141
- )
142
- ] }),
143
- /* @__PURE__ */ t(
144
- Q,
145
- {
146
- className: a.footer,
147
- loading: s,
148
- status: n,
149
- extendedStatusLabel: v,
150
- draftsLabel: g,
151
- sentCount: k,
152
- receivedCount: q,
153
- updatedAt: D,
154
- updatedAtLabel: j,
155
- archivedAt: L,
156
- archivedAtLabel: R,
157
- trashedAt: G,
158
- trashedAtLabel: H,
159
- dueAt: M,
160
- dueAtLabel: V,
161
- attachmentsCount: C,
162
- attachmentsLabel: E,
163
- tooltips: F
164
- }
165
- ),
166
- p && /* @__PURE__ */ t(P, { className: a.seenBy, items: p.items })
167
- ]
168
- }
169
- )
170
- }
171
- );
172
- };
173
14
  export {
174
- wt as DialogListItem
15
+ D as DialogListItem
175
16
  };
@@ -1,130 +1,12 @@
1
- "use client";
2
- import { jsxs as S, jsx as a } from "react/jsx-runtime";
1
+ import "react/jsx-runtime";
3
2
  import "../../index-p1eeF8LQ.js";
4
- import c, { forwardRef as s } from "react";
5
- import "../RootProvider/RootProvider.js";
3
+ import "react";
4
+ import { c as f } from "../../Section-jhq4n77E.js";
6
5
  import "../Button/Button.js";
7
6
  import "react-dom";
8
- import { MetaBase as E } from "../Metadata/MetaBase.js";
9
- import { MetaItem as d } from "../Metadata/MetaItem.js";
10
- import { MetaTimestamp as m } from "../Metadata/MetaTimestamp.js";
11
- import { DialogStatus as M } from "./DialogStatus.js";
7
+ import "../Metadata/MetaBase.js";
12
8
  import "../Snackbar/useSnackbar.js";
13
- import { S as P } from "../../Checkmark-Byz_C9x4.js";
14
- import { u as p } from "../../useId-BVFxCjkq.js";
15
- import { S as k, a as C, c as R, b as q } from "../../Trash-DBcymOP9.js";
16
- var B = function(t, i) {
17
- var l = {};
18
- for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[e] = t[e]);
19
- if (t != null && typeof Object.getOwnPropertySymbols == "function")
20
- for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
21
- i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
22
- return l;
23
- };
24
- const D = s((t, i) => {
25
- var { title: l, titleId: e } = t, r = B(t, ["title", "titleId"]);
26
- let n = p();
27
- return n = l ? e || "title-" + n : void 0, c.createElement(
28
- "svg",
29
- Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": n }, r),
30
- l ? c.createElement("title", { id: n }, l) : null,
31
- c.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
32
- );
33
- });
34
- var H = function(t, i) {
35
- var l = {};
36
- for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[e] = t[e]);
37
- if (t != null && typeof Object.getOwnPropertySymbols == "function")
38
- for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
39
- i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
40
- return l;
41
- };
42
- const A = s((t, i) => {
43
- var { title: l, titleId: e } = t, r = H(t, ["title", "titleId"]);
44
- let n = p();
45
- return n = l ? e || "title-" + n : void 0, c.createElement(
46
- "svg",
47
- Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": n }, r),
48
- l ? c.createElement("title", { id: n }, l) : null,
49
- c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
50
- );
51
- });
52
- var T = function(t, i) {
53
- var l = {};
54
- for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[e] = t[e]);
55
- if (t != null && typeof Object.getOwnPropertySymbols == "function")
56
- for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
57
- i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
58
- return l;
59
- };
60
- const V = s((t, i) => {
61
- var { title: l, titleId: e } = t, r = T(t, ["title", "titleId"]);
62
- let n = p();
63
- return n = l ? e || "title-" + n : void 0, c.createElement(
64
- "svg",
65
- Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": n }, r),
66
- l ? c.createElement("title", { id: n }, l) : null,
67
- c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
68
- );
69
- }), te = ({
70
- className: t,
71
- loading: i,
72
- status: l,
73
- sender: e,
74
- updatedAt: r,
75
- updatedAtLabel: n,
76
- dueAt: v,
77
- dueAtLabel: u,
78
- archivedAt: h,
79
- archivedAtLabel: b,
80
- trashedAt: g,
81
- trashedAtLabel: w,
82
- draftsLabel: O,
83
- sentCount: y = 0,
84
- receivedCount: x = 0,
85
- attachmentsCount: z = 0,
86
- attachmentsLabel: _,
87
- transmissionsLabel: j,
88
- activityLog: f,
89
- extendedStatusLabel: I,
90
- tooltips: o = {}
91
- }) => /* @__PURE__ */ S(E, { className: t, size: "xs", children: [
92
- l && /* @__PURE__ */ a(M, { tooltip: o.status, loading: i, size: "xs", ...l }),
93
- I && /* @__PURE__ */ a(d, { tooltip: o.extendedStatus, size: "xs", variant: "outline", children: I }),
94
- O && /* @__PURE__ */ a(d, { tooltip: o.drafts, size: "xs", variant: "dotted", children: O }),
95
- y > 0 && /* @__PURE__ */ a(d, { tooltip: o.sent, size: "xs", variant: "outline", icon: P, children: y }),
96
- x > 0 && /* @__PURE__ */ a(d, { tooltip: o.received, size: "xs", variant: "outline", icon: D, children: x }),
97
- r && /* @__PURE__ */ S(m, { tooltip: o.updatedAt, loading: i, datetime: r, size: "xs", children: [
98
- /* @__PURE__ */ a("strong", { children: e && e.name + ", " }),
99
- n
100
- ] }),
101
- v && u && /* @__PURE__ */ a(m, { tooltip: o.dueAt, loading: i, datetime: v, size: "xs", icon: k, children: u }),
102
- z > 0 && /* @__PURE__ */ a(d, { tooltip: o.attachments, loading: i, size: "xs", icon: C, children: _ || z }),
103
- j && /* @__PURE__ */ a(d, { tooltip: o.transmissions, loading: i, size: "xs", icon: V, children: j }),
104
- g && w && /* @__PURE__ */ a(m, { tooltip: o.trashedAt, loading: i, datetime: g, size: "xs", icon: R, children: w }) || h && b && /* @__PURE__ */ a(
105
- m,
106
- {
107
- tooltip: o.archivedAt,
108
- loading: i,
109
- datetime: h,
110
- size: "xs",
111
- icon: q,
112
- children: b
113
- }
114
- ),
115
- f && /* @__PURE__ */ a(
116
- d,
117
- {
118
- tooltip: o.activityLog,
119
- loading: i,
120
- size: "xs",
121
- icon: A,
122
- as: f?.onClick ? "button" : "span",
123
- onClick: f?.onClick,
124
- children: f?.label || "Activity log"
125
- }
126
- )
127
- ] });
9
+ import "../../Trash-BG9YcGIl.js";
128
10
  export {
129
- te as DialogMetadata
11
+ f as DialogMetadata
130
12
  };
@@ -1,17 +1,15 @@
1
- import { jsxs as m, jsx as i } from "react/jsx-runtime";
1
+ import { jsxs as p, jsx as i } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
- import "../RootProvider/RootProvider.js";
5
- import { Typography as p } from "../Typography/Typography.js";
6
- import { Heading as t } from "../Typography/Heading.js";
4
+ import { S as t, H as m } from "../../Section-jhq4n77E.js";
5
+ import { Typography as n } from "../Typography/Typography.js";
7
6
  import "../Button/Button.js";
8
7
  import "react-dom";
9
8
  import "../Snackbar/useSnackbar.js";
10
- import { Section as n } from "../Page/Section.js";
11
- const h = ({ title: r, children: o }) => o ? /* @__PURE__ */ m(n, { spacing: 4, children: [
12
- r && /* @__PURE__ */ i(t, { size: "lg", children: r }),
13
- /* @__PURE__ */ i(p, { children: o })
9
+ const x = ({ title: r, children: o }) => o ? /* @__PURE__ */ p(t, { spacing: 4, children: [
10
+ r && /* @__PURE__ */ i(m, { size: "lg", children: r }),
11
+ /* @__PURE__ */ i(n, { children: o })
14
12
  ] }) : null;
15
13
  export {
16
- h as DialogSection
14
+ x as DialogSection
17
15
  };