@altinn/altinn-components 0.27.1 → 0.28.1

package/dist/components/Icon/Icon.js

@@ -1,22 +1,34 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as t } from "../../index-L8X2o7IH.js";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { c as n } from "../../index-L8X2o7IH.js";
 import "react";
-import { Skeleton as d } from "../Skeleton/Skeleton.js";
+import { Skeleton as _ } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Icon.css';const p = "_icon_ti5cw_1", a = {
-  icon: p
-}, b = ({
-  loading: c,
-  altText: n,
-  svgElement: o,
-  size: e,
-  color: s,
-  theme: m,
-  iconUrl: l,
-  className: i
-}) => o ? /* @__PURE__ */ r(d, { loading: c, variant: "circle", children: /* @__PURE__ */ r("span", { "data-size": e, "data-color": s, "data-theme": m, className: t([a.icon], i), children: /* @__PURE__ */ r(o, { "aria-hidden": "true", "alt-label": n }) }) }) : l ? /* @__PURE__ */ r(d, { loading: c, variant: "circle", children: /* @__PURE__ */ r("span", { "data-size": e, "data-color": s, "data-theme": m, className: t([a.icon], i), children: /* @__PURE__ */ r("img", { src: l, alt: n, className: a.icon }) }) }) : /* @__PURE__ */ r("span", { className: t([a.icon], i) });
+import '../../assets/Icon.css';const f = "_icon_2h14f_1", g = "_shape_2h14f_9", v = "_svg_2h14f_15", N = "_image_2h14f_16", a = {
+  icon: f,
+  shape: g,
+  svg: v,
+  image: N
+}, z = (s) => typeof s == "object" && s !== null && ("svgElement" in s || "iconUrl" in s), E = ({
+  loading: s,
+  altText: r,
+  svgElement: c,
+  variant: i = "fill",
+  size: o,
+  color: m,
+  theme: l,
+  iconUrl: p,
+  className: t,
+  style: h
+}) => c ? /* @__PURE__ */ e("span", { "data-size": o, "data-color": m, "data-theme": l, className: n(a.icon, t), style: h, children: /* @__PURE__ */ d(_, { loading: s, variant: "circle", className: a.shape, children: [
+  /* @__PURE__ */ e("span", { className: a.shape }),
+  /* @__PURE__ */ e(c, { "aria-hidden": "true", "alt-label": r, "data-variant": i, className: a.svg })
+] }) }) : p ? /* @__PURE__ */ e("span", { "data-size": o, "data-color": m, "data-theme": l, className: n(a.icon, t), style: h, children: /* @__PURE__ */ d(_, { loading: s, variant: "circle", className: a.shape, children: [
+  /* @__PURE__ */ e("span", { className: a.shape }),
+  /* @__PURE__ */ e("img", { src: p, alt: r, className: a.image, "data-variant": i })
+] }) }) : /* @__PURE__ */ e("span", { className: n(a.icon, t) });
 export {
-  b as Icon
+  E as Icon,
+  z as isIconProps
 };

package/dist/components/Icon/IconOrAvatar.js

@@ -1,25 +1,33 @@
-import { jsx as n } from "react/jsx-runtime";
-import { isValidElement as o } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { isValidElement as p } from "react";
 import { Icon as i } from "./Icon.js";
 import "../../index-L8X2o7IH.js";
-import { Avatar as s } from "../Avatar/Avatar.js";
-import { AvatarGroup as p } from "../Avatar/AvatarGroup.js";
+import { Avatar as f } from "../Avatar/Avatar.js";
+import { AvatarGroup as c } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-function u(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || o(r);
+import { S as l } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/IconOrAvatar.css';const u = "_icon_1ez59_1", v = "_avatar_1ez59_2", _ = "_avatarGroup_1ez59_6", e = {
+  icon: u,
+  avatar: v,
+  avatarGroup: _
+};
+function g(r) {
+  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || p(r);
 }
-const d = (r) => r.svgElement !== void 0 || r.iconUrl !== void 0, x = ({ size: r, icon: e, iconTheme: f, avatar: t, avatarGroup: m }) => {
-  if (!e && !t && !m)
+const N = (r) => r.svgElement !== void 0 || r.iconUrl !== void 0, S = ({ loading: r, size: m, icon: t, iconTheme: s, avatar: n, avatarGroup: a }) => {
+  if (!t && !n && !a)
     return null;
-  if (e)
-    return d(e) ? /* @__PURE__ */ n(i, { theme: e.theme || f, size: e.size || r, ...e }) : u(e) ? e : /* @__PURE__ */ n(i, { svgElement: e, theme: f, size: r });
+  if (r)
+    return /* @__PURE__ */ o(i, { className: e.icon, svgElement: l, loading: !0 });
   if (t)
-    return /* @__PURE__ */ n(s, { ...t, size: t.size || r });
-  if (m)
-    return /* @__PURE__ */ n(p, { ...m, size: m.size || r });
+    return N(t) ? /* @__PURE__ */ o(i, { className: e.icon, theme: t.theme || s, variant: "contain", ...t }) : g(t) ? t : /* @__PURE__ */ o(i, { className: e.icon, svgElement: t, variant: "contain", theme: s });
+  if (n)
+    return /* @__PURE__ */ o(f, { ...n, size: n.size || m, className: e.avatar });
+  if (a)
+    return /* @__PURE__ */ o(c, { ...a, className: e.avatarGroup });
 };
 export {
-  x as IconOrAvatar
+  S as IconOrAvatar
 };

package/dist/components/Icon/index.js

@@ -1,12 +1,13 @@
-import { Icon as e } from "./Icon.js";
-import { CheckboxIcon as t } from "./CheckboxIcon.js";
-import { RadioIcon as f } from "./RadioIcon.js";
-import { ProgressIcon as n } from "./ProgressIcon.js";
-import { IconOrAvatar as I } from "./IconOrAvatar.js";
+import { Icon as c, isIconProps as e } from "./Icon.js";
+import { CheckboxIcon as p } from "./CheckboxIcon.js";
+import { RadioIcon as x } from "./RadioIcon.js";
+import { ProgressIcon as f } from "./ProgressIcon.js";
+import { IconOrAvatar as s } from "./IconOrAvatar.js";
 export {
-  t as CheckboxIcon,
-  e as Icon,
-  I as IconOrAvatar,
-  n as ProgressIcon,
-  f as RadioIcon
+  p as CheckboxIcon,
+  c as Icon,
+  s as IconOrAvatar,
+  f as ProgressIcon,
+  x as RadioIcon,
+  e as isIconProps
 };

package/dist/components/Layout/Layout.js

@@ -10,7 +10,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
 import { Menu as F } from "../Menu/Menu.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const E = ({ color: n, theme: c = "subtle", header: u, footer: l, sidebar: o, content: t = {}, children: f }) => {
   const { currentId: r } = C();

package/dist/components/LayoutAction/ActionHeader.js

@@ -4,9 +4,9 @@ import "react";
 import { IconButton as c } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import { Heading as l } from "../Typography/Heading.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as p } from "../../XMark-Bv1I87Ev.js";
+import { S as p } from "../../XMark-DIqxCTTQ.js";
 import '../../assets/ActionHeader.css';const h = "_header_7fwyg_1", _ = "_title_7fwyg_34", f = "_dismiss_7fwyg_40", t = {
   header: h,
   title: _,

package/dist/components/LayoutAction/LayoutAction.js

@@ -2,7 +2,7 @@ import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import { LayoutBase as s } from "../Layout/LayoutBase.js";
 import { ActionHeader as f } from "./ActionHeader.js";
 import { ActionFooter as u } from "./ActionFooter.js";

package/dist/components/List/List.js

@@ -1,21 +1,12 @@
-import { jsx as f } from "react/jsx-runtime";
-import { createElement as l } from "react";
+import { jsx as p } from "react/jsx-runtime";
+import { createElement as n } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { ListItem as a } from "./ListItem.js";
-import { ListBase as h } from "./ListBase.js";
-import "../Search/AutocompleteBase.js";
+import { ListItem as c } from "./ListItem.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const k = ({ defaultItemSize: o, defaultItemTheme: p, defaultItemColor: s, items: c = [], ...n }) => /* @__PURE__ */ f(h, { ...n, children: c.map((r, t) => /* @__PURE__ */ l(
-  a,
-  {
-    ...r,
-    size: (r == null ? void 0 : r.size) || o,
-    color: (r == null ? void 0 : r.color) || s,
-    theme: (r == null ? void 0 : r.theme) || p,
-    key: `item-${r.id ?? t}`
-  }
-)) });
+import { Flex as l } from "../Page/Flex.js";
+const j = ({ children: t, spacing: o = 2, items: m = [], ...i }) => /* @__PURE__ */ p(l, { direction: "col", as: "ul", spacing: o, ...i, children: t || m.map((r, e) => /* @__PURE__ */ n(c, { ...r, key: `item-${r.id ?? e}` })) });
 export {
-  k as List
+  j as List
 };

package/dist/components/List/ListBase.js

@@ -1,11 +1,11 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as m } from "../Page/Flex.js";
-const a = ({ spacing: o = 2, children: r, ...t }) => /* @__PURE__ */ i(m, { direction: "col", spacing: o, as: "ul", ...t, children: r });
+import { Flex as p } from "../Page/Flex.js";
+const u = ({ size: o, spacing: r = 2, children: t, ...i }) => /* @__PURE__ */ m(p, { direction: "col", spacing: r, size: o, as: "ul", ...i, children: t });
 export {
-  a as ListBase
+  u as List
 };

package/dist/components/List/ListItem.js

@@ -1,78 +1,73 @@
-import { jsxs as w, jsx as z } from "react/jsx-runtime";
-import { ListItemBase as A } from "./ListItemBase.js";
-import { ListItemHeader as C } from "./ListItemHeader.js";
-const G = ({
-  className: p,
-  variant: c = "solid",
-  color: r,
-  theme: m = "default",
-  shadow: e = "xs",
-  loading: o,
-  collapsible: n,
-  expanded: s,
-  size: u = "sm",
-  icon: L,
-  avatar: l,
-  avatarGroup: I,
-  title: f,
-  titleAs: j,
-  description: x,
-  badge: a,
-  linkIcon: h = !1,
-  label: t,
+import { jsxs as w, jsx as B } from "react/jsx-runtime";
+import { ListItemBase as H } from "./ListItemBase.js";
+import { ListItemHeader as b } from "./ListItemHeader.js";
+import '../../assets/ListItem.css';const k = "_item_1nwey_3", q = {
+  item: k
+}, F = ({
+  className: A,
+  color: e,
+  variant: r = "default",
+  shadow: n = "xs",
+  border: c = "none",
+  loading: m,
+  collapsible: f,
+  expanded: t,
+  size: o,
+  icon: l,
+  label: s,
+  title: a,
+  description: p,
+  badge: u,
+  linkIcon: L = !1,
   select: y,
-  selected: B,
-  controls: H,
-  children: b,
+  selected: I,
+  controls: _,
+  children: h,
   interactive: i,
-  id: d,
-  ...k
+  id: j,
+  ...x
 }) => {
-  const q = typeof t == "function" ? t() : t;
+  const N = typeof s == "function" ? s() : s;
   return /* @__PURE__ */ w(
-    A,
+    H,
     {
-      variant: c,
-      color: r,
-      theme: m,
-      shadow: e,
-      selected: B,
-      expanded: s,
-      title: f,
-      loading: o,
+      className: q.item,
+      size: o,
+      color: e,
+      variant: r,
+      shadow: n,
+      border: c,
+      selected: I,
+      expanded: t,
+      loading: m,
       interactive: i,
-      id: d,
+      id: j,
       children: [
-        /* @__PURE__ */ z(
-          C,
+        /* @__PURE__ */ B(
+          b,
           {
-            className: p,
-            color: r,
-            theme: m,
-            loading: o,
-            linkIcon: h,
-            collapsible: n,
-            expanded: s,
+            color: e,
+            loading: m,
+            linkIcon: L,
+            collapsible: f,
+            expanded: t,
             select: y,
-            size: u,
-            title: f,
-            description: x,
-            icon: L,
-            avatar: l,
-            avatarGroup: I,
-            badge: a,
-            controls: H,
-            titleAs: j,
+            title: a,
+            size: o,
+            description: p,
+            icon: l,
+            badge: u,
+            controls: _,
             interactive: i,
-            ...k,
-            children: q
+            ...x,
+            children: N
           }
         ),
-        s ? b : null
+        t ? h : null
       ]
     }
   );
 };
 export {
-  G as ListItem
+  F as ListItem
 };

package/dist/components/List/ListItemBase.js

@@ -1,48 +1,38 @@
-import { jsx as q } from "react/jsx-runtime";
-import { c as H } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemBase.css';const f = "_item_2saqu_1", x = "_interactiveSelected_2saqu_83", h = "_interactiveHidden_2saqu_87", w = "_interactive_2saqu_83", t = {
-  item: f,
-  interactiveSelected: x,
-  interactiveHidden: h,
-  interactive: w
-}, y = ({
-  as: i,
-  interactive: n = !0,
-  size: c,
-  variant: s,
-  color: r,
-  theme: e,
-  shadow: o,
-  hidden: a = !1,
-  selected: d,
-  className: v,
+import { jsx as p } from "react/jsx-runtime";
+import { c as f } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemBase.css';const x = "_base_1xkee_1", u = {
+  base: x
+}, C = ({
+  as: a,
+  interactive: e = !0,
+  size: t,
+  color: s,
+  variant: o = "default",
+  shadow: n = "none",
+  border: r = "none",
+  hidden: d = !1,
+  selected: c,
+  className: i,
   onMouseEnter: m,
-  id: _,
-  children: l
-}) => {
-  const p = i || "li", u = e === "transparent" ? "none" : o, S = H(
-    t.item,
-    v,
-    n && t.interactive,
-    d && t.interactiveSelected,
-    a && t.interactiveHidden
-  );
-  return /* @__PURE__ */ q(
-    p,
-    {
-      className: S,
-      "data-variant": s,
-      "data-color": r,
-      "data-theme": e,
-      "data-size": c,
-      "data-shadow": u,
-      "aria-hidden": a,
-      onMouseEnter: m,
-      id: _,
-      children: l
-    }
-  );
-};
+  id: l,
+  children: b
+}) => /* @__PURE__ */ p(
+  a || "li",
+  {
+    className: f(u.base, i),
+    "data-interactive": e,
+    "data-selected": c,
+    "data-variant": o,
+    "data-color": s,
+    "data-border": r,
+    "data-shadow": n,
+    "data-size": t,
+    "aria-hidden": d,
+    onMouseEnter: m,
+    id: l,
+    children: b
+  }
+);
 export {
-  y as ListItemBase
+  C as ListItemBase
 };

package/dist/components/List/ListItemControls.js

@@ -1,10 +1,8 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemControls.css';const c = "_controls_1schy_1", l = "_linkText_1schy_13", r = "_linkIcon_1schy_18", i = {
-  controls: c,
-  linkText: l,
-  linkIcon: r
-}, k = ({ className: o, children: n }) => /* @__PURE__ */ s("div", { className: t(i.controls, o), children: n });
+import { jsx as t } from "react/jsx-runtime";
+import { c as r } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemControls.css';const c = "_controls_1schy_1", n = {
+  controls: c
+}, e = ({ className: o, children: s }) => /* @__PURE__ */ t("div", { className: r(n.controls, o), children: s });
 export {
-  k as ListItemControls
+  e as ListItemControls
 };

package/dist/components/List/ListItemHeader.js

@@ -1,121 +1,94 @@
-import { jsx as e, jsxs as n, Fragment as H } from "react/jsx-runtime";
-import { c as f } from "../../index-L8X2o7IH.js";
-import { useId as M, isValidElement as R } from "react";
-import { Icon as U } from "../Icon/Icon.js";
-import { Badge as V } from "../Badge/Badge.js";
+import { jsxs as p, jsx as e, Fragment as E } from "react/jsx-runtime";
+import { c as k } from "../../index-L8X2o7IH.js";
+import { useId as w, isValidElement as z } from "react";
+import { Icon as D } from "../Icon/Icon.js";
+import { Badge as F } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemLink as q } from "./ListItemLink.js";
-import { ListItemLabel as A } from "./ListItemLabel.js";
-import { ListItemIcon as G } from "./ListItemIcon.js";
-import { ListItemControls as J } from "./ListItemControls.js";
-import { ListItemSelect as K } from "./ListItemSelect.js";
-import "../Search/AutocompleteBase.js";
+import { ListItemLink as H } from "./ListItemLink.js";
+import { ListItemLabel as R } from "./ListItemLabel.js";
+import { ListItemIcon as U } from "./ListItemIcon.js";
+import { ListItemControls as V } from "./ListItemControls.js";
+import { ListItemSelect as A } from "./ListItemSelect.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as O } from "../../ChevronUp-H8Nuww4h.js";
-import { S as P } from "../../ChevronDown-CRAwzuD3.js";
-import { S as Q } from "../../ChevronRight-DUaHaWi-.js";
-import '../../assets/ListItemHeader.css';const W = "_wrapper_e1z23_1", X = "_link_e1z23_5", Y = "_linkTitle_e1z23_10", Z = "_header_e1z23_16", $ = "_content_e1z23_54", t = {
-  wrapper: W,
-  link: X,
-  linkTitle: Y,
-  header: Z,
-  content: $
-}, Ie = ({
-  as: _,
-  interactive: m = !0,
-  color: I,
-  theme: v,
+import { S as G, a as J } from "../../ChevronUp-DR4Lz2Jb.js";
+import { S as K } from "../../ChevronRight-BbelnTke.js";
+import '../../assets/ListItemHeader.css';const M = "_header_hyqf4_1", O = "_label_hyqf4_27", o = {
+  header: M,
+  label: O
+}, ie = ({
+  as: d,
+  interactive: s = !0,
+  color: h,
   loading: r,
-  disabled: k,
-  collapsible: z,
-  linkIcon: L,
-  expanded: S,
-  select: l,
-  href: u,
-  onClick: x,
-  onKeyPress: N,
-  tabIndex: w,
-  size: s = "sm",
-  title: a,
-  description: b,
-  icon: y,
-  avatar: C,
-  active: c,
-  avatarGroup: T,
-  badge: i,
-  controls: p,
-  className: j,
-  children: B,
-  ariaLabel: E,
-  titleAs: g
+  disabled: f,
+  collapsible: I,
+  linkIcon: v,
+  expanded: L,
+  select: m,
+  href: b,
+  onClick: u,
+  onKeyPress: y,
+  tabIndex: S,
+  size: i,
+  title: _,
+  description: x,
+  icon: C,
+  active: a,
+  badge: t,
+  controls: l,
+  className: N,
+  children: j,
+  ariaLabel: q
 }) => {
-  const D = {
-    xs: "sm",
-    sm: "md",
-    md: "lg",
-    lg: "lg",
-    xl: "xl"
-  }, d = z ? S ? O : P : L ? Q : void 0, o = D[s], F = () => i && !r && typeof i == "object" && "label" in i ? /* @__PURE__ */ e(V, { ...i }) : R(i) ? i : null, h = M();
-  return /* @__PURE__ */ e("div", { className: t.wrapper, children: /* @__PURE__ */ n(
+  const n = I ? L ? G : J : v ? K : void 0, B = () => t && !r && typeof t == "object" && "label" in t ? /* @__PURE__ */ e(F, { ...t }) : z(t) ? t : null, c = w();
+  return /* @__PURE__ */ p(
     "header",
     {
-      className: f(t.header, j),
-      "data-color": I,
-      "data-theme": v,
-      "data-interactive": m,
-      "data-size": s,
-      "data-has-active-child": c,
+      className: k(o.header, N),
+      "data-color": h,
+      "data-interactive": s,
+      "data-size": i,
+      "data-has-active-child": a,
       children: [
         /* @__PURE__ */ e(
-          q,
+          H,
           {
-            interactive: m,
-            className: f(t.link),
-            as: _,
-            href: u,
-            onClick: x,
-            onKeyPress: N,
-            tabIndex: w,
+            interactive: s,
+            as: d,
+            href: b,
+            onClick: u,
+            onKeyPress: y,
+            tabIndex: S,
             loading: r,
-            disabled: k || r,
-            active: c,
-            describedby: h,
-            children: /* @__PURE__ */ e("span", { className: t.linkTitle, children: E || a })
+            disabled: f || r,
+            active: a,
+            describedby: c,
+            children: /* @__PURE__ */ e("span", { children: q })
           }
         ),
-        /* @__PURE__ */ n("div", { className: t.content, "data-size": s, children: [
-          l && /* @__PURE__ */ e(K, { ...l, className: t.select, size: o }),
-          /* @__PURE__ */ e(
-            G,
-            {
-              loading: r,
-              size: o,
-              icon: y,
-              avatar: C,
-              avatarGroup: T
-            }
-          ),
-          /* @__PURE__ */ e(
-            A,
-            {
-              size: s,
-              loading: r,
-              title: a,
-              description: b,
-              id: h,
-              titleAs: g,
-              children: B
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(J, { className: t.controls, children: p && !r ? /* @__PURE__ */ e("span", { style: { position: "relative" }, children: p }) : /* @__PURE__ */ n(H, { children: [
-          F(),
-          d && /* @__PURE__ */ e(U, { svgElement: d, size: o })
+        m && /* @__PURE__ */ e(A, { ...m, className: o.select }),
+        /* @__PURE__ */ e(U, { loading: r, icon: C }),
+        /* @__PURE__ */ e(
+          R,
+          {
+            size: i,
+            loading: r,
+            title: _,
+            description: x,
+            id: c,
+            className: o.label,
+            children: j
+          }
+        ),
+        /* @__PURE__ */ e(V, { className: o.controls, children: l && !r ? /* @__PURE__ */ e("span", { style: { position: "relative" }, children: l }) : /* @__PURE__ */ p(E, { children: [
+          B(),
+          n && /* @__PURE__ */ e(D, { svgElement: n, style: { fontSize: "1.5rem" } })
         ] }) })
       ]
     }
-  ) });
+  );
 };
 export {
-  Ie as ListItemHeader
+  ie as ListItemHeader
 };