@altinn/altinn-components 0.28.2 → 0.29.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 (136) hide show
  1. package/dist/PadlockLocked-CwhOOPnp.js +25 -0
  2. package/dist/assets/Badge.css +1 -1
  3. package/dist/assets/ButtonBase.css +1 -1
  4. package/dist/assets/ButtonIcon.css +1 -1
  5. package/dist/assets/Flex.css +1 -1
  6. package/dist/assets/GlobalMenuButton.css +1 -0
  7. package/dist/assets/Grid.css +1 -1
  8. package/dist/assets/Heading.css +1 -1
  9. package/dist/assets/List.css +1 -0
  10. package/dist/assets/ListItemControls.css +1 -1
  11. package/dist/assets/ListItemHeader.css +1 -1
  12. package/dist/assets/MenuItem.css +1 -0
  13. package/dist/assets/MenuItemBase.css +1 -1
  14. package/dist/assets/MenuItemLabel.css +1 -1
  15. package/dist/assets/MenuSearch.css +1 -1
  16. package/dist/assets/SearchField.css +1 -1
  17. package/dist/assets/SearchbarField.css +1 -0
  18. package/dist/assets/Section.css +1 -0
  19. package/dist/components/Account/AccountList.js +24 -0
  20. package/dist/components/Account/AccountListItem.js +58 -0
  21. package/dist/components/Account/AccountListItemControls.js +77 -0
  22. package/dist/components/Account/AccountMenu.js +56 -0
  23. package/dist/components/Account/index.js +8 -0
  24. package/dist/components/Badge/Badge.js +13 -3
  25. package/dist/components/Button/ButtonBase.js +17 -15
  26. package/dist/components/Button/ButtonIcon.js +14 -9
  27. package/dist/components/Button/IconButton.js +18 -16
  28. package/dist/components/ContextMenu/ContextMenu.js +45 -48
  29. package/dist/components/Forms/SearchField.js +34 -0
  30. package/dist/components/Forms/index.js +14 -12
  31. package/dist/components/GlobalMenu/CurrentAccount.js +27 -0
  32. package/dist/components/GlobalMenu/GlobalMenu.js +70 -77
  33. package/dist/components/GlobalMenu/GlobalMenuButton.js +50 -0
  34. package/dist/components/GlobalMenu/index.js +12 -12
  35. package/dist/components/Header/Header.js +25 -30
  36. package/dist/components/Header/HeaderButton.js +45 -64
  37. package/dist/components/List/List.js +9 -7
  38. package/dist/components/List/ListItemControls.js +1 -1
  39. package/dist/components/List/ListItemHeader.js +43 -43
  40. package/dist/components/List/ListItemLabel.js +36 -28
  41. package/dist/components/Menu/MenuItem.js +41 -41
  42. package/dist/components/Menu/MenuItemBase.js +35 -54
  43. package/dist/components/Menu/MenuItemLabel.js +58 -20
  44. package/dist/components/Menu/MenuOption.js +32 -41
  45. package/dist/components/Menu/MenuSearch.js +24 -43
  46. package/dist/components/Menu/index.js +24 -23
  47. package/dist/components/Page/Flex.js +5 -5
  48. package/dist/components/Page/Grid.js +24 -26
  49. package/dist/components/Page/Section.js +7 -5
  50. package/dist/components/Page/index.js +20 -22
  51. package/dist/components/Searchbar/Searchbar.js +6 -6
  52. package/dist/components/Searchbar/{SearchField.js → SearchbarField.js} +8 -8
  53. package/dist/components/Searchbar/index.js +6 -6
  54. package/dist/components/Settings/SettingsItem.js +27 -30
  55. package/dist/components/Toolbar/ToolbarAccountMenu.js +6 -6
  56. package/dist/components/Toolbar/ToolbarSearch.js +22 -43
  57. package/dist/components/Typography/Heading.js +7 -7
  58. package/dist/components/index.js +404 -401
  59. package/dist/index.js +404 -401
  60. package/dist/spacing.css +44 -8
  61. package/dist/types/lib/components/Account/Account.stories.d.ts +8 -0
  62. package/dist/types/lib/components/Account/AccountList.d.ts +10 -0
  63. package/dist/types/lib/components/Account/AccountList.stories.d.ts +18 -0
  64. package/dist/types/lib/components/Account/AccountListItem.d.ts +18 -0
  65. package/dist/types/lib/components/{Profile → Account}/AccountListItem.stories.d.ts +16 -6
  66. package/dist/types/lib/components/Account/AccountListItemControls.d.ts +17 -0
  67. package/dist/types/lib/components/Account/AccountMenu.d.ts +22 -0
  68. package/dist/types/lib/components/Account/AccountMenu.stories.d.ts +16 -0
  69. package/dist/types/lib/components/{Profile → Account}/index.d.ts +1 -0
  70. package/dist/types/lib/components/Badge/Badge.d.ts +4 -1
  71. package/dist/types/lib/components/Badge/Badge.stories.d.ts +1 -1
  72. package/dist/types/lib/components/Button/ButtonBase.d.ts +2 -1
  73. package/dist/types/lib/components/Button/ButtonIcon.d.ts +3 -2
  74. package/dist/types/lib/components/Button/IconButton.d.ts +2 -1
  75. package/dist/types/lib/components/ContextMenu/ContextMenu.d.ts +1 -3
  76. package/dist/types/lib/components/ContextMenu/ContextMenu.stories.d.ts +2 -1
  77. package/dist/types/lib/components/Forms/SearchField.d.ts +9 -0
  78. package/dist/types/lib/components/Forms/SearchField.stories.d.ts +16 -0
  79. package/dist/types/lib/components/Forms/index.d.ts +1 -0
  80. package/dist/types/lib/components/GlobalMenu/{AccountButton.d.ts → CurrentAccount.d.ts} +3 -3
  81. package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts +4 -4
  82. package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +9 -12
  83. package/dist/types/lib/components/GlobalMenu/GlobalMenuButton.d.ts +13 -0
  84. package/dist/types/lib/components/GlobalMenu/GlobalMenuButton.stories.d.ts +19 -0
  85. package/dist/types/lib/components/GlobalMenu/index.d.ts +3 -3
  86. package/dist/types/lib/components/Header/Header.stories.d.ts +8 -7
  87. package/dist/types/lib/components/Header/LocaleSwitcher.stories.d.ts +3 -1
  88. package/dist/types/lib/components/Layout/Layout.stories.d.ts +1 -0
  89. package/dist/types/lib/components/List/List.d.ts +1 -1
  90. package/dist/types/lib/components/List/List.stories.d.ts +1 -1
  91. package/dist/types/lib/components/List/ListItemLabel.d.ts +2 -1
  92. package/dist/types/lib/components/Menu/Menu.stories.d.ts +5 -0
  93. package/dist/types/lib/components/Menu/MenuItem.d.ts +6 -7
  94. package/dist/types/lib/components/Menu/MenuItemBase.d.ts +3 -5
  95. package/dist/types/lib/components/Menu/MenuItemLabel.d.ts +6 -4
  96. package/dist/types/lib/components/Menu/MenuSearch.d.ts +1 -1
  97. package/dist/types/lib/components/Menu/MenuSearch.stories.d.ts +1 -1
  98. package/dist/types/lib/components/Page/Breadcrumbs.stories.d.ts +19 -0
  99. package/dist/types/lib/components/Page/BreadcrumbsLink.d.ts +1 -1
  100. package/dist/types/lib/components/Page/Flex.d.ts +1 -1
  101. package/dist/types/lib/components/Page/Flex.stories.d.ts +17 -0
  102. package/dist/types/lib/components/Page/Grid.d.ts +5 -8
  103. package/dist/types/lib/components/Page/Grid.stories.d.ts +15 -0
  104. package/dist/types/lib/components/Page/List.stories.d.ts +17 -0
  105. package/dist/types/lib/components/Page/Section.d.ts +2 -1
  106. package/dist/types/lib/components/Page/index.d.ts +0 -1
  107. package/dist/types/lib/components/Search/SearchItem.d.ts +2 -2
  108. package/dist/types/lib/components/Searchbar/Searchbar.d.ts +2 -2
  109. package/dist/types/lib/components/Searchbar/{SearchField.d.ts → SearchbarField.d.ts} +2 -2
  110. package/dist/types/lib/components/Searchbar/index.d.ts +1 -1
  111. package/dist/types/lib/components/Settings/SettingsItem.d.ts +5 -6
  112. package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts +8 -6
  113. package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts +1 -1
  114. package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts +2 -5
  115. package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts +1 -0
  116. package/dist/types/lib/components/Transmission/Transmission.stories.d.ts +7 -7
  117. package/dist/types/lib/components/Typography/Heading.d.ts +1 -1
  118. package/dist/types/lib/components/index.d.ts +1 -1
  119. package/dist/types/lib/stories/Profile/Accounts.stories.d.ts +6 -11
  120. package/package.json +1 -1
  121. package/dist/assets/AccountButton.css +0 -1
  122. package/dist/assets/MenuOption.css +0 -1
  123. package/dist/assets/ToolbarSearch.css +0 -1
  124. package/dist/components/GlobalMenu/AccountButton.js +0 -58
  125. package/dist/components/GlobalMenu/AccountMenu.js +0 -72
  126. package/dist/components/Page/PageHeader.js +0 -55
  127. package/dist/components/Profile/AccountList.js +0 -12
  128. package/dist/components/Profile/AccountListItem.js +0 -88
  129. package/dist/components/Profile/index.js +0 -6
  130. package/dist/types/lib/components/GlobalMenu/AccountMenu.d.ts +0 -27
  131. package/dist/types/lib/components/GlobalMenu/AccountMenu.stories.d.ts +0 -19
  132. package/dist/types/lib/components/Menu/Examples.stories.d.ts +0 -97
  133. package/dist/types/lib/components/Page/PageHeader.d.ts +0 -18
  134. package/dist/types/lib/components/Page/PageHeader.stories.d.ts +0 -16
  135. package/dist/types/lib/components/Profile/AccountList.d.ts +0 -5
  136. package/dist/types/lib/components/Profile/AccountListItem.d.ts +0 -12
@@ -0,0 +1,25 @@
1
+ "use client";
2
+ import * as a from "react";
3
+ import { forwardRef as i } from "react";
4
+ import { u as d } from "./useId-BVFxCjkq.js";
5
+ var f = function(t, o) {
6
+ var l = {};
7
+ for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
8
+ if (t != null && typeof Object.getOwnPropertySymbols == "function")
9
+ for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
10
+ o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
11
+ return l;
12
+ };
13
+ const p = i((t, o) => {
14
+ var { title: l, titleId: e } = t, r = f(t, ["title", "titleId"]);
15
+ let n = d();
16
+ return n = l ? e || "title-" + n : void 0, a.createElement(
17
+ "svg",
18
+ 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": n }, r),
19
+ l ? a.createElement("title", { id: n }, l) : null,
20
+ a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.25 7a4.75 4.75 0 0 1 9.5 0v2.25H17c.966 0 1.75.784 1.75 1.75v9a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75v-9c0-.966.784-1.75 1.75-1.75h.25zm1.5 0a3.25 3.25 0 0 1 6.5 0v2.25h-6.5zM7 10.75a.25.25 0 0 0-.25.25v8.25h10.5V11a.25.25 0 0 0-.25-.25zm3.5 3.75a1.5 1.5 0 1 1 2.25 1.3V17a.75.75 0 0 1-1.5 0v-1.2a1.5 1.5 0 0 1-.75-1.3", clipRule: "evenodd" })
21
+ );
22
+ });
23
+ export {
24
+ p as S
25
+ };
@@ -1 +1 @@
1
- ._badge_zk07w_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content}._badge_zk07w_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_zk07w_1[data-size=xs] ._label_zk07w_17{color:transparent;width:100%;height:100%}._badge_zk07w_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_zk07w_1[data-theme=subtle],._badge_zk07w_1[data-theme=surface]{background-color:var(--ds-color-surface-tinted);color:var(--ds-color-text-subtle)}._badge_zk07w_1[data-theme=base]{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}
1
+ ._badge_1w7dc_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);background-color:var(--dsc-badge-background);color:var(--dsc-badge-color)}._badge_1w7dc_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_1w7dc_1[data-size=xs] ._label_1w7dc_22{color:transparent;width:100%;height:100%}._badge_1w7dc_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_1w7dc_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_1w7dc_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}
@@ -1 +1 @@
1
- ._button_1pk1w_1{--dsc-button-background--active: transparent;--dsc-button-background--hover: transparent;--dsc-button-background: transparent;--dsc-button-color: inherit;--dsc-button-color--hover: inherit;--dsc-button-border-width: var(--ds-border-width-default);--dsc-button-border-style: solid;--dsc-button-border-color: transparent;--dsc-button-border-radius: 2px;--dsc-button-gap: var(--ds-size-2);--dsc-button-padding: var(--ds-size-2) var(--ds-size-4);--dsc-button-size: var(--ds-size-12);border-style:var(--dsc-button-border-style);border-width:var(--dsc-button-border-width);border-color:var(--dsc-button-border-color);border-radius:var(--dsc-button-border-radius);background:var(--dsc-button-background);color:var(--dsc-button-color);margin:0;padding:0;min-width:var(--dsc-button-size);min-height:var(--dsc-button-size);height:fit-content;justify-content:center;overflow:visible;text-decoration:none;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-flex;align-items:center}._button_1pk1w_1:not([data-size]){font-size:inherit}._button_1pk1w_1:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:var(--ds-opacity-disabled)}._button_1pk1w_1:is(:disabled,[aria-disabled=true])[aria-busy=true]{opacity:1;cursor:progress}@media (hover: hover) and (pointer: fine){._button_1pk1w_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):hover{background:var(--dsc-button-background--hover);color:var(--dsc-button-color--hover)}}._button_1pk1w_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):active{background:var(--dsc-button-background--active)}._button_1pk1w_1[data-variant=solid]{--dsc-button-background--active: var(--ds-color-base-active);--dsc-button-background--hover: var(--ds-color-base-hover);--dsc-button-background: var(--ds-color-base-default);--dsc-button-color: var(--ds-color-base-contrast-default);--dsc-button-color--hover: var(--ds-color-base-contrast-default);--dsc-button-border-color: var(--ds-color-base-default)}._button_1pk1w_1[data-variant=outline],._button_1pk1w_1[data-variant=dotted],._button_1pk1w_1[data-variant=text]{--dsc-button-background: transparent;--dsc-button-background--active: var(--ds-color-surface-active);--dsc-button-background--hover: var(--ds-color-surface-hover);--dsc-button-color: var(--ds-color-text-subtle);--dsc-button-color--hover: var(--ds-color-text-default)}._button_1pk1w_1[data-variant=outline],._button_1pk1w_1[data-variant=dotted]{--dsc-button-border-color: var(--ds-color-border-strong)}._button_1pk1w_1[data-variant=dotted]{--dsc-button-border-style: dotted}._button_1pk1w_1[data-variant=tinted]{background-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-base-default);color:var(--ds-color-base-surface-tinted)}._button_1pk1w_1[data-variant=tinted]:hover{background-color:var(--ds-color-surface-hover)}._button_1pk1w_1[data-variant=tinted]:active{background-color:var(--ds-color-surface-active)}._button_1pk1w_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline));outline-offset:var(--_ds--focus, var(--ds-border-width-focus))}._button_1pk1w_1:focus-visible *{--_ds--focus: }
1
+ ._button_1q3ym_1{--dsc-button-background--active: transparent;--dsc-button-background--hover: transparent;--dsc-button-background: transparent;--dsc-button-color: inherit;--dsc-button-color--hover: inherit;--dsc-button-border-width: var(--ds-border-width-default);--dsc-button-border-style: solid;--dsc-button-border-color: transparent;--dsc-button-border-radius: 2px;--dsc-button-gap: var(--ds-size-2);--dsc-button-padding: var(--ds-size-2) var(--ds-size-4);--dsc-button-size: var(--ds-size-12);border-style:var(--dsc-button-border-style);border-width:var(--dsc-button-border-width);border-color:var(--dsc-button-border-color);border-radius:var(--dsc-button-border-radius);background:var(--dsc-button-background);color:var(--dsc-button-color);margin:0;padding:0;min-width:var(--dsc-button-size);min-height:var(--dsc-button-size);height:fit-content;justify-content:center;overflow:visible;text-decoration:none;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-flex;align-items:center}._button_1q3ym_1:not([data-size]){font-size:inherit}._button_1q3ym_1:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:var(--ds-opacity-disabled)}._button_1q3ym_1:is(:disabled,[aria-disabled=true])[aria-busy=true]{opacity:1;cursor:progress}@media (hover: hover) and (pointer: fine){._button_1q3ym_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):hover{background:var(--dsc-button-background--hover);color:var(--dsc-button-color--hover)}}._button_1q3ym_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):active{background:var(--dsc-button-background--active)}._button_1q3ym_1[data-variant=solid]{--dsc-button-background--active: var(--ds-color-base-active);--dsc-button-background--hover: var(--ds-color-base-hover);--dsc-button-background: var(--ds-color-base-default);--dsc-button-color: var(--ds-color-base-contrast-default);--dsc-button-color--hover: var(--ds-color-base-contrast-default);--dsc-button-border-color: var(--ds-color-base-default)}._button_1q3ym_1[data-variant=outline],._button_1q3ym_1[data-variant=dotted],._button_1q3ym_1[data-variant=text]{--dsc-button-background: transparent;--dsc-button-background--active: var(--ds-color-surface-active);--dsc-button-background--hover: var(--ds-color-surface-hover);--dsc-button-color: var(--ds-color-text-subtle);--dsc-button-color--hover: var(--ds-color-text-default)}._button_1q3ym_1[data-variant=outline],._button_1q3ym_1[data-variant=dotted]{--dsc-button-border-color: var(--ds-color-border-strong)}._button_1q3ym_1[data-variant=dotted]{--dsc-button-border-style: dotted}._button_1q3ym_1[data-variant=tinted]{background-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-base-default);color:var(--ds-color-base-surface-tinted)}._button_1q3ym_1[data-variant=tinted]:hover{background-color:var(--ds-color-surface-hover)}._button_1q3ym_1[data-variant=tinted]:active{background-color:var(--ds-color-surface-active)}._button_1q3ym_1[data-rounded=true]{border-radius:50%}._button_1q3ym_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline));outline-offset:var(--_ds--focus, var(--ds-border-width-focus))}._button_1q3ym_1:focus-visible *{--_ds--focus: }
@@ -1 +1 @@
1
- ._icon_1wozs_1{display:flex;align-items:center;justify-content:center;font-size:1em}._icon_1wozs_1[data-size=xs]{font-size:.875rem}._icon_1wozs_1[data-size=sm]{font-size:1rem}._icon_1wozs_1[data-size=md]{font-size:1.125rem}._icon_1wozs_1[data-size=lg]{font-size:1.25rem}._icon_1wozs_1 svg,._icon_1wozs_1 img{display:block;width:1em;height:1em;font-size:1.5em}
1
+ ._wrapper_1tenp_1{display:flex;align-items:center;justify-content:center;font-size:1em}._icon_1tenp_8[data-size=xs]{font-size:.875rem}._icon_1tenp_8[data-size=sm]{font-size:1rem}._icon_1tenp_8[data-size=md]{font-size:1.125rem}._icon_1tenp_8[data-size=lg]{font-size:1.5rem}._icon_1tenp_8 svg,._icon_1tenp_8 img{display:block;width:1em;height:1em;font-size:1.5em}._avatar_1tenp_32{font-size:1.5em}._avatarGroup_1tenp_36{font-size:1.125em}
@@ -1 +1 @@
1
- ._flex_144b4_1{display:flex;list-style:none;padding:0;margin:0}._flex_144b4_1[data-direction=col]{flex-direction:column}._flex_144b4_1[data-direction=row]{flex-direction:row}._flex_144b4_1[data-align=center]{align-items:center}._flex_144b4_1[data-align=start]{align-items:flex-start}._flex_144b4_1[data-align=end]{align-items:flex-end}._flex_144b4_1[data-justify=start]{justify-content:flex-start}._flex_144b4_1[data-justify=end]{justify-content:flex-end}._flex_144b4_1[data-justify=center]{justify-content:center}._flex_144b4_1[data-justify=between]{justify-content:space-between}@media (max-width: 1023px){._flex_144b4_1[data-bleed=true]{margin-left:-1rem;margin-right:-1rem}}._flex_144b4_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._flex_144b4_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._flex_144b4_1[data-spacing=xs]{gap:.125rem}._flex_144b4_1[data-spacing=page]{gap:1.5rem}._flex_144b4_1{margin:0}._flex_144b4_1[data-margin=section]{margin:.625rem 0}._flex_144b4_1[data-margin=page]{margin:1.125rem 0}._flex_144b4_1[data-margin=bottom]{margin:0 0 1em}
1
+ ._flex_1b3x8_1{row-gap:var(--dsc-spacing);column-gap:var(--dsc-spacing);display:flex;list-style:none;padding:0;margin:0}._flex_1b3x8_1[data-direction=col]{flex-direction:column}._flex_1b3x8_1[data-direction=row]{flex-direction:row}._flex_1b3x8_1[data-align=center]{align-items:center}._flex_1b3x8_1[data-align=start]{align-items:flex-start}._flex_1b3x8_1[data-align=end]{align-items:flex-end}._flex_1b3x8_1[data-justify=start]{justify-content:flex-start}._flex_1b3x8_1[data-justify=end]{justify-content:flex-end}._flex_1b3x8_1[data-justify=center]{justify-content:center}._flex_1b3x8_1[data-justify=between]{justify-content:space-between}@media (max-width: 1023px){._flex_1b3x8_1[data-bleed=true]{margin-left:-1rem;margin-right:-1rem}}._flex_1b3x8_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._flex_1b3x8_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._flex_1b3x8_1{margin:0}._flex_1b3x8_1[data-margin=section]{margin:.625rem 0}._flex_1b3x8_1[data-margin=page]{margin:1.125rem 0}._flex_1b3x8_1[data-margin=bottom]{margin:0 0 1em}
@@ -0,0 +1 @@
1
+ ._button_af7mx_1{flex-shrink:0;position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;padding:.625rem;border:none;border-radius:4px}._label_af7mx_13{font-size:1.125rem;font-weight:500;padding:.25rem}._loginIcon_af7mx_19,._closeIcon_af7mx_20,._avatar_af7mx_21{font-size:1.5rem;width:2.25rem;height:2.25rem;border-radius:2px}._loginIcon_af7mx_19{background-color:#fff;color:#000}._closeIcon_af7mx_20{outline:1px solid white}._badge_af7mx_37{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}
@@ -1 +1 @@
1
- ._grid_alo99_1{display:grid;list-style:none;padding:0;margin:0}._grid_alo99_1[data-cols="3"]{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){._grid_alo99_1[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){._grid_alo99_1[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}._grid_alo99_1[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}._grid_alo99_1[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}._grid_alo99_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._grid_alo99_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._grid_alo99_1[data-spacing=xs]{gap:.125rem}._grid_alo99_1[data-margin=section]{margin:.625rem 0}._grid_alo99_1[data-margin=page]{margin:1.125rem 0}
1
+ ._grid_aha67_1{--dsc-spacing: var(--dsc-spacing-md);display:grid;list-style:none;padding:0;margin:0;gap:var(--dsc-spacing)}._grid_aha67_1[data-cols="3"]{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){._grid_aha67_1[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){._grid_aha67_1[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}._grid_aha67_1[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}._grid_aha67_1[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}._grid_aha67_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._grid_aha67_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._grid_aha67_1[data-margin=section]{margin:.625rem 0}._grid_aha67_1[data-margin=page]{margin:1.125rem 0}
@@ -1 +1 @@
1
- ._heading_11tuc_1{font-size:1em;line-height:1.25;margin:0}._heading_11tuc_1[data-max-rows="2"]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._heading_11tuc_1[data-variant=default]{background-color:transparent;color:var(--ds-color-text-default)}._heading_11tuc_1[data-variant=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._heading_11tuc_1[data-weight=normal]{font-weight:400}._heading_11tuc_1[data-weight=medium]{font-weight:500}._heading_11tuc_1[data-weight=bold]{font-weight:600}._heading_11tuc_1[data-size=inherit]{font-size:1em}._heading_11tuc_1[data-size=xs]{font-size:.875rem}._heading_11tuc_1[data-size=sm]{font-size:1rem}._heading_11tuc_1[data-size=md]{font-size:1.125rem}._heading_11tuc_1[data-size=lg]{font-size:1.25rem}._heading_11tuc_1[data-size=xl]{font-size:1.5rem}._heading_11tuc_1[data-leading=none]{line-height:1}._heading_11tuc_1[data-leading=normal]{line-height:1.5}._heading_11tuc_1[data-leading=tight]{line-height:1.25}
1
+ ._heading_16r67_1{font-size:1em;line-height:1.25;margin:0}._heading_16r67_1[data-max-rows="2"]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._heading_16r67_1[data-variant=default]{background-color:transparent;color:var(--ds-color-text-default)}._heading_16r67_1[data-variant=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._heading_16r67_1[data-weight=normal]{font-weight:400}._heading_16r67_1[data-weight=medium]{font-weight:500}._heading_16r67_1[data-weight=bold]{font-weight:600}._heading_16r67_1[data-size=inherit]{font-size:1em}._heading_16r67_1[data-size=xxs]{font-size:.75rem}._heading_16r67_1[data-size=xs]{font-size:.875rem}._heading_16r67_1[data-size=sm]{font-size:1rem}._heading_16r67_1[data-size=md]{font-size:1.125rem}._heading_16r67_1[data-size=lg]{font-size:1.25rem}._heading_16r67_1[data-size=xl]{font-size:1.5rem}._heading_16r67_1[data-leading=none]{line-height:1}._heading_16r67_1[data-leading=normal]{line-height:1.5}._heading_16r67_1[data-leading=tight]{line-height:1.25}
@@ -0,0 +1 @@
1
+ ._list_14rag_1{--dsc-spacing: var(--dsc-spacing-md);row-gap:var(--dsc-spacing)}
@@ -1 +1 @@
1
- ._controls_1schy_1{display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap;gap:.625rem}._controls_1schy_1:empty{display:none}._linkText_1schy_13{font-size:.875rem;white-space:nowrap}._linkIcon_1schy_18{font-size:1.5rem}
1
+ ._controls_mvhfq_1{display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap;gap:.25rem}._controls_mvhfq_1:empty{display:none}._linkText_mvhfq_13{font-size:.875rem;white-space:nowrap}._linkIcon_mvhfq_18{font-size:1.5rem}
@@ -1 +1 @@
1
- ._header_1rjb2_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:space-between;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_1rjb2_1[data-interactive=true]{cursor:pointer}._header_1rjb2_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_1rjb2_1[data-interactive=true]:hover ._label_1rjb2_27 h2{text-decoration:underline}._header_1rjb2_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._linkIcon_1rjb2_35{flex-shrink:0;min-width:1.5em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}
1
+ ._header_s4ghf_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:space-between;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_s4ghf_1[data-interactive=true]{cursor:pointer}._header_s4ghf_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_s4ghf_1[data-interactive=true]:hover ._label_s4ghf_27 h2{text-decoration:underline}._header_s4ghf_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._linkIcon_s4ghf_35{flex-shrink:0;min-width:1.5em;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}
@@ -0,0 +1 @@
1
+ ._item_1owl4_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1owl4_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1owl4_1[data-size=md]{min-height:56px}._item_1owl4_1[data-size=md]{min-height:44px}._item_1owl4_1[data-size=sm]{min-height:40px}._action_1owl4_45{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1owl4_52{font-size:.875rem;white-space:nowrap}._linkIcon_1owl4_57{font-size:1.5rem}._item_1owl4_1,._item_1owl4_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_1owl4_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1owl4_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1owl4_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1owl4_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1owl4_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1owl4_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}
@@ -1 +1 @@
1
- ._item_1ejie_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1ejie_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1ejie_1[data-size=md]{min-height:56px}._item_1ejie_1[data-size=md]{min-height:44px}._item_1ejie_1[data-size=sm]{min-height:40px}._content_1ejie_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_1ejie_53{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1ejie_60{font-size:.875rem;white-space:nowrap}._linkIcon_1ejie_65{font-size:1.5rem}._item_1ejie_1,._item_1ejie_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_1ejie_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1ejie_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1ejie_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1ejie_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1ejie_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1ejie_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}
1
+ ._item_1k1tk_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1k1tk_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1k1tk_1[data-size=md]{min-height:56px}._item_1k1tk_1[data-size=md]{min-height:44px}._item_1k1tk_1[data-size=sm]{min-height:40px}._content_1k1tk_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_1k1tk_1,._item_1k1tk_1[data-theme]{background-color:transparent}._item_1k1tk_1{pointer-events:none}._item_1k1tk_1[data-interactive=true]{pointer-events:all}[data-theme=subtle] ._item_1k1tk_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1k1tk_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1k1tk_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1k1tk_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1k1tk_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1k1tk_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_1k1tk_45{display:flex;width:100%;align-items:center;column-gap:.5em;padding:.5}
@@ -1 +1 @@
1
- ._label_10xs5_1{display:flex;flex-direction:column;padding:0 .25rem}._label_10xs5_1[data-size=lg]{font-size:1.125rem}._label_10xs5_1[data-size=md],._label_10xs5_1[data-size=sm]{font-size:1rem}._title_10xs5_19{font-weight:400}._title_10xs5_19[data-weight=medium]{font-weight:500}._title_10xs5_19[data-size=lg]{font-size:1.125rem;line-height:1.25}._title_10xs5_19[data-size=md],._title_10xs5_19[data-size=sm]{font-size:1rem;line-height:1.25}._description_10xs5_42{font-size:.875rem;color:var(--ds-color-text-subtle)}
1
+ ._label_mk4ho_1{flex-grow:1;display:flex;flex-direction:column;padding:0 .125rem}._label_mk4ho_1[data-size=lg]{font-size:1.125rem}._label_mk4ho_1[data-size=md],._label_mk4ho_1[data-size=sm]{font-size:1rem}._title_mk4ho_20{display:inline-flex;align-items:center;column-gap:.5em}
@@ -1 +1 @@
1
- ._field_8g6tu_1{position:relative;margin:.5rem 0}._icon_8g6tu_6{position:absolute;top:0;left:0;font-size:1.25rem;color:var(--ds-color-text-subtle);margin:10px}._input_8g6tu_15{width:100%;font-size:.875rem;line-height:1rem;font-weight:500;padding:11px 36px;border-radius:2px;border:1px solid;border-color:var(--ds-color-border-default)}._input_8g6tu_15[type=search]::-webkit-search-decoration,._input_8g6tu_15[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._clear_8g6tu_31{position:absolute;top:0;right:0;margin:8px;border-radius:100%;width:1.5rem;height:1.5rem}
1
+ ._field_99cd6_1{position:relative;margin:.5rem 0}
@@ -1 +1 @@
1
- ._field_ljqfn_1{position:relative;display:flex;align-items:center;font-size:1.125rem;background-color:transparent;color:currentColor}._icon_ljqfn_10{position:absolute;left:0;font-size:1.5rem;margin:0 1rem}._input_ljqfn_17{height:3.5rem;background-color:transparent;font-size:inherit;flex-grow:1;padding:1rem 1rem 1rem 3rem;border:2px solid;border-radius:.25rem;outline:none}._input_ljqfn_17[type=search]::-webkit-search-decoration,._input_ljqfn_17[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_ljqfn_17:focus,._input_ljqfn_17:not(:placeholder-shown){background-color:var(--ds-color-background-default)}._dismiss_ljqfn_41{position:absolute;right:0;margin:.375rem}._clear_ljqfn_47{position:absolute;right:0;margin:1rem;border-radius:100%;width:1.5rem;height:1.5rem}
1
+ ._field_5zm0g_1{position:relative}._icon_5zm0g_5{position:absolute;top:1px;left:1px;font-size:1.25em;color:var(--ds-color-text-subtle);margin:.5em}._input_5zm0g_14{padding-left:2.25em;padding-right:2.25em}._input_5zm0g_14[type=search]::-webkit-search-decoration,._input_5zm0g_14[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._clear_5zm0g_24{font-size:inherit;position:absolute;top:1px;right:1px;margin:.25em;border:0;border-radius:100%;width:2em;height:2em;display:flex;justify-content:center;align-items:center;background-color:var(--ds-color-background-tinted);color:var(--ds-color-base-default)}._clear_5zm0g_24:hover{background-color:var(--ds-color-surface-active);color:var(--ds-color-base-default);cursor:pointer}._clear_5zm0g_24 ._clearIcon_5zm0g_48{font-size:1.5em}
@@ -0,0 +1 @@
1
+ ._field_ljqfn_1{position:relative;display:flex;align-items:center;font-size:1.125rem;background-color:transparent;color:currentColor}._icon_ljqfn_10{position:absolute;left:0;font-size:1.5rem;margin:0 1rem}._input_ljqfn_17{height:3.5rem;background-color:transparent;font-size:inherit;flex-grow:1;padding:1rem 1rem 1rem 3rem;border:2px solid;border-radius:.25rem;outline:none}._input_ljqfn_17[type=search]::-webkit-search-decoration,._input_ljqfn_17[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_ljqfn_17:focus,._input_ljqfn_17:not(:placeholder-shown){background-color:var(--ds-color-background-default)}._dismiss_ljqfn_41{position:absolute;right:0;margin:.375rem}._clear_ljqfn_47{position:absolute;right:0;margin:1rem;border-radius:100%;width:1.5rem;height:1.5rem}
@@ -0,0 +1 @@
1
+ ._section_1w6kc_1[data-variant=default]{--dsc-item-background: var(--ds-color-surface-default)}._section_1w6kc_1[data-variant=subtle]{--dsc-item-background: var(--ds-color-background-tinted)}._section_1w6kc_1[data-variant=tinted]{--dsc-item-background: var(--ds-color-surface-tinted)}
@@ -0,0 +1,24 @@
1
+ import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
+ import { Fragment as g, createElement as l } from "react";
3
+ import "../../index-L8X2o7IH.js";
4
+ import { AccountListItem as d } from "./AccountListItem.js";
5
+ import "../RootProvider/RootProvider.js";
6
+ import { List as f } from "../List/List.js";
7
+ import { Typography as a } from "../Typography/Typography.js";
8
+ import { Heading as m } from "../Typography/Heading.js";
9
+ import "../Searchbar/AutocompleteBase.js";
10
+ import "../Snackbar/useSnackbar.js";
11
+ import { Section as h } from "../Page/Section.js";
12
+ const F = ({ items: e, groups: i }) => !e || e.length === 0 ? /* @__PURE__ */ p(h, { children: [
13
+ /* @__PURE__ */ t(m, { size: "lg", children: "Ingen treff" }),
14
+ /* @__PURE__ */ t(a, { children: "Ingen treff på søket ditt." })
15
+ ] }) : i ? /* @__PURE__ */ t(h, { spacing: 6, children: Object.entries(i).map(([r, s]) => {
16
+ const { title: o } = s, c = e.filter((n) => n.groupId === r && !n.hidden);
17
+ return c.length === 0 ? null : /* @__PURE__ */ p(g, { children: [
18
+ o && /* @__PURE__ */ t(m, { size: "lg", children: o }),
19
+ /* @__PURE__ */ t(f, { children: c.map((n) => /* @__PURE__ */ l(d, { ...n, key: n.id })) })
20
+ ] }, r);
21
+ }) }) : /* @__PURE__ */ t(f, { children: e.filter((r) => !(r != null && r.hidden)).map((r) => /* @__PURE__ */ l(d, { ...r, key: r.id })) });
22
+ export {
23
+ F as AccountList
24
+ };
@@ -0,0 +1,58 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import "../../index-L8X2o7IH.js";
3
+ import "react";
4
+ import "../RootProvider/RootProvider.js";
5
+ import { ListItem as j } from "../List/ListItem.js";
6
+ import "../Searchbar/AutocompleteBase.js";
7
+ import "../Snackbar/useSnackbar.js";
8
+ import { AccountListItemControls as k } from "./AccountListItemControls.js";
9
+ const D = ({
10
+ id: r,
11
+ type: i,
12
+ size: m,
13
+ expanded: t,
14
+ icon: s,
15
+ title: c,
16
+ description: p,
17
+ isCurrentEndUser: e,
18
+ isDeleted: n,
19
+ badge: f,
20
+ favourite: l = !1,
21
+ favouriteLabel: u,
22
+ onToggleFavourite: I,
23
+ contextMenu: L,
24
+ children: A,
25
+ interactive: b,
26
+ ...g
27
+ }) => /* @__PURE__ */ o(
28
+ j,
29
+ {
30
+ ...g,
31
+ size: m,
32
+ icon: s,
33
+ title: c,
34
+ description: t ? void 0 : p,
35
+ expanded: t,
36
+ selected: t,
37
+ badge: !t && /* @__PURE__ */ o(
38
+ k,
39
+ {
40
+ id: r,
41
+ type: i,
42
+ favourite: l,
43
+ favouriteLabel: u,
44
+ badge: f,
45
+ isCurrentEndUser: e,
46
+ isDeleted: n,
47
+ onToggleFavourite: I,
48
+ contextMenu: L
49
+ }
50
+ ),
51
+ linkIcon: !0,
52
+ interactive: b,
53
+ children: A
54
+ }
55
+ );
56
+ export {
57
+ D as AccountListItem
58
+ };
@@ -0,0 +1,77 @@
1
+ "use client";
2
+ import { jsxs as u, jsx as c } from "react/jsx-runtime";
3
+ import "../../index-L8X2o7IH.js";
4
+ import * as i from "react";
5
+ import { forwardRef as m, isValidElement as y } from "react";
6
+ import { Badge as O } from "../Badge/Badge.js";
7
+ import { IconButton as w } from "../Button/IconButton.js";
8
+ import { ContextMenu as b } from "../ContextMenu/ContextMenu.js";
9
+ import { ListItemControls as v } from "../List/ListItemControls.js";
10
+ import "../RootProvider/RootProvider.js";
11
+ import "../Searchbar/AutocompleteBase.js";
12
+ import "../Snackbar/useSnackbar.js";
13
+ import { u as d } from "../../useId-BVFxCjkq.js";
14
+ var h = function(t, n) {
15
+ var r = {};
16
+ for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
17
+ if (t != null && typeof Object.getOwnPropertySymbols == "function")
18
+ for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
19
+ n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
20
+ return r;
21
+ };
22
+ const x = m((t, n) => {
23
+ var { title: r, titleId: e } = t, l = h(t, ["title", "titleId"]);
24
+ let o = d();
25
+ return o = r ? e || "title-" + o : void 0, i.createElement(
26
+ "svg",
27
+ 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: n, "aria-labelledby": o }, l),
28
+ r ? i.createElement("title", { id: o }, r) : null,
29
+ i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
30
+ );
31
+ });
32
+ var I = function(t, n) {
33
+ var r = {};
34
+ for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
35
+ if (t != null && typeof Object.getOwnPropertySymbols == "function")
36
+ for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
37
+ n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
38
+ return r;
39
+ };
40
+ const j = m((t, n) => {
41
+ var { title: r, titleId: e } = t, l = I(t, ["title", "titleId"]);
42
+ let o = d();
43
+ return o = r ? e || "title-" + o : void 0, i.createElement(
44
+ "svg",
45
+ 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: n, "aria-labelledby": o }, l),
46
+ r ? i.createElement("title", { id: o }, r) : null,
47
+ i.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
48
+ );
49
+ }), L = ({
50
+ id: t,
51
+ type: n,
52
+ badge: r,
53
+ isCurrentEndUser: e = !1,
54
+ isDeleted: l = !1,
55
+ favourite: o = !1,
56
+ favouriteLabel: p,
57
+ onToggleFavourite: f,
58
+ contextMenu: a,
59
+ loading: s
60
+ }) => /* @__PURE__ */ u(v, { children: [
61
+ r && (r && !s && typeof r == "object" && "label" in r ? /* @__PURE__ */ c(O, { ...r }) : y(r) ? r : null),
62
+ !e && !l && n !== "group" && /* @__PURE__ */ c(
63
+ w,
64
+ {
65
+ rounded: !0,
66
+ variant: "text",
67
+ icon: o ? j : x,
68
+ iconAltText: p || "Toggle favourite",
69
+ onClick: () => f == null ? void 0 : f(t),
70
+ size: "xs"
71
+ }
72
+ ),
73
+ a && /* @__PURE__ */ c(b, { ...a })
74
+ ] });
75
+ export {
76
+ L as AccountListItemControls
77
+ };
@@ -0,0 +1,56 @@
1
+ "use client";
2
+ import { jsx as h } from "react/jsx-runtime";
3
+ import { useState as m } from "react";
4
+ import "../../index-L8X2o7IH.js";
5
+ import "../RootProvider/RootProvider.js";
6
+ import { Menu as L } from "../Menu/Menu.js";
7
+ import "../Searchbar/AutocompleteBase.js";
8
+ import "../Snackbar/useSnackbar.js";
9
+ const M = (n) => `${n} hits`, j = ({
10
+ items: n = [],
11
+ groups: i = {},
12
+ search: o,
13
+ onSelectAccount: r,
14
+ currentAccount: d,
15
+ menuItemsVirtual: g
16
+ }) => {
17
+ var s;
18
+ const a = n.map((t) => ({
19
+ ...t,
20
+ title: (t == null ? void 0 : t.title) || t.name,
21
+ groupId: t.groupId || "search",
22
+ selected: t.selected ?? (d == null ? void 0 : d.id) === t.id,
23
+ onClick: () => r == null ? void 0 : r(t.id)
24
+ })), [e, p] = m(""), l = e ? a.filter((t) => {
25
+ var u;
26
+ return (u = t == null ? void 0 : t.name) == null ? void 0 : u.toLowerCase().includes(e.toLowerCase());
27
+ }).map((t) => ({
28
+ ...t,
29
+ groupId: "search"
30
+ })) : a, f = e ? {
31
+ search: {
32
+ title: ((s = o == null ? void 0 : o.getResultsLabel) == null ? void 0 : s.call(o, l.length)) ?? M(l.length)
33
+ }
34
+ } : i, C = {
35
+ name: "account-search",
36
+ value: e,
37
+ placeholder: (o == null ? void 0 : o.placeholder) ?? "Find account",
38
+ onChange: (t) => p(t.target.value),
39
+ onClear: () => p("")
40
+ }, I = [
41
+ ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
42
+ ];
43
+ return /* @__PURE__ */ h(
44
+ L,
45
+ {
46
+ theme: "default",
47
+ search: o && C,
48
+ groups: f,
49
+ items: I,
50
+ menuItemsVirtual: g
51
+ }
52
+ );
53
+ };
54
+ export {
55
+ j as AccountMenu
56
+ };
@@ -0,0 +1,8 @@
1
+ import { AccountMenu as c } from "./AccountMenu.js";
2
+ import { AccountListItem as e } from "./AccountListItem.js";
3
+ import { AccountList as n } from "./AccountList.js";
4
+ export {
5
+ n as AccountList,
6
+ e as AccountListItem,
7
+ c as AccountMenu
8
+ };
@@ -1,9 +1,19 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import { c as r } from "../../index-L8X2o7IH.js";
3
- import '../../assets/Badge.css';const b = "_badge_zk07w_1", n = "_label_zk07w_17", e = {
3
+ import '../../assets/Badge.css';const b = "_badge_1w7dc_1", m = "_label_1w7dc_22", e = {
4
4
  badge: b,
5
- label: n
6
- }, g = ({ label: s, color: l, theme: t = "subtle", size: c = "sm", className: o, children: d }) => /* @__PURE__ */ a("span", { className: r(e.badge, o), "data-color": l, "data-theme": t, "data-size": c, children: /* @__PURE__ */ a("span", { className: e.label, children: s || d }) });
5
+ label: m
6
+ }, g = ({ label: t, color: s, variant: d = "tinted", theme: l, size: c = "sm", className: n, children: o }) => /* @__PURE__ */ a(
7
+ "span",
8
+ {
9
+ className: r(e.badge, n),
10
+ "data-color": s,
11
+ "data-variant": d,
12
+ "data-theme": l,
13
+ "data-size": c,
14
+ children: /* @__PURE__ */ a("span", { className: e.label, children: t || o })
15
+ }
16
+ );
7
17
  export {
8
18
  g as Badge
9
19
  };
@@ -1,33 +1,35 @@
1
- import { jsx as d } from "react/jsx-runtime";
2
- import { c as i } from "../../index-L8X2o7IH.js";
3
- import '../../assets/ButtonBase.css';const p = "_button_1pk1w_1", f = {
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import { c as f } from "../../index-L8X2o7IH.js";
3
+ import '../../assets/ButtonBase.css';const p = "_button_1q3ym_1", x = {
4
4
  button: p
5
5
  }, B = ({
6
6
  as: a,
7
7
  color: o,
8
8
  className: e,
9
9
  children: n,
10
- reverse: s,
11
10
  disabled: t = !1,
12
- ariaLabel: r,
13
- size: c,
14
- selected: l,
15
- variant: m,
11
+ ariaLabel: s,
12
+ size: r,
13
+ selected: c,
14
+ variant: d,
15
+ reverse: l = !1,
16
+ rounded: m = !1,
16
17
  tabIndex: u = 0,
17
18
  ...b
18
- }) => /* @__PURE__ */ d(
19
+ }) => /* @__PURE__ */ i(
19
20
  a || "button",
20
21
  {
21
22
  tabIndex: u,
22
- "data-size": c,
23
+ "data-size": r,
23
24
  "data-color": o,
24
- "data-variant": m,
25
- "data-reverse": s,
26
- "data-selected": l,
25
+ "data-variant": d,
26
+ "data-reverse": l,
27
+ "data-rounded": m,
28
+ "data-selected": c,
27
29
  "aria-disabled": t,
28
30
  disabled: t,
29
- className: i(f.button, e),
30
- "aria-label": r,
31
+ className: f(x.button, e),
32
+ "aria-label": s,
31
33
  ...b,
32
34
  children: n
33
35
  }
@@ -1,17 +1,22 @@
1
- import { jsx as t } from "react/jsx-runtime";
1
+ import { jsx as a } from "react/jsx-runtime";
2
2
  import { c as m } from "../../index-L8X2o7IH.js";
3
- import { isValidElement as c } from "react";
4
- import { isIconProps as p, Icon as s } from "../Icon/Icon.js";
3
+ import { isValidElement as n } from "react";
4
+ import { isIconProps as i, Icon as o } from "../Icon/Icon.js";
5
+ import { isAvatarProps as c, Avatar as _ } from "../Avatar/Avatar.js";
6
+ import { isAvatarGroupProps as l, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
5
7
  import "../RootProvider/RootProvider.js";
6
8
  import "../Searchbar/AutocompleteBase.js";
7
9
  import "../Snackbar/useSnackbar.js";
8
- import '../../assets/ButtonIcon.css';const a = "_icon_1wozs_1", r = {
9
- icon: a
10
+ import '../../assets/ButtonIcon.css';const v = "_wrapper_1tenp_1", u = "_icon_1tenp_8", G = "_avatar_1tenp_32", N = "_avatarGroup_1tenp_36", t = {
11
+ wrapper: v,
12
+ icon: u,
13
+ avatar: G,
14
+ avatarGroup: N
10
15
  };
11
- function l(o) {
12
- return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || o === null || c(o);
16
+ function d(r) {
17
+ return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || n(r);
13
18
  }
14
- const _ = ({ icon: o, size: n, iconAltText: e, className: i }) => /* @__PURE__ */ t("span", { className: m(r.wrapper, i), "data-size": n, "aria-label": e, children: p(o) && /* @__PURE__ */ t(s, { ...o, className: r.icon }) || l(o) && o || /* @__PURE__ */ t(s, { svgElement: o, className: r.icon }) });
19
+ const h = ({ icon: r, size: p, iconAltText: s, className: e }) => /* @__PURE__ */ a("span", { className: m(t.wrapper, e), "data-size": p, "aria-label": s, children: c(r) && /* @__PURE__ */ a(_, { ...r, className: t.avatar }) || l(r) && /* @__PURE__ */ a(f, { ...r, className: t.avatarGroup }) || i(r) && /* @__PURE__ */ a(o, { ...r, className: t.icon }) || d(r) && r || /* @__PURE__ */ a(o, { svgElement: r, className: t.icon }) });
15
20
  export {
16
- _ as ButtonIcon
21
+ h as ButtonIcon
17
22
  };
@@ -1,36 +1,38 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "react";
4
- import { ButtonBase as l } from "./ButtonBase.js";
4
+ import { ButtonBase as f } from "./ButtonBase.js";
5
5
  import { ButtonIcon as u } from "./ButtonIcon.js";
6
6
  import "../RootProvider/RootProvider.js";
7
7
  import "../Searchbar/AutocompleteBase.js";
8
8
  import "../Snackbar/useSnackbar.js";
9
- const z = ({
9
+ const g = ({
10
10
  variant: r = "solid",
11
- size: i,
11
+ rounded: i = !1,
12
+ size: m,
12
13
  icon: t,
13
- iconSize: m,
14
- iconAltText: p,
15
- color: e,
14
+ iconSize: p,
15
+ iconAltText: e,
16
+ color: a,
16
17
  className: n,
17
- selected: a,
18
- onClick: s,
18
+ selected: s,
19
+ onClick: l,
19
20
  dataTestId: d
20
21
  }) => /* @__PURE__ */ o(
21
- l,
22
+ f,
22
23
  {
23
24
  variant: r,
24
- color: e,
25
- size: i,
25
+ rounded: i,
26
+ color: a,
27
+ size: m,
26
28
  className: n,
27
- onClick: s,
28
- selected: a,
29
+ onClick: l,
30
+ selected: s,
29
31
  "data-testid": d,
30
- "aria-label": p,
31
- children: t && /* @__PURE__ */ o(u, { icon: t, size: m })
32
+ "aria-label": e,
33
+ children: t && /* @__PURE__ */ o(u, { icon: t, size: p })
32
34
  }
33
35
  );
34
36
  export {
35
- z as IconButton
37
+ g as IconButton
36
38
  };