@altinn/altinn-components 0.58.7 → 0.59.1

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 (234) hide show
  1. package/dist/{Trash-BG9YcGIl.js → Paperclip-DjN7qVfQ.js} +7 -45
  2. package/dist/Section-BEuICoay.js +2309 -0
  3. package/dist/{InboxFill-vGck_zM_.js → Trash-B4TuJwxR.js} +50 -12
  4. package/dist/assets/Section.css +1 -1
  5. package/dist/components/AccessAreaListItem/AccessAreaListItem.js +11 -11
  6. package/dist/components/AccessPackageListItem/AccessPackageListItem.js +17 -16
  7. package/dist/components/Account/AccountList.js +3 -3
  8. package/dist/components/Account/AccountListItem.js +1 -1
  9. package/dist/components/Account/AccountListItemControls.js +17 -18
  10. package/dist/components/Account/AccountListItemDetails.js +6 -6
  11. package/dist/components/Account/AccountListVirtual.js +1 -1
  12. package/dist/components/Account/AccountMenu.js +1 -1
  13. package/dist/components/Account/AccountNotificationSettings.js +1 -1
  14. package/dist/components/Account/AccountOrganization.js +6 -6
  15. package/dist/components/AccountSelector/AccountSelector.js +5 -5
  16. package/dist/components/ActivityLog/ActivityLog.js +1 -1
  17. package/dist/components/ActivityLog/ActivityLogItem.js +1 -1
  18. package/dist/components/ActivityLog/ActivityLogSegment.js +1 -1
  19. package/dist/components/Alert/Alert.js +1 -1
  20. package/dist/components/Article/Article.js +1 -1
  21. package/dist/components/Article/ArticleContact.js +1 -1
  22. package/dist/components/Article/ArticleHeader.js +1 -1
  23. package/dist/components/Attachment/AttachmentLink.js +3 -4
  24. package/dist/components/Badge/Badge.js +10 -18
  25. package/dist/components/Badge/index.js +2 -2
  26. package/dist/components/Banner/Banner.js +2 -2
  27. package/dist/components/Bookmarks/BookmarkModal.js +3 -3
  28. package/dist/components/Bookmarks/BookmarkSettingsItem.js +3 -3
  29. package/dist/components/Bookmarks/BookmarkSettingsItemLabel.js +1 -1
  30. package/dist/components/Bookmarks/BookmarkSettingsList.js +3 -3
  31. package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -1
  32. package/dist/components/Bulk/BulkHeader.js +9 -9
  33. package/dist/components/Button/ButtonIcon.js +1 -1
  34. package/dist/components/Button/ComboButton.js +1 -1
  35. package/dist/components/Button/FloatingActionButton.js +2 -2
  36. package/dist/components/Button/IconButton.js +1 -1
  37. package/dist/components/Byline/Byline.js +2 -2
  38. package/dist/components/Byline/index.js +2 -2
  39. package/dist/components/ContextMenu/ContextMenu.js +9 -9
  40. package/dist/components/Dashboard/DashboardCard.js +9 -9
  41. package/dist/components/Dashboard/DashboardHeader.js +1 -1
  42. package/dist/components/Datepicker/Datepicker.js +7 -7
  43. package/dist/components/Datepicker/DatepickerHeader.js +1 -1
  44. package/dist/components/Datepicker/DatepickerTable.js +1 -1
  45. package/dist/components/Dialog/Dialog.js +1 -1
  46. package/dist/components/Dialog/DialogActions.js +9 -9
  47. package/dist/components/Dialog/DialogActivityLog.js +1 -1
  48. package/dist/components/Dialog/DialogAttachments.js +1 -1
  49. package/dist/components/Dialog/DialogBody.js +1 -1
  50. package/dist/components/Dialog/DialogByline.js +2 -2
  51. package/dist/components/Dialog/DialogContact.js +1 -1
  52. package/dist/components/Dialog/DialogHeader.js +39 -32
  53. package/dist/components/Dialog/DialogHistory.js +1 -1
  54. package/dist/components/Dialog/DialogHistoryItem.js +1 -1
  55. package/dist/components/Dialog/DialogHistorySegment.js +1 -1
  56. package/dist/components/Dialog/DialogLayout.js +16 -16
  57. package/dist/components/Dialog/DialogList.js +1 -1
  58. package/dist/components/Dialog/DialogListGroup.js +2 -2
  59. package/dist/components/Dialog/DialogListItem.js +2 -3
  60. package/dist/components/Dialog/DialogMetadata.js +3 -3
  61. package/dist/components/Dialog/DialogSection.js +1 -1
  62. package/dist/components/Dialog/DialogSeenBy.js +1 -1
  63. package/dist/components/Dialog/DialogSelect.js +1 -1
  64. package/dist/components/Dialog/DialogStatus.js +2 -2
  65. package/dist/components/Dialog/DialogTabs.js +1 -1
  66. package/dist/components/Dialog/SeenByLog.js +3 -3
  67. package/dist/components/Dialog/SeenByLogButton.js +1 -1
  68. package/dist/components/Dialog/SeenByLogItem.js +15 -16
  69. package/dist/components/Dialog/index.js +1 -1
  70. package/dist/components/Dropdown/DrawerButton.js +1 -1
  71. package/dist/components/Dropdown/DrawerHeader.js +3 -3
  72. package/dist/components/Dropdown/Dropdown.js +1 -1
  73. package/dist/components/Dropdown/DropdownBase.js +1 -1
  74. package/dist/components/Dropdown/FloatingDropdown.js +7 -7
  75. package/dist/components/Dropdown/index.js +5 -5
  76. package/dist/components/Forms/Checkbox.js +1 -1
  77. package/dist/components/Forms/CheckboxOptions.js +1 -1
  78. package/dist/components/Forms/FieldBase.js +1 -1
  79. package/dist/components/Forms/FieldsetBase.js +1 -1
  80. package/dist/components/Forms/Radio.js +1 -1
  81. package/dist/components/Forms/RadioOptions.js +1 -1
  82. package/dist/components/Forms/SearchField.js +1 -1
  83. package/dist/components/Forms/SelectField.js +1 -1
  84. package/dist/components/Forms/Switch.js +1 -1
  85. package/dist/components/Forms/SwitchOptions.js +1 -1
  86. package/dist/components/Forms/TextField.js +1 -1
  87. package/dist/components/Forms/TextFieldDropdown.js +39 -40
  88. package/dist/components/Forms/TextareaField.js +1 -1
  89. package/dist/components/Forms/index.js +5 -5
  90. package/dist/components/GlobalHeader/GlobalAccountButton.js +9 -9
  91. package/dist/components/GlobalHeader/GlobalHeader.js +15 -15
  92. package/dist/components/GlobalHeader/GlobalMenuButton.js +15 -16
  93. package/dist/components/GlobalHeader/HeaderDrawer.js +7 -7
  94. package/dist/components/GlobalHeader/HeaderDropdown.js +1 -1
  95. package/dist/components/GlobalHeader/HeaderLogo.js +7 -8
  96. package/dist/components/GlobalMenu/GlobalMenu.js +1 -1
  97. package/dist/components/GlobalMenu/LocaleSwitcher.js +3 -3
  98. package/dist/components/GlobalMenu/LogoutButton.js +1 -1
  99. package/dist/components/GlobalMenu_old/BackButton.js +1 -1
  100. package/dist/components/GlobalMenu_old/CurrentAccount.js +1 -1
  101. package/dist/components/GlobalMenu_old/GlobalMenu.js +1 -1
  102. package/dist/components/GlobalMenu_old/GlobalMenuButton.js +23 -24
  103. package/dist/components/GlobalMenu_old/LogoutButton.js +1 -1
  104. package/dist/components/Header/Header.js +1 -1
  105. package/dist/components/Header/HeaderBase.js +1 -1
  106. package/dist/components/Header/HeaderButton.js +23 -24
  107. package/dist/components/Header/HeaderLogo.js +1 -1
  108. package/dist/components/Header/LocaleButton.js +1 -1
  109. package/dist/components/Header/LocaleSwitcher.js +12 -12
  110. package/dist/components/Icon/Icon.js +1 -1
  111. package/dist/components/Icon/index.js +1 -1
  112. package/dist/components/Inbox/InboxPage.js +1 -1
  113. package/dist/components/InboxSearch/InboxSearch.js +1 -1
  114. package/dist/components/Item/ItemLabel.js +1 -1
  115. package/dist/components/Item/ItemMedia.js +1 -1
  116. package/dist/components/Item/ItemSelect.js +2 -2
  117. package/dist/components/Item/index.js +3 -3
  118. package/dist/components/Layout/Layout.js +1 -1
  119. package/dist/components/List/List.js +2 -2
  120. package/dist/components/List/ListBase.js +1 -1
  121. package/dist/components/List/ListItem.js +1 -1
  122. package/dist/components/List/ListItemHeader.js +2 -3
  123. package/dist/components/List/ListItemIcon.js +1 -2
  124. package/dist/components/List/ListItemLabel.js +2 -2
  125. package/dist/components/List/index.js +1 -1
  126. package/dist/components/Menu/Menu.js +1 -1
  127. package/dist/components/Menu/MenuItem.js +1 -2
  128. package/dist/components/Menu/MenuItems.js +1 -1
  129. package/dist/components/Menu/MenuListSearch.js +1 -1
  130. package/dist/components/Menu/MenuOption.js +2 -2
  131. package/dist/components/Menu/TabMenu.js +5 -5
  132. package/dist/components/Menu/VirtualizedMenuItems.js +1 -1
  133. package/dist/components/Menu/example.data.js +10 -10
  134. package/dist/components/Menu/index.js +1 -1
  135. package/dist/components/Menu/useMenuSearch.js +2 -2
  136. package/dist/components/Metadata/MetaItem.js +4 -9
  137. package/dist/components/Metadata/MetaItemIcon.js +1 -1
  138. package/dist/components/Metadata/MetaTimestamp.js +4 -11
  139. package/dist/components/Metadata/Metadata.js +5 -15
  140. package/dist/components/Metadata/index.js +7 -12
  141. package/dist/components/Modal/Modal.js +1 -1
  142. package/dist/components/Modal/ModalBase.js +1 -1
  143. package/dist/components/Modal/ModalHeader.js +1 -1
  144. package/dist/components/Modal/ModalIcon.js +1 -1
  145. package/dist/components/Notifications/NotificationItem.js +1 -1
  146. package/dist/components/Notifications/NotificationItemBase.js +5 -5
  147. package/dist/components/Notifications/NotificationItemControls.js +1 -1
  148. package/dist/components/Notifications/NotificationItemIcon.js +13 -14
  149. package/dist/components/Page/AccordionSection.js +1 -1
  150. package/dist/components/Page/ContactButtons.js +1 -1
  151. package/dist/components/Page/ContactSection.js +1 -1
  152. package/dist/components/Page/PageMenu.js +1 -1
  153. package/dist/components/Page/PageNav.js +1 -1
  154. package/dist/components/Page/Section.js +1 -1
  155. package/dist/components/Page/index.js +1 -1
  156. package/dist/components/ResourceListItem/ResourceListItem.js +5 -5
  157. package/dist/components/RootProvider/RootProvider.js +2 -2
  158. package/dist/components/RootProvider/index.js +1 -1
  159. package/dist/components/Search/SearchItem.js +3 -3
  160. package/dist/components/Searchbar/Autocomplete.js +1 -1
  161. package/dist/components/Searchbar/AutocompleteItem.js +15 -16
  162. package/dist/components/Searchbar/Searchbar.js +3 -3
  163. package/dist/components/Searchbar/SearchbarField.js +6 -6
  164. package/dist/components/Settings/SettingsItem.js +1 -1
  165. package/dist/components/Settings/SettingsItemBase.js +22 -23
  166. package/dist/components/Settings/SettingsList.js +3 -3
  167. package/dist/components/Settings/SettingsModal.js +1 -1
  168. package/dist/components/Settings/SettingsSection.js +1 -1
  169. package/dist/components/Settings/UsedByLog.js +9 -9
  170. package/dist/components/Settings/UsedByLogItem.js +11 -12
  171. package/dist/components/Snackbar/SnackbarItem.js +3 -3
  172. package/dist/components/Timeline/Timeline.js +1 -1
  173. package/dist/components/Timeline/TimelineActivity.js +4 -4
  174. package/dist/components/Timeline/TimelineBase.js +1 -1
  175. package/dist/components/Timeline/TimelineFooter.js +1 -1
  176. package/dist/components/Timeline/TimelineHeader.js +3 -3
  177. package/dist/components/Timeline/TimelineIcon.js +1 -1
  178. package/dist/components/Timeline/TimelineSection.js +12 -12
  179. package/dist/components/Timeline/TimelineSegment.js +4 -4
  180. package/dist/components/Toolbar/DatepickerFilter.js +3 -3
  181. package/dist/components/Toolbar/SelectDateFilter.js +1 -1
  182. package/dist/components/Toolbar/Toolbar.js +4 -4
  183. package/dist/components/Toolbar/ToolbarFilter.js +15 -15
  184. package/dist/components/Toolbar/ToolbarFilterAddMenu.js +1 -1
  185. package/dist/components/Toolbar/ToolbarFilterButton.js +3 -3
  186. package/dist/components/Toolbar/ToolbarFilterMenu.js +11 -11
  187. package/dist/components/Toolbar/ToolbarMenu.js +2 -2
  188. package/dist/components/Toolbar/ToolbarSearch.js +1 -1
  189. package/dist/components/Toolbar/example.data.js +12 -12
  190. package/dist/components/Toolbar/index.js +5 -5
  191. package/dist/components/Transmission/Transmission.js +19 -20
  192. package/dist/components/Transmission/TransmissionList.js +6 -6
  193. package/dist/components/Transmission/TransmissionType.js +3 -4
  194. package/dist/components/Typography/Heading.js +1 -1
  195. package/dist/components/Typography/index.js +1 -1
  196. package/dist/components/UserListItem/UserListItem.js +15 -16
  197. package/dist/components/index.js +438 -444
  198. package/dist/hooks/useAccountSelector.js +1 -1
  199. package/dist/index.js +450 -456
  200. package/dist/types/lib/components/AccessPackageListItem/AccessPackageListItem.d.ts +2 -2
  201. package/dist/types/lib/components/AccessPackageListItem/AccessPackageListItem.stories.d.ts +8 -1
  202. package/dist/types/lib/components/Badge/Badge.d.ts +5 -3
  203. package/dist/types/lib/components/Badge/Badge.stories.d.ts +1 -1
  204. package/dist/types/lib/components/Button/Button.d.ts +1 -1
  205. package/dist/types/lib/components/Button/Button.stories.d.ts +1 -1
  206. package/dist/types/lib/components/Dialog/DialogHeader.d.ts +2 -22
  207. package/dist/types/lib/components/Dialog/DialogHeader.stories.d.ts +1 -1
  208. package/dist/types/lib/components/Dialog/DialogListItem.d.ts +3 -1
  209. package/dist/types/lib/components/Dialog/DialogMetadata.d.ts +3 -1
  210. package/dist/types/lib/components/Dialog/DialogStatus.d.ts +1 -3
  211. package/dist/types/lib/components/Dialog/DialogStatus.stories.d.ts +1 -1
  212. package/dist/types/lib/components/Metadata/MetaBase.d.ts +2 -2
  213. package/dist/types/lib/components/Metadata/MetaItem.d.ts +10 -2
  214. package/dist/types/lib/components/Metadata/MetaItem.stories.d.ts +1 -1
  215. package/dist/types/lib/components/Metadata/MetaTimestamp.d.ts +3 -15
  216. package/dist/types/lib/components/Metadata/MetaTimestamp.stories.d.ts +1 -1
  217. package/dist/types/lib/components/Metadata/Metadata.d.ts +3 -4
  218. package/dist/types/lib/components/Metadata/index.d.ts +0 -3
  219. package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts +111 -111
  220. package/dist/types/lib/components/Toolbar/useFilter.d.ts +4 -4
  221. package/dist/types/lib/components/Transmission/Transmission.stories.d.ts +5 -5
  222. package/package.json +1 -1
  223. package/dist/Section-BisoLqNN.js +0 -2226
  224. package/dist/assets/Badge.css +0 -1
  225. package/dist/assets/MetaItemBase.css +0 -1
  226. package/dist/assets/MetaItemLabel.css +0 -1
  227. package/dist/components/Metadata/MetaItemBase.js +0 -51
  228. package/dist/components/Metadata/MetaItemLabel.js +0 -7
  229. package/dist/components/Metadata/MetaProgress.js +0 -13
  230. package/dist/types/lib/components/Metadata/MetaItemBase.d.ts +0 -18
  231. package/dist/types/lib/components/Metadata/MetaItemLabel.d.ts +0 -11
  232. package/dist/types/lib/components/Metadata/MetaProgress.d.ts +0 -15
  233. package/dist/types/lib/components/Metadata/MetaProgress.stories.d.ts +0 -14
  234. package/dist/types/lib/stories/Account.stories.d.ts +0 -10
@@ -1,2226 +0,0 @@
1
- "use client";
2
- import { jsx as a, jsxs as x, Fragment as fe } from "react/jsx-runtime";
3
- import { c as K } from "./index-p1eeF8LQ.js";
4
- import * as H from "react";
5
- import C, { forwardRef as V, useRef as Z, useState as se, useMemo as ce, useEffect as Q, Fragment as vt, useLayoutEffect as je, createContext as bt, useContext as gt, isValidElement as _e, useId as Oe, useCallback as Qe, memo as we, createElement as Me } from "react";
6
- import { useEscapeKey as yt } from "./hooks/useEscapeKey.js";
7
- import "./components/Typography/Link.js";
8
- import { Button as pe } from "./components/Button/Button.js";
9
- import { createPortal as _t } from "react-dom";
10
- import { useMenu as Be } from "./hooks/useMenu.js";
11
- import { Typography as Xe } from "./components/Typography/Typography.js";
12
- import { Skeleton as Ne } from "./components/Skeleton/Skeleton.js";
13
- import { useHighlightedText as wt } from "./components/Typography/useHighlightedText.js";
14
- import { Badge as ye } from "./components/Badge/Badge.js";
15
- import { isAvatarGroupProps as ke, AvatarGroup as he } from "./components/Avatar/AvatarGroup.js";
16
- import { ItemControls as Ae } from "./components/Item/ItemControls.js";
17
- import { ItemBase as It } from "./components/Item/ItemBase.js";
18
- import { ItemLink as xt } from "./components/Item/ItemLink.js";
19
- import { Tooltip as Ot } from "./components/Tooltip/Tooltip.js";
20
- import { MetaBase as Nt } from "./components/Metadata/MetaBase.js";
21
- import { MetaItemBase as Le } from "./components/Metadata/MetaItemBase.js";
22
- import { SnackbarProvider as kt } from "./components/Snackbar/useSnackbar.js";
23
- import { Input as Je } from "./components/Forms/Input.js";
24
- import { Field as Ct } from "./components/Forms/Field.js";
25
- import { Label as Et } from "./components/Forms/Label.js";
26
- import { TypingIcon as Pt } from "./components/Icon/TypingIcon.js";
27
- import { u as W } from "./useId-BVFxCjkq.js";
28
- import { isAvatarProps as Ce, Avatar as Se } from "./components/Avatar/Avatar.js";
29
- import { pickAriaProps as St } from "./components/Menu/aria.js";
30
- import { MenuList as Ee } from "./components/Menu/MenuList.js";
31
- import { MenuListItem as Ze } from "./components/Menu/MenuListItem.js";
32
- import { MenuListGroup as et } from "./components/Menu/MenuListGroup.js";
33
- import { MenuListDivider as tt } from "./components/Menu/MenuListDivider.js";
34
- import { MenuListHeading as rt } from "./components/Menu/MenuListHeading.js";
35
- import { a as zt } from "./useMenuVirtualization-Cs426RCN.js";
36
- import { S as $t, a as Rt, b as jt, d as Mt, c as At } from "./Trash-BG9YcGIl.js";
37
- import { useDropdownMenuController as Dt } from "./components/Menu/useDropdownMenuController.js";
38
- import { ProgressIcon as Bt } from "./components/Icon/ProgressIcon.js";
39
- import { MetaItemLabel as Fe } from "./components/Metadata/MetaItemLabel.js";
40
- import { ListItemBase as Lt } from "./components/List/ListItemBase.js";
41
- import { ListItemLink as Ft } from "./components/List/ListItemLink.js";
42
- import { ListItemControls as Tt } from "./components/List/ListItemControls.js";
43
- import { Flex as Te } from "./components/Page/Flex.js";
44
- import './assets/Section.css';var Gt = function(e, o) {
45
- var r = {};
46
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
47
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
48
- for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
49
- o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
50
- return r;
51
- };
52
- const Ht = V((e, o) => {
53
- var { title: r, titleId: t } = e, n = Gt(e, ["title", "titleId"]);
54
- let s = W();
55
- return s = r ? t || "title-" + s : void 0, C.createElement(
56
- "svg",
57
- 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: o, "aria-labelledby": s }, n),
58
- r ? C.createElement("title", { id: s }, r) : null,
59
- 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" })
60
- );
61
- });
62
- var Kt = function(e, o) {
63
- var r = {};
64
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
65
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
66
- for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
67
- o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
68
- return r;
69
- };
70
- const nt = V((e, o) => {
71
- var { title: r, titleId: t } = e, n = Kt(e, ["title", "titleId"]);
72
- let s = W();
73
- return s = r ? t || "title-" + s : void 0, C.createElement(
74
- "svg",
75
- 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: o, "aria-labelledby": s }, n),
76
- r ? C.createElement("title", { id: s }, r) : null,
77
- C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
78
- );
79
- });
80
- var qt = function(e, o) {
81
- var r = {};
82
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
83
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
84
- for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
85
- o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
86
- return r;
87
- };
88
- const Ut = V((e, o) => {
89
- var { title: r, titleId: t } = e, n = qt(e, ["title", "titleId"]);
90
- let s = W();
91
- return s = r ? t || "title-" + s : void 0, C.createElement(
92
- "svg",
93
- 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: o, "aria-labelledby": s }, n),
94
- r ? C.createElement("title", { id: s }, r) : null,
95
- C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
96
- );
97
- });
98
- var Vt = function(e, o) {
99
- var r = {};
100
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
101
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
102
- for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
103
- o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
104
- return r;
105
- };
106
- const ot = V((e, o) => {
107
- var { title: r, titleId: t } = e, n = Vt(e, ["title", "titleId"]);
108
- let s = W();
109
- return s = r ? t || "title-" + s : void 0, C.createElement(
110
- "svg",
111
- 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: o, "aria-labelledby": s }, n),
112
- r ? C.createElement("title", { id: s }, r) : null,
113
- C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
114
- );
115
- });
116
- var Wt = function(e, o) {
117
- var r = {};
118
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
119
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
120
- for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
121
- o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
122
- return r;
123
- };
124
- const Yt = V((e, o) => {
125
- var { title: r, titleId: t } = e, n = Wt(e, ["title", "titleId"]);
126
- let s = W();
127
- return s = r ? t || "title-" + s : void 0, C.createElement(
128
- "svg",
129
- 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: o, "aria-labelledby": s }, n),
130
- r ? C.createElement("title", { id: s }, r) : null,
131
- C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z", clipRule: "evenodd" })
132
- );
133
- });
134
- var Qt = function(e, o) {
135
- var r = {};
136
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
137
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
138
- for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
139
- o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
140
- return r;
141
- };
142
- const He = V((e, o) => {
143
- var { title: r, titleId: t } = e, n = Qt(e, ["title", "titleId"]);
144
- let s = W();
145
- return s = r ? t || "title-" + s : void 0, C.createElement(
146
- "svg",
147
- 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: o, "aria-labelledby": s }, n),
148
- r ? C.createElement("title", { id: s }, r) : null,
149
- C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
150
- );
151
- });
152
- var Xt = function(e, o) {
153
- var r = {};
154
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
155
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
156
- for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
157
- o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
158
- return r;
159
- };
160
- const Jt = V((e, o) => {
161
- var { title: r, titleId: t } = e, n = Xt(e, ["title", "titleId"]);
162
- let s = W();
163
- return s = r ? t || "title-" + s : void 0, C.createElement(
164
- "svg",
165
- 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: o, "aria-labelledby": s }, n),
166
- r ? C.createElement("title", { id: s }, r) : null,
167
- 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" })
168
- );
169
- });
170
- var Zt = function(e, o) {
171
- var r = {};
172
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
173
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
174
- for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
175
- o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
176
- return r;
177
- };
178
- const er = V((e, o) => {
179
- var { title: r, titleId: t } = e, n = Zt(e, ["title", "titleId"]);
180
- let s = W();
181
- return s = r ? t || "title-" + s : void 0, C.createElement(
182
- "svg",
183
- 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: o, "aria-labelledby": s }, n),
184
- r ? C.createElement("title", { id: s }, r) : null,
185
- 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" })
186
- );
187
- });
188
- var tr = function(e, o) {
189
- var r = {};
190
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
191
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
192
- for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
193
- o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
194
- return r;
195
- };
196
- const rr = V((e, o) => {
197
- var { title: r, titleId: t } = e, n = tr(e, ["title", "titleId"]);
198
- let s = W();
199
- return s = r ? t || "title-" + s : void 0, C.createElement(
200
- "svg",
201
- 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: o, "aria-labelledby": s }, n),
202
- r ? C.createElement("title", { id: s }, r) : null,
203
- C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 3.25a.75.75 0 0 0 0 1.5h.315c.109 1.966.642 3.846 1.546 5.302.502.81 1.116 1.479 1.81 1.948-.694.47-1.308 1.138-1.81 1.948-.904 1.456-1.437 3.336-1.546 5.302H6a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5h-.298c-.109-1.966-.643-3.846-1.546-5.302-.503-.81-1.116-1.479-1.81-1.948.694-.47 1.307-1.138 1.81-1.948.904-1.456 1.437-3.336 1.546-5.302H18a.75.75 0 0 0 0-1.5zm6.008 8c.972 0 2.027-.624 2.873-1.989.738-1.189 1.211-2.785 1.318-4.511H7.818c.107 1.726.58 3.322 1.318 4.511.846 1.365 1.901 1.989 2.872 1.989m0 1.5c-.971 0-2.026.624-2.872 1.989-.738 1.189-1.211 2.784-1.318 4.511h8.381c-.107-1.727-.58-3.322-1.318-4.511-.846-1.365-1.901-1.989-2.873-1.989", clipRule: "evenodd" })
204
- );
205
- });
206
- var nr = function(e, o) {
207
- var r = {};
208
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
209
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
210
- for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
211
- o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
212
- return r;
213
- };
214
- const or = V((e, o) => {
215
- var { title: r, titleId: t } = e, n = nr(e, ["title", "titleId"]);
216
- let s = W();
217
- return s = r ? t || "title-" + s : void 0, C.createElement(
218
- "svg",
219
- 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: o, "aria-labelledby": s }, n),
220
- r ? C.createElement("title", { id: s }, r) : null,
221
- C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.5 3.25a7.25 7.25 0 1 0 4.569 12.88l5.411 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.411A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0", clipRule: "evenodd" })
222
- );
223
- });
224
- var ar = function(e, o) {
225
- var r = {};
226
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
227
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
228
- for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
229
- o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
230
- return r;
231
- };
232
- const sr = V((e, o) => {
233
- var { title: r, titleId: t } = e, n = ar(e, ["title", "titleId"]);
234
- let s = W();
235
- return s = r ? t || "title-" + s : void 0, C.createElement(
236
- "svg",
237
- 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: o, "aria-labelledby": s }, n),
238
- r ? C.createElement("title", { id: s }, r) : null,
239
- C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 12a.75.75 0 0 1 .75-.75h13a.75.75 0 1 1 0 1.5h-13a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
240
- );
241
- });
242
- var lr = function(e, o) {
243
- var r = {};
244
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
245
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
246
- for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
247
- o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
248
- return r;
249
- };
250
- const ze = V((e, o) => {
251
- var { title: r, titleId: t } = e, n = lr(e, ["title", "titleId"]);
252
- let s = W();
253
- return s = r ? t || "title-" + s : void 0, C.createElement(
254
- "svg",
255
- 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: o, "aria-labelledby": s }, n),
256
- r ? C.createElement("title", { id: s }, r) : null,
257
- C.createElement("path", { fill: "currentColor", d: "M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z" })
258
- );
259
- }), ir = "_icon_1y3dz_1", cr = "_shape_1y3dz_9", dr = "_svg_1y3dz_14", ur = "_image_1y3dz_15", ve = {
260
- icon: ir,
261
- shape: cr,
262
- svg: dr,
263
- image: ur
264
- }, Pe = (e) => typeof e == "object" && e !== null && ("svgElement" in e || "iconUrl" in e), X = ({
265
- loading: e,
266
- altText: o,
267
- svgElement: r,
268
- size: t,
269
- color: n,
270
- iconUrl: s,
271
- className: c,
272
- style: u,
273
- children: d
274
- }) => /* @__PURE__ */ a("span", { "data-ui": "icon", "data-size": t, "data-color": n, className: K(ve.icon, c), style: u, children: /* @__PURE__ */ x(Ne, { loading: e, variant: "circle", className: ve.shape, children: [
275
- /* @__PURE__ */ a("span", { className: ve.shape }),
276
- r && /* @__PURE__ */ a(r, { "aria-hidden": "true", "alt-label": o, className: ve.svg }),
277
- s && /* @__PURE__ */ a("img", { src: s, alt: o, className: ve.image }),
278
- d
279
- ] }) }), mr = ({ size: e, color: o, label: r, helperText: t, children: n, ...s }) => /* @__PURE__ */ x(Ct, { size: e, color: o, ...s, children: [
280
- r && /* @__PURE__ */ a(Et, { size: e, children: r }),
281
- n,
282
- t && /* @__PURE__ */ a(Xe, { size: "xs", children: t })
283
- ] }), fr = "_search_18jfe_1", pr = "_searchInput_18jfe_8", Re = {
284
- search: fr,
285
- searchInput: pr
286
- }, at = ({
287
- style: e,
288
- index: o,
289
- name: r,
290
- value: t,
291
- placeholder: n = "Search",
292
- clearButtonAltText: s = "Clear search",
293
- onChange: c,
294
- onClear: u,
295
- onNavigate: d,
296
- combobox: l = !1,
297
- listId: f,
298
- "aria-activedescendant": i,
299
- onKeyDown: y,
300
- onInput: b,
301
- onFocus: _,
302
- ...N
303
- }) => /* @__PURE__ */ a("li", { className: Re.search, style: e, "data-index": o, "data-menu-search": "true", children: l ? (
304
- // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
305
- // biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
306
- // biome-ignore lint/a11y/useSemanticElements: <explanation>
307
- /* @__PURE__ */ a("div", { role: "combobox", "aria-expanded": !0, "aria-haspopup": "listbox", "aria-owns": f, children: /* @__PURE__ */ a(
308
- De,
309
- {
310
- size: "xs",
311
- className: Re.searchInput,
312
- name: r,
313
- value: t,
314
- placeholder: n,
315
- onChange: c,
316
- onClear: u,
317
- clearButtonAltText: s,
318
- autoComplete: "off",
319
- autoCorrect: "off",
320
- autoCapitalize: "off",
321
- "aria-autocomplete": "list",
322
- "aria-controls": f,
323
- "aria-activedescendant": i,
324
- autoFocus: !0,
325
- onKeyDown: (v) => {
326
- (v.key === "ArrowUp" || v.key === "ArrowDown") && (v.preventDefault(), d?.()), y?.(v);
327
- },
328
- onInput: b,
329
- onFocus: _,
330
- ...N
331
- }
332
- ) })
333
- ) : /* @__PURE__ */ a(
334
- De,
335
- {
336
- size: "xs",
337
- className: Re.searchInput,
338
- name: r,
339
- value: t,
340
- placeholder: n,
341
- onChange: c,
342
- onClear: u,
343
- clearButtonAltText: s,
344
- autoComplete: "off",
345
- autoCorrect: "off",
346
- autoCapitalize: "off",
347
- autoFocus: !0,
348
- onKeyDown: (v) => {
349
- (v.key === "ArrowUp" || v.key === "ArrowDown") && (v.preventDefault(), d?.()), y?.(v);
350
- },
351
- onInput: b,
352
- onFocus: _,
353
- ...N
354
- }
355
- ) }), st = ({
356
- level: e = 0,
357
- maxLevels: o,
358
- expanded: r,
359
- a11yMode: t = "menu",
360
- open: n,
361
- scrollToTopOnOpen: s = !1,
362
- autoActivateFirstItem: c = !0,
363
- autoFocusList: u = !0,
364
- announceNoResults: d = !1,
365
- search: l,
366
- items: f,
367
- groups: i = {},
368
- size: y,
369
- id: b,
370
- color: _,
371
- variant: N,
372
- scrollRefStyles: v = {},
373
- keyboardEvents: E = !1,
374
- onSelect: j = () => {
375
- },
376
- onActiveItemIdChange: O
377
- }) => {
378
- if (o && e >= o)
379
- return null;
380
- const h = t === "combobox", m = h && b ? `${b}-listbox` : b, M = Z(n), S = Z(n), [A, $] = se(!1), R = ce(
381
- () => f.map((p, P) => ({
382
- ...p,
383
- id: p.id || `${b}-item-${P}`
384
- })),
385
- [f, b]
386
- ), D = Z(null), { menu: z, setActiveIndex: g, activeItem: w } = Be({
387
- items: R,
388
- groups: i,
389
- groupByKey: "groupId",
390
- keyboardEvents: E,
391
- autoActivateFirstItem: c,
392
- onSelect: j,
393
- ref: D
394
- });
395
- return Q(() => {
396
- O?.(w?.id);
397
- }, [w?.id, O]), Q(() => {
398
- if (!s) {
399
- M.current = n;
400
- return;
401
- }
402
- const p = M.current;
403
- M.current = n, n && !p && D.current?.scrollTo({ top: 0 });
404
- }, [n, s]), Q(() => {
405
- const p = S.current;
406
- S.current = n, !(!E || l || !u) && n && !p && requestAnimationFrame(() => D.current?.focus?.({ preventScroll: !0 }));
407
- }, [n, E, l]), Q(() => {
408
- if (h && d) {
409
- g(0), $(!0);
410
- return;
411
- }
412
- }, [d, h, g]), /* @__PURE__ */ x(
413
- Ee,
414
- {
415
- variant: N,
416
- expanded: r,
417
- ref: D,
418
- style: v,
419
- id: m,
420
- role: h ? "listbox" : void 0,
421
- tabIndex: E ? -1 : void 0,
422
- children: [
423
- l && /* @__PURE__ */ a(
424
- at,
425
- {
426
- ...l,
427
- combobox: h,
428
- listId: m,
429
- "aria-activedescendant": h && A ? w?.id : void 0,
430
- onNavigate: h ? () => $(!0) : void 0,
431
- onChange: (p) => {
432
- $(!1), l.onChange?.(p);
433
- },
434
- onFocus: (p) => {
435
- $(!1), l.onFocus?.(p);
436
- },
437
- onInput: (p) => {
438
- $(!1), l.onInput?.(p);
439
- },
440
- onKeyDown: (p) => {
441
- const P = p.key === "ArrowUp" || p.key === "ArrowDown", F = p.key.length === 1 || p.key === "Backspace" || p.key === "Delete";
442
- h && !P && F && $(!1), l.onKeyDown?.(p);
443
- }
444
- }
445
- ),
446
- z.map((p, P) => {
447
- const F = p?.props || {}, { title: T, hidden: G = !1, divider: U = !0 } = F;
448
- return /* @__PURE__ */ x(vt, { children: [
449
- (e > 0 || P) && U ? /* @__PURE__ */ a(tt, {}) : "",
450
- /* @__PURE__ */ a(et, { hidden: G, children: /* @__PURE__ */ x(Ee, { role: "presentation", children: [
451
- T && /* @__PURE__ */ a(rt, { title: T, level: e }),
452
- p?.items.filter((ee) => !ee.props?.hidden).map((ee, I) => {
453
- const { active: k, onMouseEnter: L } = ee, { groupId: te, ...B } = ee.props || {}, { expanded: ae } = B, de = Array.isArray(B?.items) && B.items.length > 0, Ie = B.role === "checkbox" || B.role === "radio", $e = h && !Ie ? "option" : B.role;
454
- return /* @__PURE__ */ x(
455
- Ze,
456
- {
457
- expanded: ae,
458
- onMouseLeave: () => g(-1),
459
- role: h || Ie ? "presentation" : void 0,
460
- children: [
461
- /* @__PURE__ */ a(
462
- ct,
463
- {
464
- ...B,
465
- size: B?.size || F?.size || y,
466
- color: B?.color || F?.color || _,
467
- variant: B?.variant || F?.variant || N,
468
- active: k,
469
- role: $e,
470
- selected: B.selected,
471
- tabIndex: B?.disabled || E ? -1 : B.tabIndex ?? 0,
472
- onMouseEnter: L,
473
- "aria-haspopup": de ? "menu" : void 0,
474
- "aria-expanded": de ? ae : void 0,
475
- "aria-controls": de ? B.id + "-menu" : void 0
476
- }
477
- ),
478
- ae && B?.items && /* @__PURE__ */ a(
479
- st,
480
- {
481
- id: B.id + "-menu",
482
- expanded: ae,
483
- level: e + 1,
484
- maxLevels: o,
485
- items: B?.items,
486
- groups: i,
487
- size: y,
488
- color: _,
489
- variant: N
490
- }
491
- )
492
- ]
493
- },
494
- I
495
- );
496
- })
497
- ] }) }, P)
498
- ] }, P);
499
- })
500
- ]
501
- }
502
- );
503
- }, hr = (e) => {
504
- const o = Z(null), r = Z(null), [t, n] = se(0), {
505
- search: s,
506
- items: c,
507
- groups: u = {},
508
- size: d,
509
- color: l,
510
- variant: f,
511
- keyboardEvents: i,
512
- scrollRefStyles: y = {},
513
- id: b,
514
- expanded: _,
515
- a11yMode: N = "menu",
516
- open: v,
517
- scrollToTopOnOpen: E = !1,
518
- autoActivateFirstItem: j = !0,
519
- announceNoResults: O = !1,
520
- onActiveItemIdChange: h
521
- } = e, m = N === "combobox", M = m && b ? `${b}-listbox` : b, S = Z(v), [A, $] = se(!1), R = ce(
522
- () => c.map((I, k) => ({
523
- ...I,
524
- id: I.id || `${b}-item-${k}`
525
- })),
526
- [c, b]
527
- ), { menu: D, activeItem: z, setActiveIndex: g, activeIndex: w } = Be({
528
- items: R,
529
- groups: u,
530
- groupByKey: "groupId",
531
- keyboardEvents: i,
532
- autoActivateFirstItem: j,
533
- ref: o
534
- }), { flatMenu: p, virtualizer: P, scrollMaxHeight: F } = zt({
535
- menu: D,
536
- scrollRef: o
537
- });
538
- je(() => {
539
- const I = r.current;
540
- if (!I) return;
541
- const k = Math.round(I.offsetTop);
542
- n((L) => L === k ? L : k);
543
- });
544
- const T = ce(() => {
545
- const I = z?.id;
546
- if (I)
547
- return p.findIndex((L) => L.type === "item" && L.itemProps?.id === I);
548
- if (w < 0) return -1;
549
- let k = -1;
550
- for (let L = 0; L < p.length; L++)
551
- if (p[L]?.type === "item" && (k += 1, k === w))
552
- return L;
553
- return -1;
554
- }, [z?.id, w, p]), G = Z(null);
555
- je(() => {
556
- const I = G?.current, k = typeof I == "number" ? T <= I : !1;
557
- G.current = T;
558
- const L = k ? T : T + 2;
559
- if (!k) {
560
- const de = P.getOffsetForIndex(L, "auto");
561
- if (!de) return;
562
- const [Ie, $e] = de;
563
- if ($e === "auto") return;
564
- P.scrollToOffset(Ie + t + 10, { align: "start" });
565
- return;
566
- }
567
- if (T <= 3) {
568
- P.scrollToOffset(0);
569
- return;
570
- }
571
- const te = P.getOffsetForIndex(T - 1, "auto");
572
- if (!te) return;
573
- const [B, ae] = te;
574
- ae !== "auto" && P.scrollToOffset(B + t + 10, { align: "start" });
575
- }, [T, t, P, G]);
576
- const U = ce(() => {
577
- const I = /* @__PURE__ */ new Map();
578
- let k = 0;
579
- return p.forEach((L, te) => {
580
- L.type === "item" && (k += 1, I.set(te, k));
581
- }), { positions: I, total: k };
582
- }, [p]);
583
- Q(() => {
584
- h?.(z?.id);
585
- }, [z?.id, h]), Q(() => {
586
- if (m && O) {
587
- g(0), $(!0);
588
- return;
589
- }
590
- }, [O, m, g]), Q(() => {
591
- if (!E) {
592
- S.current = v;
593
- return;
594
- }
595
- const I = S.current;
596
- S.current = v, v && !I && o.current?.scrollTo({ top: 0 });
597
- }, [v, E]);
598
- const ee = {
599
- position: "relative",
600
- maxHeight: y?.maxHeight || F,
601
- margin: "-0.5rem",
602
- padding: "0.5rem 0.5rem 1rem 0.5rem",
603
- minWidth: y?.minWidth ?? "20rem",
604
- overflowY: "auto",
605
- ...y
606
- };
607
- return /* @__PURE__ */ x(
608
- Ee,
609
- {
610
- ref: o,
611
- style: ee,
612
- variant: f,
613
- color: l,
614
- expanded: _,
615
- id: M,
616
- role: m ? "listbox" : void 0,
617
- children: [
618
- s && /* @__PURE__ */ a(
619
- at,
620
- {
621
- ...s,
622
- combobox: m,
623
- listId: M,
624
- "aria-activedescendant": m && A ? z?.id : void 0,
625
- onNavigate: m ? () => $(!0) : void 0,
626
- onChange: (I) => {
627
- $(!1), s.onChange?.(I);
628
- },
629
- onFocus: (I) => {
630
- $(!1), s.onFocus?.(I);
631
- },
632
- onInput: (I) => {
633
- $(!1), s.onInput?.(I);
634
- },
635
- onKeyDown: (I) => {
636
- const k = I.key === "ArrowUp" || I.key === "ArrowDown", L = I.key.length === 1 || I.key === "Backspace" || I.key === "Delete";
637
- m && !k && L && $(!1), s.onKeyDown?.(I);
638
- }
639
- }
640
- ),
641
- /* @__PURE__ */ a(
642
- et,
643
- {
644
- ref: r,
645
- style: {
646
- position: "relative",
647
- height: `${P.getTotalSize()}px`,
648
- width: "100%"
649
- },
650
- children: /* @__PURE__ */ a(Ee, { style: { width: "100%", minWidth: "100%" }, children: P.getVirtualItems().map((I) => {
651
- const k = p[I.index];
652
- if (!k) return null;
653
- const L = {
654
- position: "absolute",
655
- top: 0,
656
- left: 0,
657
- width: "100%",
658
- transform: `translateY(${I.start}px)`
659
- }, te = {
660
- style: L,
661
- index: I.index,
662
- "data-index": I.index,
663
- ref: P.measureElement
664
- };
665
- switch (k.type) {
666
- case "divider":
667
- return /* @__PURE__ */ a(
668
- tt,
669
- {
670
- ...te,
671
- style: { ...L, padding: "0.25rem 0" }
672
- },
673
- I.key
674
- );
675
- case "header":
676
- return /* @__PURE__ */ a(rt, { ...te, title: k.title || "", level: 1 }, I.key);
677
- default: {
678
- const B = k.itemProps?.role === "checkbox" || k.itemProps?.role === "radio", ae = m && !B ? "option" : k.itemProps?.role;
679
- return /* @__PURE__ */ a(
680
- Ze,
681
- {
682
- ...te,
683
- role: m || B ? "presentation" : "menuitem",
684
- children: /* @__PURE__ */ a(
685
- ct,
686
- {
687
- ...k.itemProps || {},
688
- size: k.itemProps?.size || d,
689
- color: k.itemProps?.color || l,
690
- variant: k.itemProps?.variant || f,
691
- active: k.active,
692
- role: ae,
693
- selected: k.itemProps?.selected,
694
- "aria-posinset": m ? U.positions.get(I.index) : void 0,
695
- "aria-setsize": m ? U.total : void 0,
696
- tabIndex: k.itemProps?.disabled || i ? -1 : 0
697
- }
698
- )
699
- },
700
- I.key
701
- );
702
- }
703
- }
704
- }) })
705
- }
706
- )
707
- ]
708
- }
709
- );
710
- }, vr = {
711
- currentId: "",
712
- previousId: "",
713
- debug: !1,
714
- setCurrentId: () => {
715
- console.warn("setCurrentId called outside of RootProvider context");
716
- },
717
- setPreviousId: () => {
718
- console.warn("setPreviousId called outside of RootProvider context");
719
- },
720
- languageCode: "nb"
721
- }, lt = bt(vr), To = ({ children: e, initialValue: o, debug: r, languageCode: t }) => {
722
- const [n, s] = se(o?.currentId || ""), [c, u] = se(o?.previousId || "");
723
- return /* @__PURE__ */ a(
724
- lt.Provider,
725
- {
726
- value: {
727
- currentId: n,
728
- setCurrentId: s,
729
- setPreviousId: u,
730
- previousId: c,
731
- debug: r,
732
- languageCode: t
733
- },
734
- children: /* @__PURE__ */ a(kt, { children: e })
735
- }
736
- );
737
- }, br = () => {
738
- const e = gt(lt);
739
- if (!e)
740
- throw new Error("useRootContext must be used within a RootProvider.");
741
- const { currentId: o, setCurrentId: r, debug: t, setPreviousId: n, previousId: s, languageCode: c } = e, u = (i) => {
742
- o && n(o), r(i);
743
- }, d = (i) => {
744
- t && console.debug(`useRootContext: toggleId called with value: ${i}`), u(o === i ? "" : i);
745
- }, l = () => {
746
- t && console.debug("useRootContext: closeAll called"), u("");
747
- };
748
- return yt(l), {
749
- currentId: o,
750
- previousId: s,
751
- toggleId: d,
752
- closeAll: l,
753
- openId: (i) => {
754
- t && console.debug(`useRootContext: openId called with value: ${i}`), u(i);
755
- },
756
- languageCode: c
757
- };
758
- }, gr = (e) => {
759
- switch (e) {
760
- case "nn":
761
- return {
762
- placeholder: "Søk ...",
763
- hits: (o) => `${o} treff`,
764
- selected: (o) => `${o} valt`,
765
- noResults: "Ingen treff"
766
- };
767
- case "en":
768
- return {
769
- placeholder: "Search ...",
770
- hits: (o) => `${o} hit${o === 1 ? "" : "s"}`,
771
- selected: (o) => `${o} selected`,
772
- noResults: "No results"
773
- };
774
- default:
775
- return {
776
- placeholder: "Søk ...",
777
- hits: (o) => `${o} treff`,
778
- selected: (o) => `${o} valgt`,
779
- noResults: "Ingen treff"
780
- };
781
- }
782
- }, yr = (e) => {
783
- const o = /* @__PURE__ */ new Set(), r = [];
784
- for (const t of e) {
785
- const n = t.id;
786
- if (!n) {
787
- r.push(t);
788
- continue;
789
- }
790
- o.has(n) || (o.add(n), r.push(t));
791
- }
792
- return r;
793
- }, _r = ({
794
- placeholder: e,
795
- name: o,
796
- onChange: r,
797
- onClear: t,
798
- clearButtonAltText: n,
799
- items: s = [],
800
- groups: c = {}
801
- }) => {
802
- const { languageCode: u } = br(), d = H.useMemo(() => gr(u), [u]), [l, f] = H.useState(""), i = H.useCallback(
803
- (w) => {
804
- f(w.target.value), r?.(w);
805
- },
806
- [r]
807
- ), y = H.useCallback(() => {
808
- f(""), t?.();
809
- }, [t]), b = H.useMemo(() => l.trim().replace(/\s+/g, " "), [l]), _ = b.length > 0, N = H.useMemo(() => b.toLowerCase(), [b]), v = H.useMemo(() => b ? b.split(" ") : [], [b]), E = H.useMemo(
810
- () => ({
811
- placeholder: e ?? d.placeholder,
812
- name: o ?? "search",
813
- value: l,
814
- onChange: i,
815
- onClear: y,
816
- clearButtonAltText: n
817
- }),
818
- [e, d.placeholder, o, l, i, y, n]
819
- ), j = H.useMemo(
820
- () => s.map((w) => {
821
- const p = w?.searchWords?.length ? w.searchWords : [w?.title, w?.description].filter(Boolean);
822
- return {
823
- ...w,
824
- searchWords: p ?? []
825
- };
826
- }),
827
- [s]
828
- ), O = H.useMemo(
829
- () => [
830
- {
831
- id: "emptySearch",
832
- "aria-disabled": !0,
833
- title: d.noResults,
834
- groupId: "emptySearch",
835
- icon: $t,
836
- size: "sm",
837
- as: "div"
838
- }
839
- ],
840
- [d.noResults]
841
- ), h = H.useMemo(() => {
842
- const w = s.filter((p) => p.groupId === "emptySearch").map((p) => ({ ...p, hidden: !1 }));
843
- return w.length ? w : O;
844
- }, [s, O]), { selectedItems: m, results: M } = H.useMemo(() => {
845
- if (!_) return { selectedItems: [], results: [] };
846
- const w = [], p = [];
847
- for (const P of j)
848
- P.checked === !0 && w.push({ ...P, groupId: "selected" }), (P.searchWords ?? []).some((G) => String(G).toLowerCase().includes(N)) && p.push({
849
- ...P,
850
- groupId: "search",
851
- highlightWords: v
852
- });
853
- return { selectedItems: w, results: p };
854
- }, [_, j, N, v]), S = M.length, A = m.length, $ = H.useMemo(
855
- () => ({
856
- search: {
857
- hidden: !0,
858
- title: d.hits(S)
859
- },
860
- selected: {
861
- hidden: !0,
862
- title: d.selected(A)
863
- },
864
- emptySearch: {
865
- hidden: !0,
866
- title: d.noResults
867
- },
868
- ...c
869
- }),
870
- [d, S, A, c]
871
- ), R = H.useMemo(
872
- () => ({
873
- ...$,
874
- search: {
875
- hidden: !_,
876
- title: d.hits(S)
877
- },
878
- selected: {
879
- hidden: A === 0,
880
- title: d.selected(A)
881
- },
882
- emptySearch: {
883
- hidden: _ && (S > 0 || A > 0),
884
- title: d.noResults
885
- }
886
- }),
887
- [$, _, d, S, A]
888
- ), D = H.useMemo(() => _ ? yr([...M, ...m]) : [], [_, M, m]), z = H.useMemo(() => [...h || [], ...m || []], [h, m]), g = H.useMemo(() => _ ? S ? D : z : s, [_, s, S, D, z]);
889
- return {
890
- search: E,
891
- results: M,
892
- resultCount: S,
893
- hasQuery: _,
894
- items: g,
895
- groups: R
896
- };
897
- }, it = ({
898
- searchable: e,
899
- search: o,
900
- items: r = [],
901
- groups: t = {},
902
- variant: n = "default",
903
- size: s,
904
- level: c = 0,
905
- maxLevels: u = 3,
906
- virtualized: d = !1,
907
- keyboardEvents: l = !1,
908
- scrollRefStyles: f = {},
909
- onActiveItemIdChange: i,
910
- a11yMode: y = "menu",
911
- open: b,
912
- scrollToTopOnOpen: _,
913
- autoFocusList: N,
914
- id: v
915
- }) => {
916
- const E = _r({ ...o, items: r, groups: t }), j = e ? E.search : o, O = e && E.hasQuery && E.resultCount === 0, h = e ? E.items : r, m = e ? { ...t, ...E.groups } : t, M = y !== "combobox";
917
- return d ? /* @__PURE__ */ a(
918
- hr,
919
- {
920
- id: v,
921
- search: j,
922
- announceNoResults: O,
923
- items: h,
924
- groups: m,
925
- variant: n,
926
- size: s,
927
- level: c,
928
- maxLevels: u,
929
- keyboardEvents: l,
930
- scrollRefStyles: f,
931
- onActiveItemIdChange: i,
932
- a11yMode: y,
933
- open: b,
934
- scrollToTopOnOpen: _,
935
- autoActivateFirstItem: M,
936
- autoFocusList: N
937
- }
938
- ) : /* @__PURE__ */ a(
939
- st,
940
- {
941
- id: v,
942
- search: j,
943
- announceNoResults: O,
944
- items: h,
945
- groups: m,
946
- variant: n,
947
- size: s,
948
- level: c,
949
- maxLevels: u,
950
- keyboardEvents: l,
951
- scrollRefStyles: f,
952
- onActiveItemIdChange: i,
953
- a11yMode: y,
954
- open: b,
955
- scrollToTopOnOpen: _,
956
- autoActivateFirstItem: M,
957
- autoFocusList: N
958
- }
959
- );
960
- }, wr = "_media_1089b_3", Ir = "_icon_1089b_10", xr = "_avatar_1089b_14", Or = "_avatarGroup_1089b_18", le = {
961
- media: wr,
962
- icon: Ir,
963
- avatar: xr,
964
- avatarGroup: Or
965
- };
966
- function Nr(e) {
967
- return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || _e(e);
968
- }
969
- const Ke = ({ className: e, loading: o, icon: r, children: t }) => {
970
- if (!r)
971
- return null;
972
- if (o)
973
- return /* @__PURE__ */ a("div", { className: K(le.icon, e), children: /* @__PURE__ */ a(X, { svgElement: ze, loading: !0 }) });
974
- const n = Ce(r) ? "avatar" : ke(r) ? "avatarGroup" : (Pe(r), "icon");
975
- return /* @__PURE__ */ x("div", { className: K(le.media, e), "data-variant": n, children: [
976
- Ce(r) && /* @__PURE__ */ a(Se, { ...r, className: le.avatar }) || ke(r) && /* @__PURE__ */ a(he, { ...r, className: le.avatarGroup }) || Pe(r) && /* @__PURE__ */ a(X, { ...r, className: le.icon }) || Nr(r) && /* @__PURE__ */ a(X, { className: le.icon, children: r }) || /* @__PURE__ */ a(X, { className: le.icon, svgElement: r }),
977
- t
978
- ] });
979
- }, kr = "_heading_1dyne_1", Cr = {
980
- heading: kr
981
- }, oe = ({
982
- id: e,
983
- loading: o,
984
- highlightWords: r = [],
985
- as: t = "h2",
986
- size: n,
987
- leading: s = "tight",
988
- weight: c = "medium",
989
- color: u,
990
- variant: d,
991
- maxRows: l,
992
- className: f,
993
- style: i,
994
- children: y
995
- }) => {
996
- const b = t, _ = wt(y, r || []);
997
- return /* @__PURE__ */ a(
998
- b,
999
- {
1000
- id: e,
1001
- className: K(Cr.heading, f),
1002
- style: i,
1003
- "data-size": n,
1004
- "data-leading": s,
1005
- "data-weight": c,
1006
- "data-color": u,
1007
- "data-variant": n === "xxs" && "default" || d,
1008
- "data-max-rows": l,
1009
- children: /* @__PURE__ */ a(Ne, { loading: o, children: _ })
1010
- }
1011
- );
1012
- }, Er = "_label_e5q28_3", Pr = {
1013
- label: Er
1014
- }, qe = ({
1015
- className: e,
1016
- title: o,
1017
- titleProps: r = {},
1018
- description: t,
1019
- descriptionProps: n = {},
1020
- highlightWords: s,
1021
- loading: c,
1022
- children: u
1023
- }) => /* @__PURE__ */ a("span", { className: K(Pr.label, e), children: u || /* @__PURE__ */ x(fe, { children: [
1024
- o && /* @__PURE__ */ a(oe, { ...r, as: "span", loading: c, highlightWords: s, maxRows: 2, children: o }),
1025
- t && /* @__PURE__ */ a(
1026
- oe,
1027
- {
1028
- ...n,
1029
- as: "span",
1030
- weight: "normal",
1031
- leading: "inherit",
1032
- loading: c,
1033
- highlightWords: s,
1034
- maxRows: 2,
1035
- children: t
1036
- }
1037
- )
1038
- ] }) }), Sr = ({ className: e, onClick: o, checked: r, onChange: t, ...n }) => /* @__PURE__ */ a(pe, { className: e, size: "xs", variant: "ghost", icon: !0, rounded: !0, onClick: o, children: /* @__PURE__ */ a(Je, { ...n, type: "checkbox", size: "xs", checked: r, onChange: t }) }), zr = "_item_h7sxa_3", $r = "_media_h7sxa_136", Rr = "_label_h7sxa_157", jr = "_title_h7sxa_172", Mr = "_description_h7sxa_176", Ar = "_count_h7sxa_188", Dr = "_linkIcon_h7sxa_196", q = {
1039
- item: zr,
1040
- media: $r,
1041
- label: Rr,
1042
- title: jr,
1043
- description: Mr,
1044
- count: Ar,
1045
- linkIcon: Dr
1046
- }, ct = ({
1047
- id: e,
1048
- groupId: o,
1049
- role: r = "menuItem",
1050
- as: t,
1051
- href: n,
1052
- onClick: s,
1053
- onChange: c,
1054
- onKeyPress: u,
1055
- onMouseEnter: d,
1056
- size: l = "sm",
1057
- variant: f,
1058
- color: i,
1059
- name: y,
1060
- value: b,
1061
- checked: _,
1062
- icon: N,
1063
- label: v,
1064
- badge: E,
1065
- controls: j,
1066
- title: O,
1067
- description: h,
1068
- highlightWords: m,
1069
- count: M,
1070
- linkIcon: S = !1,
1071
- disabled: A,
1072
- selected: $,
1073
- active: R,
1074
- tabIndex: D = 0,
1075
- className: z,
1076
- "data-testid": g,
1077
- ...w
1078
- }) => {
1079
- const p = typeof v == "function" ? v() : v, P = St(w);
1080
- if (r === "checkbox" || r === "radio") {
1081
- const G = N || (_ ? nt : sr);
1082
- return /* @__PURE__ */ x(
1083
- "label",
1084
- {
1085
- ...P,
1086
- className: K(q.item, z),
1087
- id: e,
1088
- "data-id": e,
1089
- "data-group-id": o,
1090
- "data-size": l,
1091
- "data-variant": f,
1092
- "data-color": i,
1093
- "data-active": R,
1094
- role: r,
1095
- "aria-disabled": A,
1096
- "aria-checked": _,
1097
- "aria-selected": _,
1098
- "data-selected": _,
1099
- "aria-label": O,
1100
- "data-testid": g,
1101
- onKeyUp: (U) => {
1102
- A || (U.key === "Enter" && s?.(), u?.(U));
1103
- },
1104
- onClick: s,
1105
- onMouseEnter: d,
1106
- tabIndex: D,
1107
- children: [
1108
- /* @__PURE__ */ a(
1109
- "input",
1110
- {
1111
- name: y,
1112
- value: b,
1113
- type: r,
1114
- checked: !!_,
1115
- onChange: c,
1116
- readOnly: !c,
1117
- style: { opacity: 0, position: "absolute" },
1118
- tabIndex: -1
1119
- }
1120
- ),
1121
- /* @__PURE__ */ a(Ke, { icon: G, className: q.media }),
1122
- /* @__PURE__ */ a(
1123
- qe,
1124
- {
1125
- className: q.label,
1126
- highlightWords: m,
1127
- title: /* @__PURE__ */ x(fe, { children: [
1128
- O,
1129
- " ",
1130
- M && /* @__PURE__ */ a("i", { className: q.count, children: M })
1131
- ] }),
1132
- titleProps: {
1133
- weight: "medium",
1134
- className: q.title
1135
- },
1136
- description: h,
1137
- descriptionProps: {
1138
- weight: "normal",
1139
- variant: "subtle",
1140
- className: q.description
1141
- },
1142
- children: p
1143
- }
1144
- ),
1145
- /* @__PURE__ */ x(Ae, { children: [
1146
- E && /* @__PURE__ */ a(ye, { ...E }),
1147
- !A && j
1148
- ] })
1149
- ]
1150
- }
1151
- );
1152
- }
1153
- const F = t || (n ? "a" : "button"), T = S && ot;
1154
- return /* @__PURE__ */ x(
1155
- F,
1156
- {
1157
- href: n,
1158
- className: K(q.item, z),
1159
- id: e,
1160
- "data-id": e,
1161
- "data-group-id": o,
1162
- "data-size": l,
1163
- "data-variant": f,
1164
- "data-color": i,
1165
- "data-active": R,
1166
- "aria-disabled": A,
1167
- ...A ? { disabled: A } : {},
1168
- "aria-selected": $,
1169
- "data-selected": $,
1170
- "aria-label": O,
1171
- "data-testid": g,
1172
- onKeyUp: (G) => {
1173
- A || (G.key === "Enter" && s?.(), u?.(G));
1174
- },
1175
- onClick: s,
1176
- onMouseEnter: d,
1177
- tabIndex: A ? -1 : D ?? 0,
1178
- role: r === "menuItem" ? "menuitem" : r,
1179
- ...P,
1180
- children: [
1181
- N && /* @__PURE__ */ a(Ke, { icon: N, className: q.media }),
1182
- /* @__PURE__ */ a(
1183
- qe,
1184
- {
1185
- className: q.label,
1186
- highlightWords: m,
1187
- title: /* @__PURE__ */ x(fe, { children: [
1188
- O,
1189
- " ",
1190
- M && /* @__PURE__ */ a("i", { className: q.count, children: M })
1191
- ] }),
1192
- titleProps: {
1193
- weight: "medium",
1194
- className: q.title
1195
- },
1196
- description: h,
1197
- descriptionProps: {
1198
- variant: "subtle",
1199
- className: q.description
1200
- },
1201
- children: p
1202
- }
1203
- ),
1204
- /* @__PURE__ */ x(Ae, { children: [
1205
- E && /* @__PURE__ */ a(ye, { ...E }),
1206
- !A && j,
1207
- S && /* @__PURE__ */ a(X, { svgElement: T, className: q.linkIcon })
1208
- ] })
1209
- ]
1210
- }
1211
- );
1212
- }, Br = "_fieldContainer_zxswz_1", Lr = "_field_zxswz_1", Fr = "_input_zxswz_16", Tr = "_hiddenInput_zxswz_17", Gr = "_icon_zxswz_50", Hr = "_clear_zxswz_68", Kr = "_clearButton_zxswz_81", qr = "_autocomplete_zxswz_108", re = {
1213
- fieldContainer: Br,
1214
- field: Lr,
1215
- input: Fr,
1216
- hiddenInput: Tr,
1217
- icon: Gr,
1218
- clear: Hr,
1219
- clearButton: Kr,
1220
- autocomplete: qr
1221
- }, De = ({
1222
- className: e,
1223
- collapsible: o,
1224
- loading: r,
1225
- loadingLabel: t = "Loading ...",
1226
- size: n,
1227
- color: s = "neutral",
1228
- label: c,
1229
- value: u,
1230
- onClear: d,
1231
- clearButtonAltText: l = "Clear search",
1232
- menu: f,
1233
- minLength: i,
1234
- ...y
1235
- }) => {
1236
- const b = Oe(), [_, N] = se(!1), v = y.id || `search-field-${b}`, E = `${v}-listbox`, [j, O] = se(void 0), h = "searchfield-clear-button-" + Oe(), m = ce(() => !f || !u || typeof i == "number" && typeof u == "string" && u.length < i ? !1 : _, [f, _, i, u]), M = ce(() => (f?.items ?? []).map((g) => ({
1237
- ...g,
1238
- onClick: () => {
1239
- g.onClick?.(), N(!1);
1240
- }
1241
- })), [f]), S = (g) => {
1242
- if (g.key === "Enter" && m) {
1243
- f?.items?.[0]?.onClick?.(), N(!1);
1244
- return;
1245
- }
1246
- if (g.key === "Escape" && m) {
1247
- g.preventDefault(), g.stopPropagation(), N(!1), f?.onClose(), document.getElementById(v)?.focus();
1248
- return;
1249
- }
1250
- y.onKeyDown?.(g), N(!0);
1251
- }, A = () => {
1252
- N(!0);
1253
- }, $ = (g) => {
1254
- if (!_) return;
1255
- const w = g.relatedTarget;
1256
- w && g.currentTarget.contains(w) || N(!1);
1257
- }, R = (g) => {
1258
- g.preventDefault();
1259
- }, D = (g) => {
1260
- g.relatedTarget?.id === h && O(void 0), y.onBlur?.(g);
1261
- }, z = /* @__PURE__ */ x(
1262
- mr,
1263
- {
1264
- size: n,
1265
- color: s,
1266
- label: c,
1267
- className: K(re.field, e),
1268
- "data-collapsible": o,
1269
- onBlurCapture: $,
1270
- children: [
1271
- /* @__PURE__ */ a("span", { className: re.hiddenInput, "aria-hidden": "true", children: u + " " }),
1272
- /* @__PURE__ */ a(
1273
- Je,
1274
- {
1275
- ...y,
1276
- id: v,
1277
- inputSize: 5,
1278
- type: "search",
1279
- value: u,
1280
- className: re.input,
1281
- "data-collapsible": o,
1282
- autoCapitalize: "off",
1283
- autoComplete: "off",
1284
- minLength: i,
1285
- onKeyDown: S,
1286
- onBlur: D,
1287
- ...f && {
1288
- role: "combobox",
1289
- "aria-autocomplete": "list",
1290
- "aria-expanded": !!m,
1291
- "aria-haspopup": "listbox",
1292
- "aria-controls": E,
1293
- "aria-activedescendant": m ? j : void 0,
1294
- onFocus: A
1295
- }
1296
- }
1297
- ),
1298
- r ? /* @__PURE__ */ a(Pt, { "aria-hidden": !0, className: re.icon }) : /* @__PURE__ */ a(or, { "aria-hidden": !0, className: re.icon }),
1299
- d && !!u && /* @__PURE__ */ a("span", { className: re.clear, children: /* @__PURE__ */ a(
1300
- pe,
1301
- {
1302
- id: h,
1303
- "data-testid": "clear-button",
1304
- size: "xs",
1305
- rounded: !0,
1306
- icon: !0,
1307
- variant: "tinted",
1308
- className: re.clearButton,
1309
- onClick: () => {
1310
- d?.(), document.getElementById(v)?.focus();
1311
- },
1312
- "aria-label": l,
1313
- "data-action": "clear-input",
1314
- children: /* @__PURE__ */ a(ze, {})
1315
- }
1316
- ) })
1317
- ]
1318
- }
1319
- );
1320
- return f ? /* @__PURE__ */ x("div", { className: re.fieldContainer, children: [
1321
- z,
1322
- m && /* @__PURE__ */ a("div", { className: re.autocomplete, "aria-hidden": !m, onMouseDown: R, children: /* @__PURE__ */ a(
1323
- it,
1324
- {
1325
- ...f,
1326
- id: E,
1327
- items: M,
1328
- groups: f?.groups,
1329
- keyboardEvents: !0,
1330
- a11yMode: "combobox",
1331
- open: m,
1332
- autoFocusList: !1,
1333
- onActiveItemIdChange: O
1334
- }
1335
- ) })
1336
- ] }) : z;
1337
- }, Ur = "_byline_fzp7k_1", Vr = "_avatar_fzp7k_7", Wr = "_avatarGroup_fzp7k_12", Yr = "_label_fzp7k_26", be = {
1338
- byline: Ur,
1339
- avatar: Vr,
1340
- avatarGroup: Wr,
1341
- label: Yr
1342
- }, Qr = ({
1343
- loading: e,
1344
- color: o = "neutral",
1345
- size: r = "xs",
1346
- avatar: t,
1347
- avatarGroup: n,
1348
- datetime: s,
1349
- children: c,
1350
- as: u,
1351
- ...d
1352
- }) => {
1353
- const l = u || "div", f = s ? "time" : "span";
1354
- return /* @__PURE__ */ x(l, { ...d, className: be.byline, "data-color": o, "data-size": r, children: [
1355
- (n || t) && /* @__PURE__ */ a(Ne, { variant: "circle", className: be.avatar, loading: e, children: n ? /* @__PURE__ */ a(he, { ...n, size: r, className: be.avatarGroup }) : t && /* @__PURE__ */ a(Se, { ...t, size: r, className: be.avatar }) }),
1356
- /* @__PURE__ */ a(f, { "data-size": r, dateTime: s, className: be.label, children: /* @__PURE__ */ a(Ne, { loading: e, children: c }) })
1357
- ] });
1358
- }, Xr = "_dropdown_1mtdm_1", Jr = "_content_1mtdm_17", Zr = "_backdrop_1mtdm_47", en = "_header_1mtdm_76", tn = "_footer_1mtdm_77", rn = "_title_1mtdm_148", ue = {
1359
- dropdown: Xr,
1360
- content: Jr,
1361
- backdrop: Zr,
1362
- header: en,
1363
- footer: tn,
1364
- title: rn
1365
- }, nn = "data-focus-guard", dt = (e) => {
1366
- const o = [
1367
- "a[href]",
1368
- "button:not([disabled])",
1369
- "input:not([disabled])",
1370
- "select:not([disabled])",
1371
- "textarea:not([disabled])",
1372
- '[tabindex]:not([tabindex="-1"])',
1373
- '[contenteditable="true"]'
1374
- ].join(",");
1375
- return Array.from(e.querySelectorAll(o)).filter((r) => !r.hasAttribute(nn)).filter((r) => !r.hasAttribute("disabled")).filter((r) => r.getAttribute("aria-hidden") !== "true").filter((r) => r.tabIndex !== -1).filter((r) => {
1376
- const t = r.getClientRects();
1377
- return t.length > 0 && t[0].width > 0 && t[0].height > 0;
1378
- });
1379
- }, on = (e) => {
1380
- dt(e)[0]?.focus({ preventScroll: !0 });
1381
- }, an = ({
1382
- id: e = "dropdown",
1383
- size: o = "sm",
1384
- className: r,
1385
- backdrop: t = !0,
1386
- placement: n = "bottom-left",
1387
- variant: s = "dropdown",
1388
- title: c = "Title",
1389
- closeLabel: u = "Close",
1390
- submitLabel: d,
1391
- trigger: l,
1392
- children: f,
1393
- open: i,
1394
- onClose: y,
1395
- color: b,
1396
- onSubmit: _,
1397
- activeDescendantId: N,
1398
- useFixedPosition: v = !1,
1399
- expanded: E = !1
1400
- }) => {
1401
- const j = Z(null), O = Z(null), h = Z(i);
1402
- Q(() => {
1403
- h.current = i;
1404
- }, [i]);
1405
- const [m, M] = se({
1406
- yDir: n.includes("top") ? "top" : "bottom",
1407
- xDir: n.includes("right") ? "right" : "left",
1408
- maxHeight: 300
1409
- }), S = Qe(() => {
1410
- if (i && j.current && O.current) {
1411
- const R = j.current.getBoundingClientRect(), D = O.current.getBoundingClientRect(), z = window.innerHeight, g = window.innerWidth, w = 16, p = z - R.bottom, P = R.top, F = g - R.right - D.width, T = p < 250 && P > p, G = T ? "top" : "bottom", U = (T ? P : p) - w, I = F < w ? "right" : "left";
1412
- M((k) => ({
1413
- ...k,
1414
- yDir: G,
1415
- maxHeight: U,
1416
- xDir: I,
1417
- triggerRect: v ? R : void 0
1418
- }));
1419
- }
1420
- }, [i, v]);
1421
- je(() => (S(), window.addEventListener("resize", S), v && window.addEventListener("scroll", S, !0), () => {
1422
- window.removeEventListener("resize", S), v && window.removeEventListener("scroll", S, !0);
1423
- }), [S, v]), Q(() => {
1424
- if (!i) return;
1425
- const R = requestAnimationFrame(() => {
1426
- const D = O.current;
1427
- if (!D) return;
1428
- const z = D.querySelector(
1429
- 'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
1430
- );
1431
- if (z) {
1432
- const g = z.value.length;
1433
- z.focus({ preventScroll: !0 });
1434
- try {
1435
- z.setSelectionRange(g, g);
1436
- } catch {
1437
- }
1438
- return;
1439
- }
1440
- D.focus?.({ preventScroll: !0 });
1441
- });
1442
- return () => cancelAnimationFrame(R);
1443
- }, [i]), Q(() => {
1444
- const R = (z) => {
1445
- z.key === "Escape" && y();
1446
- }, D = (z) => {
1447
- const g = z.target, w = j.current?.contains(g), p = O.current?.contains(g);
1448
- !w && !p && y();
1449
- };
1450
- return i && (document.addEventListener("mousedown", D), document.addEventListener("keydown", R)), () => {
1451
- document.removeEventListener("mousedown", D), document.removeEventListener("keydown", R);
1452
- };
1453
- }, [i, y]), Q(() => {
1454
- if (!i) return;
1455
- const R = O.current;
1456
- if (!R) return;
1457
- const D = (g) => {
1458
- if (!h.current)
1459
- return;
1460
- const w = g.target;
1461
- w && !R.contains(w) && on(R);
1462
- }, z = (g) => {
1463
- if (g.key !== "Tab") return;
1464
- const w = dt(R);
1465
- if (w.length === 0) {
1466
- g.preventDefault(), R.focus?.({ preventScroll: !0 });
1467
- return;
1468
- }
1469
- const p = w[0], P = w[w.length - 1], F = document.activeElement;
1470
- g.shiftKey ? F === p && (g.preventDefault(), P.focus({ preventScroll: !0 })) : F === P && (g.preventDefault(), p.focus({ preventScroll: !0 }));
1471
- };
1472
- return document.addEventListener("focusin", D), document.addEventListener("keydown", z), () => {
1473
- document.removeEventListener("focusin", D), document.removeEventListener("keydown", z);
1474
- };
1475
- }, [i]);
1476
- const A = v && m.triggerRect ? {
1477
- position: "fixed",
1478
- zIndex: 1e3,
1479
- width: "max-content",
1480
- maxHeight: `${m.maxHeight}px`,
1481
- overflowY: "auto",
1482
- [m.xDir === "left" ? "left" : "right"]: m.xDir === "left" ? m.triggerRect.left : window.innerWidth - m.triggerRect.right,
1483
- [m.yDir === "bottom" ? "top" : "bottom"]: m.yDir === "bottom" ? m.triggerRect.bottom + 8 : window.innerHeight - m.triggerRect.top + 8
1484
- } : {
1485
- position: "absolute",
1486
- zIndex: 50,
1487
- width: "max-content",
1488
- maxHeight: `${m.maxHeight}px`,
1489
- overflowY: "auto",
1490
- [m.xDir]: 0,
1491
- [m.yDir === "bottom" ? "top" : "bottom"]: "100%"
1492
- }, $ = /* @__PURE__ */ x(
1493
- "div",
1494
- {
1495
- ref: O,
1496
- className: K(ue.dropdown, r),
1497
- style: A,
1498
- "aria-hidden": !i,
1499
- "data-variant": s,
1500
- "data-color": b,
1501
- "data-expanded": E,
1502
- "data-size": o,
1503
- tabIndex: -1,
1504
- role: "menu",
1505
- "aria-modal": s === "drawer-dropdown" ? !0 : void 0,
1506
- "aria-activedescendant": N,
1507
- children: [
1508
- /* @__PURE__ */ x("header", { className: ue.header, children: [
1509
- /* @__PURE__ */ a("h2", { className: ue.title, children: c }),
1510
- /* @__PURE__ */ a(pe, { size: "sm", variant: "outline", onClick: y, "aria-label": u, children: /* @__PURE__ */ a(ze, {}) })
1511
- ] }),
1512
- /* @__PURE__ */ a("div", { className: ue.content, children: f }),
1513
- d && /* @__PURE__ */ a("footer", { className: ue.footer, children: /* @__PURE__ */ a(pe, { size: "lg", variant: "solid", onClick: _ || y, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: d }) }) })
1514
- ]
1515
- }
1516
- );
1517
- return /* @__PURE__ */ x(fe, { children: [
1518
- t && /* @__PURE__ */ a("div", { className: ue.backdrop, "aria-hidden": !i }),
1519
- /* @__PURE__ */ x("div", { id: e + "-root", ref: j, style: { position: "relative", display: "inline-block" }, children: [
1520
- l,
1521
- v ? _t($, document.body) : $
1522
- ] })
1523
- ] });
1524
- }, sn = we(({ items: e, groups: o = {}, sortGroupBy: r, highlightWords: t, isLoading: n }) => {
1525
- const { menu: s } = Be({
1526
- items: e,
1527
- groups: o,
1528
- groupByKey: "groupId",
1529
- keyboardEvents: !1,
1530
- sortGroupBy: r
1531
- });
1532
- return /* @__PURE__ */ a(ht, { spacing: 6, "aria-busy": n, children: s?.map((c, u) => {
1533
- const d = c.props || {};
1534
- return /* @__PURE__ */ Me(ut, { ...d, key: "dialog-list-item" + u }, c?.items.map((l, f) => {
1535
- const i = l.props || {};
1536
- return /* @__PURE__ */ Me(mt, { ...i, highlightWords: t, key: "dialog-list-item" + f });
1537
- }));
1538
- }) });
1539
- });
1540
- sn.displayName = "DialogList";
1541
- const ut = we(({ title: e, description: o, children: r }) => /* @__PURE__ */ x(ht, { spacing: 4, children: [
1542
- /* @__PURE__ */ x(Te, { direction: "col", spacing: 2, children: [
1543
- e && /* @__PURE__ */ a(oe, { size: "lg", children: e }),
1544
- o && /* @__PURE__ */ a(Xe, { size: "sm", style: { marginBottom: ".5em" }, children: o })
1545
- ] }),
1546
- /* @__PURE__ */ a(Vn, { spacing: 3, children: r })
1547
- ] }));
1548
- ut.displayName = "DialogListGroup";
1549
- const ln = "_item_he2p8_3", cn = "_border_he2p8_75", dn = "_header_he2p8_86", un = "_summary_he2p8_102", mn = "_controls_he2p8_116", fn = "_footer_he2p8_123", pn = "_seenBy_he2p8_128", hn = "_link_he2p8_138", vn = "_title_he2p8_143", bn = "_badge_he2p8_157", Y = {
1550
- item: ln,
1551
- border: cn,
1552
- header: dn,
1553
- summary: un,
1554
- controls: mn,
1555
- footer: fn,
1556
- seenBy: pn,
1557
- link: hn,
1558
- title: vn,
1559
- badge: bn
1560
- }, mt = we(
1561
- ({
1562
- as: e = "a",
1563
- size: o = "xl",
1564
- variant: r = "default",
1565
- color: t,
1566
- loading: n,
1567
- controls: s,
1568
- selectable: c,
1569
- selected: u,
1570
- status: d,
1571
- extendedStatusLabel: l,
1572
- sender: f,
1573
- recipient: i,
1574
- recipientLabel: y = "to",
1575
- grouped: b = !1,
1576
- updatedAt: _,
1577
- updatedAtLabel: N,
1578
- archived: v,
1579
- archivedAt: E,
1580
- archivedAtLabel: j,
1581
- trashed: O,
1582
- trashedAt: h,
1583
- trashedAtLabel: m,
1584
- badge: M,
1585
- dueAt: S,
1586
- dueAtLabel: A,
1587
- unread: $,
1588
- seenByLog: R,
1589
- draftsLabel: D,
1590
- sentCount: z,
1591
- receivedCount: g,
1592
- attachmentsCount: w,
1593
- attachmentsLabel: p,
1594
- tooltips: P = {},
1595
- title: F,
1596
- description: T,
1597
- summary: G,
1598
- highlightWords: U,
1599
- id: ee,
1600
- ...I
1601
- }) => {
1602
- const k = c ? "select" : r;
1603
- return /* @__PURE__ */ x(
1604
- It,
1605
- {
1606
- as: "li",
1607
- id: ee,
1608
- className: Y.item,
1609
- size: o,
1610
- color: t,
1611
- variant: k,
1612
- "data-unread": $ ? "true" : "false",
1613
- "data-selected": u,
1614
- "data-trashed": O,
1615
- "data-archived": v,
1616
- "data-loading": n,
1617
- children: [
1618
- /* @__PURE__ */ a(xt, { ...I, className: Y.link, as: e, children: /* @__PURE__ */ x("div", { className: Y.border, children: [
1619
- /* @__PURE__ */ x("header", { className: Y.header, children: [
1620
- /* @__PURE__ */ x(
1621
- oe,
1622
- {
1623
- as: "h2",
1624
- highlightWords: U,
1625
- weight: $ ? "bold" : "normal",
1626
- loading: n,
1627
- maxRows: 2,
1628
- className: Y.title,
1629
- children: [
1630
- F,
1631
- M && /* @__PURE__ */ a(ye, { className: Y.badge, variant: "tinted", size: "xs", ...M })
1632
- ]
1633
- }
1634
- ),
1635
- /* @__PURE__ */ a(
1636
- yn,
1637
- {
1638
- size: "xs",
1639
- loading: n,
1640
- sender: f,
1641
- recipient: i,
1642
- recipientLabel: y,
1643
- grouped: b
1644
- }
1645
- ),
1646
- G && /* @__PURE__ */ a(
1647
- oe,
1648
- {
1649
- as: "h3",
1650
- highlightWords: U,
1651
- weight: "normal",
1652
- className: Y.summary,
1653
- loading: n,
1654
- maxRows: 2,
1655
- children: G
1656
- }
1657
- )
1658
- ] }),
1659
- /* @__PURE__ */ a(
1660
- gn,
1661
- {
1662
- className: Y.footer,
1663
- loading: n,
1664
- status: d,
1665
- extendedStatusLabel: l,
1666
- draftsLabel: D,
1667
- sentCount: z,
1668
- receivedCount: g,
1669
- updatedAt: _,
1670
- updatedAtLabel: N,
1671
- archivedAt: E,
1672
- archivedAtLabel: j,
1673
- trashedAt: h,
1674
- trashedAtLabel: m,
1675
- dueAt: S,
1676
- dueAtLabel: A,
1677
- attachmentsCount: w,
1678
- attachmentsLabel: p,
1679
- tooltips: P
1680
- }
1681
- ),
1682
- R && P?.seenBy ? /* @__PURE__ */ a(Ot, { placement: "bottom", content: P?.seenBy, children: /* @__PURE__ */ a("span", { className: Y.seenBy, children: /* @__PURE__ */ a(he, { items: R.items }) }) }) : R && /* @__PURE__ */ a(he, { items: R.items, className: Y.seenBy })
1683
- ] }) }),
1684
- /* @__PURE__ */ a(Ae, { className: Y.controls, children: s })
1685
- ]
1686
- }
1687
- );
1688
- }
1689
- );
1690
- mt.displayName = "DialogListItem";
1691
- const gn = ({
1692
- className: e,
1693
- loading: o,
1694
- status: r,
1695
- sender: t,
1696
- updatedAt: n,
1697
- updatedAtLabel: s,
1698
- dueAt: c,
1699
- dueAtLabel: u,
1700
- archivedAt: d,
1701
- archivedAtLabel: l,
1702
- trashedAt: f,
1703
- trashedAtLabel: i,
1704
- draftsLabel: y,
1705
- sentCount: b = 0,
1706
- receivedCount: _ = 0,
1707
- attachmentsCount: N = 0,
1708
- attachmentsLabel: v,
1709
- transmissionsLabel: E,
1710
- activityLog: j,
1711
- extendedStatusLabel: O,
1712
- tooltips: h = {}
1713
- }) => /* @__PURE__ */ x(Nt, { className: e, size: "xs", children: [
1714
- r && /* @__PURE__ */ a(Nn, { tooltip: h.status, loading: o, size: "xs", ...r }),
1715
- O && /* @__PURE__ */ a(J, { tooltip: h.extendedStatus, size: "xs", variant: "outline", children: O }),
1716
- y && /* @__PURE__ */ a(J, { tooltip: h.drafts, size: "xs", variant: "dotted", children: y }),
1717
- b > 0 && /* @__PURE__ */ a(J, { tooltip: h.sent, size: "xs", variant: "outline", icon: nt, children: b }),
1718
- _ > 0 && /* @__PURE__ */ a(J, { tooltip: h.received, size: "xs", variant: "outline", icon: Ht, children: _ }),
1719
- n && /* @__PURE__ */ x(xe, { tooltip: h.updatedAt, loading: o, datetime: n, size: "xs", children: [
1720
- /* @__PURE__ */ a("strong", { children: t && t.name + ", " }),
1721
- s
1722
- ] }),
1723
- c && u && /* @__PURE__ */ a(xe, { tooltip: h.dueAt, loading: o, datetime: c, size: "xs", icon: Rt, children: u }),
1724
- N > 0 && /* @__PURE__ */ a(J, { tooltip: h.attachments, loading: o, size: "xs", icon: jt, children: v || N }),
1725
- E && /* @__PURE__ */ a(J, { tooltip: h.transmissions, loading: o, size: "xs", icon: er, children: E }),
1726
- f && i && /* @__PURE__ */ a(xe, { tooltip: h.trashedAt, loading: o, datetime: f, size: "xs", icon: Mt, children: i }) || d && l && /* @__PURE__ */ a(
1727
- xe,
1728
- {
1729
- tooltip: h.archivedAt,
1730
- loading: o,
1731
- datetime: d,
1732
- size: "xs",
1733
- icon: At,
1734
- children: l
1735
- }
1736
- ),
1737
- j && /* @__PURE__ */ a(
1738
- J,
1739
- {
1740
- tooltip: h.activityLog,
1741
- loading: o,
1742
- size: "xs",
1743
- icon: Jt,
1744
- as: j?.onClick ? "button" : "span",
1745
- onClick: j?.onClick,
1746
- children: j?.label || "Activity log"
1747
- }
1748
- )
1749
- ] }), yn = ({
1750
- sender: e,
1751
- recipient: o,
1752
- recipientLabel: r = "to",
1753
- grouped: t = !1,
1754
- loading: n,
1755
- size: s = "xs"
1756
- }) => !e && !o ? null : /* @__PURE__ */ x(Qr, { loading: n, size: s, avatar: e, avatarGroup: !n && t && e && o ? {
1757
- items: [o, e]
1758
- } : void 0, children: [
1759
- /* @__PURE__ */ a("strong", { children: e?.name }),
1760
- " ",
1761
- o && r + " " + o?.name
1762
- ] }), _n = "_media_1x8z9_1", wn = "_icon_1x8z9_10", In = "_avatarGroup_1x8z9_17", me = {
1763
- media: _n,
1764
- icon: wn,
1765
- avatarGroup: In
1766
- };
1767
- function xn(e) {
1768
- return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || _e(e);
1769
- }
1770
- const Ge = ({ size: e = "xs", icon: o, progress: r }) => !o && typeof r != "number" ? !1 : /* @__PURE__ */ x("span", { className: me.media, "data-size": e, children: [
1771
- Ce(o) && /* @__PURE__ */ a(Se, { ...o, className: me.avatar }) || ke(o) && /* @__PURE__ */ a(he, { ...o, className: me.avatarGroup }) || Pe(o) && /* @__PURE__ */ a(X, { ...o, className: me.icon }) || xn(o) && o || /* @__PURE__ */ a(X, { svgElement: o, className: me.icon }),
1772
- r && /* @__PURE__ */ a(Bt, { value: r, className: me.icon })
1773
- ] }), J = ({
1774
- loading: e,
1775
- reverse: o,
1776
- size: r = "xs",
1777
- variant: t = "text",
1778
- icon: n,
1779
- children: s,
1780
- tooltip: c,
1781
- ...u
1782
- }) => /* @__PURE__ */ x(Le, { loading: e, reverse: o, variant: t, tooltip: c, size: r, ...u, children: [
1783
- !e && n && /* @__PURE__ */ a(Ge, { icon: n }),
1784
- /* @__PURE__ */ a(Fe, { variant: t, size: r, children: s })
1785
- ] }), Ue = ({ size: e = "xs", variant: o = "text", progress: r = 0, tooltip: t, children: n }) => /* @__PURE__ */ x(Le, { variant: o, size: e, tooltip: t, children: [
1786
- /* @__PURE__ */ a(Ge, { size: e, progress: r }),
1787
- /* @__PURE__ */ a(Fe, { variant: o, size: e, children: n })
1788
- ] }), xe = ({
1789
- loading: e,
1790
- size: o = "xs",
1791
- variant: r = "text",
1792
- datetime: t,
1793
- icon: n,
1794
- tooltip: s,
1795
- children: c
1796
- }) => /* @__PURE__ */ x(Le, { tooltip: s, loading: e, as: "time", variant: r, datetime: t, size: o, children: [
1797
- !e && n && /* @__PURE__ */ a(Ge, { size: o, icon: n }),
1798
- /* @__PURE__ */ a(Fe, { variant: r, size: o, children: c })
1799
- ] });
1800
- var On = /* @__PURE__ */ ((e) => (e["not-applicable"] = "NOT_APPLICABLE", e.draft = "DRAFT", e.awaiting = "AWAITING", e.completed = "COMPLETED", e["in-progress"] = "IN_PROGRESS", e["requires-attention"] = "REQUIRES_ATTENTION", e))(On || {});
1801
- const Nn = ({ loading: e, size: o = "xs", value: r = "not-applicable", label: t, tooltip: n }) => {
1802
- if (e)
1803
- return null;
1804
- switch (r) {
1805
- case "draft":
1806
- return /* @__PURE__ */ a(J, { tooltip: n, size: o, variant: "dotted", children: t || r });
1807
- case "requires-attention":
1808
- return /* @__PURE__ */ a(J, { tooltip: n, variant: "solid", children: t || r });
1809
- case "awaiting":
1810
- return /* @__PURE__ */ a(J, { tooltip: n, size: o, variant: "outline", icon: rr, children: t || r });
1811
- case "in-progress":
1812
- return /* @__PURE__ */ a(Ue, { tooltip: n, size: o, variant: "outline", progress: 75, children: t || r });
1813
- case "completed":
1814
- return /* @__PURE__ */ a(Ue, { tooltip: n, size: o, variant: "outline", progress: 100, children: t || r });
1815
- default:
1816
- return null;
1817
- }
1818
- }, kn = "_header_29hv7_1", Cn = "_label_29hv7_27", En = "_link_29hv7_43", Pn = "_badge_29hv7_47", Sn = "_linkIcon_29hv7_51", zn = "_linkFocus_29hv7_61", $n = "_controls_29hv7_69", ne = {
1819
- header: kn,
1820
- label: Cn,
1821
- link: En,
1822
- badge: Pn,
1823
- linkIcon: Sn,
1824
- linkFocus: zn,
1825
- controls: $n
1826
- }, Rn = ({
1827
- as: e,
1828
- highlightWords: o,
1829
- interactive: r = !0,
1830
- color: t,
1831
- loading: n,
1832
- disabled: s,
1833
- collapsible: c,
1834
- linkIcon: u,
1835
- expanded: d,
1836
- select: l,
1837
- href: f,
1838
- onClick: i,
1839
- onKeyPress: y,
1840
- tabIndex: b,
1841
- size: _,
1842
- title: N,
1843
- description: v,
1844
- icon: E,
1845
- active: j,
1846
- badge: O,
1847
- controls: h,
1848
- className: m,
1849
- children: M,
1850
- ariaLabel: S,
1851
- ariaControlsId: A
1852
- }) => {
1853
- const $ = c ? d ? Yt : Ut : u ? ot : void 0, R = () => O && !n && typeof O == "object" && "label" in O ? /* @__PURE__ */ a(ye, { ...O, className: ne.badge }) : _e(O) ? O : null, D = S !== void 0 ? S : typeof N == "string" ? N : void 0, z = Oe();
1854
- return /* @__PURE__ */ x(
1855
- "div",
1856
- {
1857
- className: K(ne.header, m),
1858
- "data-color": t,
1859
- "data-interactive": r,
1860
- "data-size": _,
1861
- "data-has-active-child": j,
1862
- "aria-disabled": s,
1863
- children: [
1864
- /* @__PURE__ */ x(
1865
- Ft,
1866
- {
1867
- as: e,
1868
- href: f,
1869
- onClick: i,
1870
- onKeyPress: y,
1871
- tabIndex: b,
1872
- loading: n,
1873
- disabled: s || n,
1874
- active: j,
1875
- ariaLabel: D,
1876
- className: ne.link,
1877
- expanded: d,
1878
- ariaControlsId: A,
1879
- collapsible: c,
1880
- children: [
1881
- r && /* @__PURE__ */ a("div", { className: ne.linkFocus, "aria-hidden": "true" }),
1882
- l && /* @__PURE__ */ a(Sr, { ...l, className: ne.select }),
1883
- /* @__PURE__ */ a(Tn, { loading: n, icon: E }),
1884
- /* @__PURE__ */ a(
1885
- Mn,
1886
- {
1887
- size: _,
1888
- loading: n,
1889
- highlightWords: o,
1890
- title: N,
1891
- description: v,
1892
- id: z,
1893
- className: ne.label,
1894
- children: M
1895
- }
1896
- )
1897
- ]
1898
- }
1899
- ),
1900
- /* @__PURE__ */ x(Tt, { className: ne.controls, children: [
1901
- h && !n && /* @__PURE__ */ a("span", { className: ne.customControls, children: h }),
1902
- R(),
1903
- $ && !s && /* @__PURE__ */ a("span", { className: ne.linkIcon, children: /* @__PURE__ */ a(
1904
- X,
1905
- {
1906
- svgElement: $,
1907
- style: {
1908
- fontSize: "1.5rem"
1909
- }
1910
- }
1911
- ) })
1912
- ] })
1913
- ]
1914
- }
1915
- );
1916
- }, jn = "_label_1tmg6_1", Ve = {
1917
- label: jn
1918
- }, ft = (e) => typeof e == "object" && e !== null && "children" in e;
1919
- function pt(e) {
1920
- return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || _e(e);
1921
- }
1922
- const We = (e) => {
1923
- const o = {
1924
- as: "h3",
1925
- size: "sm"
1926
- };
1927
- return ft(e) ? { ...o, ...e } : pt(e) ? {
1928
- ...o,
1929
- children: e
1930
- } : null;
1931
- }, Ye = (e) => {
1932
- const o = {
1933
- as: "span",
1934
- size: "xs",
1935
- weight: "normal",
1936
- variant: "subtle"
1937
- };
1938
- return ft(e) ? { ...o, ...e } : pt(e) ? {
1939
- ...o,
1940
- children: e
1941
- } : null;
1942
- }, Mn = ({
1943
- loading: e = !1,
1944
- highlightWords: o,
1945
- size: r,
1946
- title: t,
1947
- value: n,
1948
- description: s,
1949
- children: c,
1950
- id: u,
1951
- className: d
1952
- }) => {
1953
- if (t && n) {
1954
- const i = t && Ye(t), y = n && We(n);
1955
- return /* @__PURE__ */ a("span", { className: K(Ve.label, d), id: u, "data-size": r, children: c || /* @__PURE__ */ x(fe, { children: [
1956
- i && /* @__PURE__ */ a(oe, { ...i, loading: e, highlightWords: o }),
1957
- y && /* @__PURE__ */ a(oe, { ...y, loading: e, highlightWords: o })
1958
- ] }) });
1959
- }
1960
- const l = t && We(t), f = s && Ye(s);
1961
- return /* @__PURE__ */ a("span", { className: K(Ve.label, d), id: u, "data-size": r, children: c || /* @__PURE__ */ x(fe, { children: [
1962
- l && /* @__PURE__ */ a(oe, { ...l, loading: e, highlightWords: o }),
1963
- f && /* @__PURE__ */ a(oe, { ...f, loading: e, highlightWords: o })
1964
- ] }) });
1965
- }, An = "_wrapper_rcjve_1", Dn = "_icon_rcjve_11", Bn = "_avatar_rcjve_19", Ln = "_avatarGroup_rcjve_23", ie = {
1966
- wrapper: An,
1967
- icon: Dn,
1968
- avatar: Bn,
1969
- avatarGroup: Ln
1970
- };
1971
- function Fn(e) {
1972
- return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || _e(e);
1973
- }
1974
- const Tn = ({ loading: e, size: o, icon: r, theme: t, badge: n }) => r ? e ? /* @__PURE__ */ a(X, { className: ie.wrapper, svgElement: ze, loading: !0 }) : /* @__PURE__ */ x("div", { className: ie.wrapper, "data-size": o, children: [
1975
- Ce(r) && /* @__PURE__ */ a(Se, { ...r, className: ie.avatar }) || ke(r) && /* @__PURE__ */ a(he, { ...r, className: ie.avatarGroup }) || Pe(r) && /* @__PURE__ */ a(X, { ...r, theme: r.theme || t, className: ie.icon }) || Fn(r) && r || /* @__PURE__ */ a(X, { theme: t, svgElement: r, className: ie.icon }),
1976
- n && /* @__PURE__ */ a(ye, { ...n, className: ie.badge })
1977
- ] }) : null, Gn = "_item_1nwey_3", Hn = {
1978
- item: Gn
1979
- }, Kn = ({
1980
- className: e,
1981
- color: o,
1982
- variant: r = "default",
1983
- shadow: t = "xs",
1984
- border: n = "none",
1985
- loading: s,
1986
- disabled: c,
1987
- collapsible: u,
1988
- expanded: d,
1989
- size: l,
1990
- icon: f,
1991
- label: i,
1992
- title: y,
1993
- description: b,
1994
- badge: _,
1995
- linkIcon: N = !1,
1996
- select: v,
1997
- selected: E,
1998
- controls: j,
1999
- children: O,
2000
- interactive: h,
2001
- id: m,
2002
- containerAs: M,
2003
- ...S
2004
- }) => {
2005
- const A = typeof i == "function" ? i() : i, $ = Oe();
2006
- return /* @__PURE__ */ x(
2007
- Lt,
2008
- {
2009
- className: K(Hn.item, e),
2010
- size: l,
2011
- color: o,
2012
- variant: r,
2013
- shadow: t,
2014
- border: n,
2015
- disabled: c,
2016
- selected: E,
2017
- expanded: d,
2018
- loading: s,
2019
- interactive: h,
2020
- id: m,
2021
- as: M,
2022
- children: [
2023
- /* @__PURE__ */ a(
2024
- Rn,
2025
- {
2026
- color: o,
2027
- loading: s,
2028
- linkIcon: N,
2029
- disabled: c,
2030
- collapsible: u,
2031
- expanded: d,
2032
- select: v,
2033
- title: y,
2034
- size: l,
2035
- description: b,
2036
- icon: f,
2037
- badge: _,
2038
- controls: j,
2039
- interactive: h,
2040
- ariaControlsId: d ? $ : void 0,
2041
- ...S,
2042
- children: A
2043
- }
2044
- ),
2045
- d ? /* @__PURE__ */ a("div", { id: $, children: O }) : null
2046
- ]
2047
- }
2048
- );
2049
- }, qn = "_list_14rag_1", Un = {
2050
- list: qn
2051
- }, Vn = ({ children: e, className: o, spacing: r, items: t = [], ...n }) => /* @__PURE__ */ a(Te, { direction: "col", as: "ul", spacing: r, className: K(Un.list, o), ...n, children: e || t.map((s, c) => /* @__PURE__ */ Me(Kn, { ...s, key: `item-${s.id ?? c}` })) }), Wn = "_menu_16mue_4", Yn = "_button_16mue_12", Qn = "_label_16mue_16", ge = {
2052
- menu: Wn,
2053
- button: Yn,
2054
- label: Qn
2055
- }, Go = we(
2056
- ({
2057
- disabled: e,
2058
- label: o = "Label",
2059
- variant: r = "solid",
2060
- title: t = "Title",
2061
- items: n = [],
2062
- dropdownSize: s = "sm",
2063
- id: c = "toolbar-menu",
2064
- onSelectId: u,
2065
- ...d
2066
- }) => {
2067
- const l = Dt({ id: c, returnFocusOnClose: !0 }), f = d.searchable ? "combobox" : "menu", i = Qe(
2068
- (b) => {
2069
- u?.(b?.id ?? ""), b?.role !== "checkbox" && l.setOpen(!1);
2070
- },
2071
- [u, l]
2072
- ), y = ce(
2073
- () => n.map((b) => ({
2074
- ...b,
2075
- onClick: () => i(b)
2076
- })),
2077
- [n, i]
2078
- );
2079
- return e ? /* @__PURE__ */ x(pe, { className: ge.button, variant: r, disabled: !0, children: [
2080
- /* @__PURE__ */ a("span", { className: ge.label, children: o }),
2081
- /* @__PURE__ */ a(He, { "aria-hidden": "true", focusable: "false" })
2082
- ] }) : /* @__PURE__ */ a("span", { className: ge.menu, children: /* @__PURE__ */ a(
2083
- an,
2084
- {
2085
- id: c,
2086
- variant: "drawer-dropdown",
2087
- title: t,
2088
- size: s,
2089
- trigger: /* @__PURE__ */ x(
2090
- pe,
2091
- {
2092
- className: ge.button,
2093
- variant: r,
2094
- onClick: l.toggleMenu,
2095
- "aria-expanded": l.open,
2096
- "aria-haspopup": "menu",
2097
- "aria-controls": l.open ? l.menuId : void 0,
2098
- ref: l.triggerRef,
2099
- children: [
2100
- /* @__PURE__ */ a("span", { className: ge.label, children: o }),
2101
- /* @__PURE__ */ a(He, { "aria-hidden": "true", focusable: "false" })
2102
- ]
2103
- }
2104
- ),
2105
- open: l.open,
2106
- onClose: () => l.setOpen(!1),
2107
- ...d?.searchable ? {} : l.dropdownA11yProps,
2108
- children: /* @__PURE__ */ a(
2109
- it,
2110
- {
2111
- ...d,
2112
- items: y,
2113
- keyboardEvents: l.open,
2114
- a11yMode: f,
2115
- open: l.open,
2116
- scrollToTopOnOpen: d.virtualized,
2117
- ...f === "combobox" ? { id: l.menuId } : l.menuA11yProps
2118
- }
2119
- )
2120
- }
2121
- ) });
2122
- }
2123
- ), Ho = we(
2124
- ({
2125
- value: e,
2126
- name: o,
2127
- placeholder: r = "Search",
2128
- loading: t,
2129
- collapsible: n,
2130
- clearButtonAltText: s = "Clear search",
2131
- onChange: c,
2132
- onClear: u,
2133
- onKeyDown: d,
2134
- menu: l,
2135
- minLength: f,
2136
- disabled: i
2137
- }) => /* @__PURE__ */ a(
2138
- De,
2139
- {
2140
- size: "xs",
2141
- value: e,
2142
- name: o,
2143
- placeholder: r,
2144
- clearButtonAltText: s,
2145
- onChange: c,
2146
- onClear: u,
2147
- onKeyDown: d,
2148
- collapsible: n,
2149
- autoComplete: "off",
2150
- autoCapitalize: "off",
2151
- type: "search",
2152
- minLength: f,
2153
- loading: t,
2154
- menu: l,
2155
- disabled: i
2156
- }
2157
- )
2158
- ), Xn = "_section_1w6kc_1", Jn = {
2159
- section: Xn
2160
- }, ht = ({
2161
- as: e = "section",
2162
- direction: o = "col",
2163
- align: r = "initial",
2164
- variant: t,
2165
- className: n,
2166
- children: s,
2167
- ...c
2168
- }) => /* @__PURE__ */ a(
2169
- Te,
2170
- {
2171
- as: e,
2172
- align: r,
2173
- direction: o,
2174
- theme: t,
2175
- className: K(Jn.section, n),
2176
- ...c,
2177
- children: s
2178
- }
2179
- );
2180
- export {
2181
- or as A,
2182
- Qr as B,
2183
- nt as C,
2184
- sn as D,
2185
- ze as E,
2186
- mr as F,
2187
- He as G,
2188
- oe as H,
2189
- X as I,
2190
- Yt as J,
2191
- Ut as K,
2192
- Rn as L,
2193
- it as M,
2194
- ot as N,
2195
- _r as O,
2196
- To as R,
2197
- ht as S,
2198
- Ho as T,
2199
- hr as V,
2200
- ut as a,
2201
- mt as b,
2202
- gn as c,
2203
- yn as d,
2204
- On as e,
2205
- Nn as f,
2206
- an as g,
2207
- Ke as h,
2208
- Pe as i,
2209
- qe as j,
2210
- Sr as k,
2211
- ft as l,
2212
- Mn as m,
2213
- Tn as n,
2214
- Kn as o,
2215
- Vn as p,
2216
- ct as q,
2217
- st as r,
2218
- at as s,
2219
- Ge as t,
2220
- J as u,
2221
- Ue as v,
2222
- xe as w,
2223
- br as x,
2224
- Go as y,
2225
- De as z
2226
- };