@altinn/altinn-components 0.56.33 → 0.57.2

package/dist/components/RootProvider/RootProvider.js

@@ -1,61 +1,12 @@
-"use client";
-import { jsx as l } from "react/jsx-runtime";
-import { createContext as p, useState as a, useContext as C } from "react";
-import { useEscapeKey as g } from "../../hooks/useEscapeKey.js";
+import "react/jsx-runtime";
+import "react";
+import "../../hooks/useEscapeKey.js";
 import "../../index-p1eeF8LQ.js";
+import { R, x as a } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import { SnackbarProvider as x } from "../Snackbar/useSnackbar.js";
-const f = {
-  currentId: "",
-  previousId: "",
-  debug: !1,
-  setCurrentId: () => {
-    console.warn("setCurrentId called outside of RootProvider context");
-  },
-  setPreviousId: () => {
-    console.warn("setPreviousId called outside of RootProvider context");
-  },
-  languageCode: "nb"
-}, I = p(f), S = ({ children: n, initialValue: e, debug: s, languageCode: t }) => {
-  const [u, d] = a(e?.currentId || ""), [c, r] = a(e?.previousId || "");
-  return /* @__PURE__ */ l(
-    I.Provider,
-    {
-      value: {
-        currentId: u,
-        setCurrentId: d,
-        setPreviousId: r,
-        previousId: c,
-        debug: s,
-        languageCode: t
-      },
-      children: /* @__PURE__ */ l(x, { children: n })
-    }
-  );
-}, $ = () => {
-  const n = C(I);
-  if (!n)
-    throw new Error("useRootContext must be used within a RootProvider.");
-  const { currentId: e, setCurrentId: s, debug: t, setPreviousId: u, previousId: d, languageCode: c } = n, r = (o) => {
-    e && u(e), s(o);
-  }, v = (o) => {
-    t && console.debug(`useRootContext: toggleId called with value: ${o}`), r(e === o ? "" : o);
-  }, i = () => {
-    t && console.debug("useRootContext: closeAll called"), r("");
-  };
-  return g(i), {
-    currentId: e,
-    previousId: d,
-    toggleId: v,
-    closeAll: i,
-    openId: (o) => {
-      t && console.debug(`useRootContext: openId called with value: ${o}`), r(o);
-    },
-    languageCode: c
-  };
-};
+import "../Snackbar/useSnackbar.js";
 export {
-  S as RootProvider,
-  $ as useRootContext
+  R as RootProvider,
+  a as useRootContext
 };

package/dist/components/RootProvider/index.js

@@ -1,4 +1,4 @@
-import { RootProvider as e, useRootContext as r } from "./RootProvider.js";
+import { R as e, x as r } from "../../Section-jhq4n77E.js";
 export {
   e as RootProvider,
   r as useRootContext

package/dist/components/Search/SearchItem.js

@@ -1,21 +1,18 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Heading as m } from "../Typography/Heading.js";
+import { L as l, H as m, B as c } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
-import { Byline as l } from "../Byline/Byline.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { ListItemBase as p } from "../List/ListItemBase.js";
-import { ListItemHeader as c } from "../List/ListItemHeader.js";
+import { ListItemBase as h } from "../List/ListItemBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/SearchItem.css';const h = "_item_kjtr0_1", d = {
-  item: h
-}, H = ({ color: o = "neutral", size: s, title: e, summary: i, owner: r, category: g, ...a }) => /* @__PURE__ */ t(p, { className: d.item, color: o, size: s, children: /* @__PURE__ */ n(c, { ...a, children: [
-  e && /* @__PURE__ */ t(m, { as: "h2", size: "lg", weight: "bold", children: e }),
-  r && /* @__PURE__ */ t(l, { avatar: r, children: r?.name }),
-  i && /* @__PURE__ */ t(m, { as: "h3", size: "sm", variant: "subtle", weight: "normal", style: { marginTop: ".5em" }, children: i })
+import '../../assets/SearchItem.css';const p = "_item_kjtr0_1", d = {
+  item: p
+}, _ = ({ color: s = "neutral", size: a, title: i, summary: r, owner: e, category: g, ...o }) => /* @__PURE__ */ t(h, { className: d.item, color: s, size: a, children: /* @__PURE__ */ n(l, { ...o, children: [
+  i && /* @__PURE__ */ t(m, { as: "h2", size: "lg", weight: "bold", children: i }),
+  e && /* @__PURE__ */ t(c, { avatar: e, children: e?.name }),
+  r && /* @__PURE__ */ t(m, { as: "h3", size: "sm", variant: "subtle", weight: "normal", style: { marginTop: ".5em" }, children: r })
 ] }) });
 export {
-  H as SearchItem
+  _ as SearchItem
 };

package/dist/components/Searchbar/Autocomplete.js

@@ -2,13 +2,13 @@ import { jsx as e, jsxs as j } from "react/jsx-runtime";
 import { useRef as B, Fragment as C } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as P } from "../../hooks/useMenu.js";
-import "../Button/Button.js";
-import "react-dom";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import { MenuList as k } from "../Menu/MenuList.js";
 import { MenuListItem as y } from "../Menu/MenuListItem.js";
 import { MenuListDivider as D } from "../Menu/MenuListDivider.js";
 import { MenuListHeading as F } from "../Menu/MenuListHeading.js";
+import "../Button/Button.js";
+import "react-dom";
 import { AutocompleteBase as H } from "./AutocompleteBase.js";
 import { AutocompleteItem as K } from "./AutocompleteItem.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Searchbar/AutocompleteItem.js

@@ -2,15 +2,14 @@ import { jsx as t } from "react/jsx-runtime";
 import { Badge as n } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { q as e } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { MenuItem as e } from "../Menu/MenuItem.js";
-import { QueryLabel as l } from "./QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/AutocompleteItem.css';const s = "_item_4v2ol_1", p = {
+import { QueryLabel as l } from "../Toolbar/QueryLabel.js";
+import '../../assets/AutocompleteItem.css';const s = "_item_4v2ol_1", f = {
   item: s
-}, L = ({
+}, A = ({
   role: o = "menuitem",
   params: c,
   badge: m,
@@ -33,12 +32,12 @@ import '../../assets/AutocompleteItem.css';const s = "_item_4v2ol_1", p = {
     ...i,
     role: o,
     label: u,
-    className: p.item,
+    className: f.item,
     controls: m && /* @__PURE__ */ t(n, { ...m }),
     size: r || "md",
     linkIcon: !0
   }
 ) : /* @__PURE__ */ t(e, { ...i, role: o, controls: m && /* @__PURE__ */ t(n, { ...m }), size: r, linkIcon: !0 });
 export {
-  L as AutocompleteItem
+  A as AutocompleteItem
 };

package/dist/components/Searchbar/Searchbar.js

@@ -2,9 +2,9 @@ import { jsxs as f, jsx as c } from "react/jsx-runtime";
 import { useState as g } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useIsDesktop as h } from "../../hooks/useIsDesktop.js";
+import { x as I } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import { useRootContext as I } from "../RootProvider/RootProvider.js";
 import { SearchbarBase as T } from "./SearchbarBase.js";
 import { SearchbarField as A } from "./SearchbarField.js";
 import { Autocomplete as B } from "./Autocomplete.js";

package/dist/components/Searchbar/SearchbarField.js

@@ -1,29 +1,26 @@
 "use client";
 import { jsxs as k, jsx as e } from "react/jsx-runtime";
-import { c as S } from "../../index-p1eeF8LQ.js";
-import { useRef as N } from "react";
-import { Icon as v } from "../Icon/Icon.js";
-import { Button as o } from "../Button/Button.js";
+import { c as N } from "../../index-p1eeF8LQ.js";
+import { useRef as v } from "react";
+import { I as E, A as S, E as o } from "../../Section-jhq4n77E.js";
+import { Button as l } from "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as z } from "../../MagnifyingGlass-bwVhw07z.js";
-import { S as l } from "../../XMark-tKk6aExO.js";
-import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", K = "_icon_uxhly_10", j = "_input_uxhly_17", I = "_clear_uxhly_45", M = "_dismiss_uxhly_62", t = {
-  field: E,
-  icon: K,
-  input: j,
-  clear: I,
+import '../../assets/SearchbarField.css';const z = "_field_uxhly_1", I = "_icon_uxhly_10", K = "_input_uxhly_17", j = "_clear_uxhly_45", M = "_dismiss_uxhly_62", s = {
+  field: z,
+  icon: I,
+  input: K,
+  clear: j,
   dismiss: M
-}, A = ({
+}, O = ({
   className: c,
   expanded: a,
   name: n = "q",
   value: i,
   placeholder: m = "Search",
   closeButtonAltText: u = "Close search",
-  clearButtonAltText: p = "Clear search",
-  onFocus: d,
+  clearButtonAltText: d = "Clear search",
+  onFocus: p,
   onBlur: f,
   onChange: h,
   onClear: _,
@@ -32,21 +29,21 @@ import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", K = "_icon_
   tabIndex: b,
   controlsId: C
 }) => {
-  const s = N(null), g = (r) => {
-    r.key === "Escape" && s.current?.blur(), r.key === "Enter" && (s.current?.blur(), y?.());
+  const t = v(null), g = (r) => {
+    r.key === "Escape" && t.current?.blur(), r.key === "Enter" && (t.current?.blur(), y?.());
   };
-  return /* @__PURE__ */ k("div", { className: S(t.field, c), children: [
+  return /* @__PURE__ */ k("div", { className: N(s.field, c), children: [
     /* @__PURE__ */ e(
       "input",
       {
-        ref: s,
-        onFocus: d,
+        ref: t,
+        onFocus: p,
         onBlur: f,
         name: n,
         value: i,
         onChange: h,
         placeholder: m,
-        className: t.input,
+        className: s.input,
         onKeyUp: g,
         type: "text",
         autoComplete: "off",
@@ -61,33 +58,33 @@ import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", K = "_icon_
         role: "combobox"
       }
     ),
-    /* @__PURE__ */ e(v, { svgElement: z, className: t.icon }),
+    /* @__PURE__ */ e(E, { svgElement: S, className: s.icon }),
     i && /* @__PURE__ */ e(
-      o,
+      l,
       {
         rounded: !0,
         size: "xs",
         variant: "tinted",
-        className: t.clear,
+        className: s.clear,
         onClick: _,
         "data-testid": "search-button-clear",
-        "aria-label": p,
-        children: /* @__PURE__ */ e(l, {})
+        "aria-label": d,
+        children: /* @__PURE__ */ e(o, {})
       }
     ) || a && /* @__PURE__ */ e(
-      o,
+      l,
       {
         size: "sm",
         variant: "ghost",
-        className: t.dismiss,
+        className: s.dismiss,
         onClick: x,
         "data-testid": "search-button-close",
         "aria-label": u,
-        children: /* @__PURE__ */ e(l, {})
+        children: /* @__PURE__ */ e(o, {})
       }
     )
   ] });
 };
 export {
-  A as SearchbarField
+  O as SearchbarField
 };

package/dist/components/Searchbar/index.js

@@ -1,18 +1,15 @@
 import { Searchbar as r } from "./Searchbar.js";
 import { SearchbarBase as m } from "./SearchbarBase.js";
 import { SearchbarField as a } from "./SearchbarField.js";
-import { AutocompleteBase as x } from "./AutocompleteBase.js";
-import { AutocompleteGroup as u } from "./AutocompleteGroup.js";
-import { Autocomplete as b } from "./Autocomplete.js";
+import { AutocompleteBase as f } from "./AutocompleteBase.js";
+import { AutocompleteGroup as l } from "./AutocompleteGroup.js";
+import { Autocomplete as A } from "./Autocomplete.js";
 import { AutocompleteItem as h } from "./AutocompleteItem.js";
-import { QueryItem as s, QueryLabel as y } from "./QueryLabel.js";
 export {
-  b as Autocomplete,
-  x as AutocompleteBase,
-  u as AutocompleteGroup,
+  A as Autocomplete,
+  f as AutocompleteBase,
+  l as AutocompleteGroup,
   h as AutocompleteItem,
-  s as QueryItem,
-  y as QueryLabel,
   r as Searchbar,
   m as SearchbarBase,
   a as SearchbarField

package/dist/components/Settings/SettingsItem.js

@@ -1,10 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import { useState as h } from "react";
+import { Input as v } from "../Forms/Input.js";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { Input as v } from "../Forms/Input.js";
 import "../Snackbar/useSnackbar.js";
 import { SettingsItemBase as i } from "./SettingsItemBase.js";
 import { SettingsModal as f } from "./SettingsModal.js";

package/dist/components/Settings/SettingsItemBase.js

@@ -1,48 +1,46 @@
-import { jsxs as L, jsx as a } from "react/jsx-runtime";
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { L as d, m as I } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { ListItemBase as d } from "../List/ListItemBase.js";
-import { ListItemHeader as f } from "../List/ListItemHeader.js";
-import { ListItemLabel as I } from "../List/ListItemLabel.js";
+import { ListItemBase as f } from "../List/ListItemBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/SettingsItemBase.css';const g = "_item_lk1g7_1", k = "_label_lk1g7_20", N = "_header_lk1g7_24", e = {
   item: g,
   label: k,
   header: N
-}, A = ({
-  ref: i,
+}, w = ({
+  ref: r,
   loading: t,
-  color: s,
-  size: l,
-  expanded: r,
+  color: l,
+  size: i,
+  expanded: a,
   icon: o,
   label: c,
   title: n,
   value: j,
   description: _,
-  children: p,
-  highlightWords: b,
-  ...m
+  children: b,
+  highlightWords: h,
+  ...s
 }) => {
-  const h = m.ariaLabel;
-  return /* @__PURE__ */ L(d, { ref: i, className: e.item, color: s, size: l, expanded: r, children: [
-    /* @__PURE__ */ a(f, { ...m, loading: t, ariaLabel: h, className: e.header, icon: o, children: /* @__PURE__ */ a(
+  const L = s.ariaLabel;
+  return /* @__PURE__ */ p(f, { ref: r, className: e.item, color: l, size: i, expanded: a, children: [
+    /* @__PURE__ */ m(d, { ...s, loading: t, ariaLabel: L, className: e.header, icon: o, children: /* @__PURE__ */ m(
       I,
       {
         loading: t,
-        highlightWords: b,
+        highlightWords: h,
         className: e.label,
         title: n,
         description: _,
         children: c
       }
     ) }),
-    r && p
+    a && b
   ] });
 };
 export {
-  A as SettingsItemBase
+  w as SettingsItemBase
 };

package/dist/components/Settings/SettingsList.js

@@ -1,39 +1,37 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { Fragment as m, createElement as d } from "react";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { Fragment as s, createElement as d } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
-import { Heading as u } from "../Typography/Heading.js";
+import { H as u, p as h } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { Divider as h } from "../Divider/Divider.js";
-import { List as y } from "../List/List.js";
+import { Divider as y } from "../Divider/Divider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as S } from "../Page/Flex.js";
 import { SettingsItem as v } from "./SettingsItem.js";
 import { SettingsSection as j } from "./SettingsSection.js";
-const q = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
+const K = ({ items: m, groups: p = {}, sortGroupBy: n }) => {
   const { menu: c } = f({
-    items: s,
+    items: m,
     groups: p,
     groupByKey: "groupId",
     keyboardEvents: !1,
     sortGroupBy: n
   });
-  return /* @__PURE__ */ r(S, { as: "div", spacing: "page", direction: "col", children: c?.map((i, l) => {
-    const e = i.props || {};
-    return /* @__PURE__ */ o(m, { children: [
-      e?.title && /* @__PURE__ */ r(u, { size: "lg", children: e.title }),
-      /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(y, { size: "sm", children: i?.items.map((a, t) => {
+  return /* @__PURE__ */ t(S, { as: "div", spacing: "page", direction: "col", children: c?.map((e, l) => {
+    const i = e.props || {};
+    return /* @__PURE__ */ o(s, { children: [
+      i?.title && /* @__PURE__ */ t(u, { size: "lg", children: i.title }),
+      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(h, { size: "sm", children: e?.items.map((a, r) => {
         const g = a.props || {};
-        return /* @__PURE__ */ o(m, { children: [
-          t > 0 && /* @__PURE__ */ r(h, { as: "li" }),
-          /* @__PURE__ */ d(v, { ...g, key: "settings-list-item" + t })
-        ] }, t);
+        return /* @__PURE__ */ o(s, { children: [
+          r > 0 && /* @__PURE__ */ t(y, { as: "li" }),
+          /* @__PURE__ */ d(v, { ...g, key: "settings-list-item" + r })
+        ] }, r);
       }) }) })
     ] }, l);
   }) });
 };
 export {
-  q as SettingsList
+  K as SettingsList
 };

package/dist/components/Settings/SettingsModal.js

@@ -1,12 +1,12 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { createElement as u } from "react";
 import "../../index-p1eeF8LQ.js";
+import "../../Section-jhq4n77E.js";
 import { Button as M } from "../Button/Button.js";
 import { ButtonIcon as k } from "../Button/ButtonIcon.js";
 import { ButtonLabel as x } from "../Button/ButtonLabel.js";
 import { ButtonGroup as g } from "../Button/ButtonGroup.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ModalBase as j } from "../Modal/ModalBase.js";
 import { ModalHeader as y } from "../Modal/ModalHeader.js";

package/dist/components/Settings/SettingsSection.js

@@ -1,21 +1,20 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { S as c } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as n } from "../Page/Section.js";
-import '../../assets/SettingsSection.css';const c = "_section_13ero_1", p = {
-  section: c
-}, d = ({
+import '../../assets/SettingsSection.css';const m = "_section_13ero_1", p = {
+  section: m
+}, u = ({
   size: t = "sm",
   theme: o = "default",
-  shadow: i = "xs",
-  as: s,
-  color: r,
-  children: e
-}) => /* @__PURE__ */ m(n, { as: s, size: t, color: r, theme: o, shadow: i, className: p.section, spacing: 2, children: e });
+  shadow: s = "xs",
+  as: i,
+  color: e,
+  children: r
+}) => /* @__PURE__ */ n(c, { as: i, size: t, color: e, theme: o, shadow: s, className: p.section, spacing: 2, children: r });
 export {
-  d as SettingsSection
+  u as SettingsSection
 };

package/dist/components/Settings/UsedByLog.js

@@ -1,46 +1,44 @@
 "use client";
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { useState as y, createElement as B, useMemo as L, Fragment as S } from "react";
+import { useState as y, createElement as B, useMemo as S, Fragment as L } from "react";
 import "../../index-p1eeF8LQ.js";
+import { S as s, p as d } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { SeenByLogButton as s } from "../Dialog/SeenByLogButton.js";
-import { Divider as d } from "../Divider/Divider.js";
-import { List as u } from "../List/List.js";
+import { SeenByLogButton as u } from "../Dialog/SeenByLogButton.js";
+import { Divider as g } from "../Divider/Divider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as j } from "../Page/Flex.js";
-import { Section as g } from "../Page/Section.js";
-import { UsedByLogItem as f } from "./UsedByLogItem.js";
-const A = ({
-  collapsible: m = !0,
-  expanded: h,
+import { UsedByLogItem as h } from "./UsedByLogItem.js";
+const q = ({
+  collapsible: p = !0,
+  expanded: f,
   title: t,
   items: n,
   size: e = "sm",
   endUserLabel: i
 }) => {
-  const [p, l] = y(h || !m && !0), v = () => {
+  const [m, l] = y(f || !p && !0), v = () => {
     l((r) => !r);
   };
   if (n?.length === 1)
-    return /* @__PURE__ */ o(g, { spacing: 1, children: /* @__PURE__ */ o(u, { size: e, spacing: 1, children: n?.map((r) => /* @__PURE__ */ B(f, { ...r, key: r.id, size: e, endUserLabel: i })) }) });
-  const c = L(
+    return /* @__PURE__ */ o(s, { spacing: 1, children: /* @__PURE__ */ o(d, { size: e, spacing: 1, children: n?.map((r) => /* @__PURE__ */ B(h, { ...r, key: r.id, size: e, endUserLabel: i })) }) });
+  const c = S(
     () => n.map((r) => ({
       ...r,
       ...r.avatar
     })),
     [n]
   );
-  return /* @__PURE__ */ a(g, { spacing: 1, children: [
-    t && /* @__PURE__ */ o(j, { children: m ? /* @__PURE__ */ o(s, { items: c, as: "button", onClick: v, children: t }) : /* @__PURE__ */ o(s, { items: c, as: "div", children: t }) }),
-    t && p && /* @__PURE__ */ o(d, {}),
-    p && /* @__PURE__ */ o(u, { size: e, spacing: 1, children: n?.map((r, x) => /* @__PURE__ */ a(S, { children: [
-      x > 0 && /* @__PURE__ */ o(d, {}),
-      /* @__PURE__ */ o(f, { ...r, size: e, endUserLabel: i })
+  return /* @__PURE__ */ a(s, { spacing: 1, children: [
+    t && /* @__PURE__ */ o(j, { children: p ? /* @__PURE__ */ o(u, { items: c, as: "button", onClick: v, children: t }) : /* @__PURE__ */ o(u, { items: c, as: "div", children: t }) }),
+    t && m && /* @__PURE__ */ o(g, {}),
+    m && /* @__PURE__ */ o(d, { size: e, spacing: 1, children: n?.map((r, x) => /* @__PURE__ */ a(L, { children: [
+      x > 0 && /* @__PURE__ */ o(g, {}),
+      /* @__PURE__ */ o(h, { ...r, size: e, endUserLabel: i })
     ] }, r.id)) })
   ] });
 };
 export {
-  A as UsedByLog
+  q as UsedByLog
 };

package/dist/components/Settings/UsedByLogItem.js

@@ -1,25 +1,24 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import { Badge as s } from "../Badge/Badge.js";
+import { Badge as p } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { B as c } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
-import { Byline as c } from "../Byline/Byline.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as g } from "../Page/Flex.js";
-const N = ({
+const y = ({
   type: m,
   name: t,
   description: o,
   isEndUser: e,
   endUserLabel: a,
-  avatar: p,
+  avatar: s,
   size: l = "sm"
 }) => {
   const i = e && { label: a };
   return /* @__PURE__ */ r(g, { align: "center", spacing: 2, as: "li", children: [
-    /* @__PURE__ */ r(c, { size: l, avatar: { name: t, type: m, ...p }, children: [
+    /* @__PURE__ */ r(c, { size: l, avatar: { name: t, type: m, ...s }, children: [
       /* @__PURE__ */ r("strong", { children: [
         t,
         o && NaN
@@ -27,9 +26,9 @@ const N = ({
       " ",
       o
     ] }),
-    i && /* @__PURE__ */ n(s, { variant: "subtle", ...i })
+    i && /* @__PURE__ */ n(p, { variant: "subtle", ...i })
   ] });
 };
 export {
-  N as UsedByLogItem
+  y as UsedByLogItem
 };