@altinn/altinn-components 0.23.3 → 0.24.0

package/dist/assets/HeaderBase.css

@@ -1 +1 @@
-._header_5ao8r_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem}._backdrop_5ao8r_11{display:none}._header_5ao8r_1[data-current-id=menu]{background-color:#fff}@media (min-width: 1024px){._header_5ao8r_1[data-current-id=menu]{background-color:transparent}._header_5ao8r_1[data-current-id=menu] ._backdrop_5ao8r_11{display:block}}._header_5ao8r_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._header_5ao8r_1[data-current-id=search]{margin-top:-72px}._header_5ao8r_1[data-current-id=search] ._backdrop_5ao8r_11{display:block}@media (min-width: 1024px){._header_5ao8r_1[data-current-id=search]{margin-top:0}}
+._header_19y6k_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem}._backdrop_19y6k_11{display:none}._header_19y6k_1[data-current-id=menu],._header_19y6k_1[data-current-id=locale]{background-color:#fff}@media (min-width: 1024px){._header_19y6k_1[data-current-id=menu],._header_19y6k_1[data-current-id=locale]{background-color:transparent}._header_19y6k_1[data-current-id=menu] ._backdrop_19y6k_11,._header_19y6k_1[data-current-id=locale] ._backdrop_19y6k_11{display:block}}._header_19y6k_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._header_19y6k_1[data-current-id=search]{margin-top:-72px}._header_19y6k_1[data-current-id=search] ._backdrop_19y6k_11{display:block}@media (min-width: 1024px){._header_19y6k_1[data-current-id=search]{margin-top:0}}

package/dist/assets/HeaderGroup.css

@@ -0,0 +1 @@
+._group_171t6_1{position:relative;display:flex;align-items:center;column-gap:1rem}

package/dist/assets/LocaleButton.css

@@ -0,0 +1 @@
+._button_utwi0_1{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:2.75rem;padding:.625rem;border-radius:50%}._button_utwi0_1[data-selected=true]{background-color:#fff}._icon_utwi0_17{font-size:1.5rem}

package/dist/assets/SnackbarBase.css

@@ -1 +1 @@
-._stack_1lu9j_1{position:fixed;top:auto;right:0;bottom:0;left:0;display:flex;flex-direction:column;row-gap:.5rem;padding:1rem}@media (min-width: 1024px){._stack_1lu9j_1{align-items:center}}
+._stack_ilsfl_1{position:fixed;top:auto;right:0;bottom:0;left:0;display:flex;flex-direction:column;row-gap:.5rem;padding:1rem;pointer-events:none}._stack_ilsfl_1>*{pointer-events:auto}@media (min-width: 1024px){._stack_ilsfl_1{align-items:center}}

package/dist/components/Button/ButtonBase.js

@@ -1,31 +1,32 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as u } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonBase.css';const b = "_button_ppafq_1", i = {
-  button: b
+import { jsx as u } from "react/jsx-runtime";
+import { c as b } from "../../index-L8X2o7IH.js";
+import '../../assets/ButtonBase.css';const i = "_button_ppafq_1", d = {
+  button: i
 }, B = ({
-  as: o,
-  color: a,
+  as: a,
+  color: o,
   className: n,
   children: s,
   disabled: t = !1,
   ariaLabel: e,
   size: r,
-  selected: d,
-  variant: c,
-  tabIndex: l = 0,
-  ...m
-}) => /* @__PURE__ */ p(
-  o || "button",
+  selected: c,
+  variant: l,
+  tabIndex: m = 0,
+  ...p
+}) => /* @__PURE__ */ u(
+  a || "button",
   {
-    tabIndex: l,
+    tabIndex: m,
     "data-size": r,
-    "data-variant": c,
-    "data-color": a,
+    "data-variant": l,
+    "data-color": o,
+    "data-selected": c,
     "aria-disabled": t,
     disabled: t,
-    className: u(i.button, n),
+    className: b(d.button, n),
     "aria-label": e,
-    ...m,
+    ...p,
     children: s
   }
 );

package/dist/components/Button/IconButton.js

@@ -1,33 +1,35 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as u } from "../../index-L8X2o7IH.js";
-import { ButtonBase as l } from "./ButtonBase.js";
-import { ButtonIcon as _ } from "./ButtonIcon.js";
-import '../../assets/IconButton.css';const b = "_button_118jo_1", d = "_icon_118jo_8", p = {
-  button: b,
-  icon: d
-}, I = ({
+import { c as l } from "../../index-L8X2o7IH.js";
+import { ButtonBase as _ } from "./ButtonBase.js";
+import { ButtonIcon as b } from "./ButtonIcon.js";
+import '../../assets/IconButton.css';const d = "_button_118jo_1", p = "_icon_118jo_8", f = {
+  button: d,
+  icon: p
+}, h = ({
   variant: n = "solid",
   size: o = "md",
   icon: c,
   color: r,
   iconSize: s,
   className: i,
-  onClick: m,
-  dataTestId: a,
-  iconAltText: e
+  selected: m,
+  onClick: a,
+  dataTestId: e,
+  iconAltText: u
 }) => /* @__PURE__ */ t(
-  l,
+  _,
   {
     variant: n,
     color: r,
     size: o,
-    className: u(p.button, i),
-    onClick: m,
-    "data-testid": a,
-    "aria-label": e,
-    children: /* @__PURE__ */ t(_, { icon: c, size: s || o })
+    className: l(f.button, i),
+    onClick: a,
+    selected: m,
+    "data-testid": e,
+    "aria-label": u,
+    children: /* @__PURE__ */ t(b, { icon: c, size: s || o })
   }
 );
 export {
-  I as IconButton
+  h as IconButton
 };

package/dist/components/Dialog/DialogHistorySegment.js

@@ -1,18 +1,18 @@
 "use client";
 import { jsx as a, jsxs as p } from "react/jsx-runtime";
 import * as m from "react";
-import { forwardRef as y, useState as b, Fragment as O, createElement as s } from "react";
+import { forwardRef as y, useState as O, Fragment as j, createElement as s } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import { DialogHistoryItem as u } from "./DialogHistoryItem.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Timeline as j } from "../Timeline/Timeline.js";
-import { TimelineSegment as x } from "../Timeline/TimelineSegment.js";
-import { TimelineSection as I } from "../Timeline/TimelineSection.js";
+import { Timeline as x } from "../Timeline/Timeline.js";
+import { TimelineSegment as I } from "../Timeline/TimelineSegment.js";
+import { TimelineSection as E } from "../Timeline/TimelineSection.js";
 import { TimelineLink as g } from "../Timeline/TimelineLink.js";
 import { u as h } from "../../useId-CsCRkvK3.js";
-var E = function(t, n) {
+var S = function(t, n) {
   var l = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -20,8 +20,8 @@ var E = function(t, n) {
       n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
   return l;
 };
-const S = y((t, n) => {
-  var { title: l, titleId: e } = t, r = E(t, ["title", "titleId"]);
+const _ = y((t, n) => {
+  var { title: l, titleId: e } = t, r = S(t, ["title", "titleId"]);
   let o = h();
   return o = l ? e || "title-" + o : void 0, m.createElement(
     "svg",
@@ -30,7 +30,7 @@ const S = y((t, n) => {
     m.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
   );
 });
-var _ = function(t, n) {
+var P = function(t, n) {
   var l = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -38,8 +38,8 @@ var _ = function(t, n) {
       n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
   return l;
 };
-const P = y((t, n) => {
-  var { title: l, titleId: e } = t, r = _(t, ["title", "titleId"]);
+const k = y((t, n) => {
+  var { title: l, titleId: e } = t, r = P(t, ["title", "titleId"]);
   let o = h();
   return o = l ? e || "title-" + o : void 0, m.createElement(
     "svg",
@@ -47,26 +47,27 @@ const P = y((t, n) => {
     l ? m.createElement("title", { id: o }, l) : null,
     m.createElement("path", { fill: "currentColor", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-4.5 4.5a.75.75 0 0 0 1.06 1.06l3.22-3.22V19a.75.75 0 0 0 1.5 0V6.81l3.22 3.22a.75.75 0 1 0 1.06-1.06z" })
   );
-}), L = ({
+}), U = ({
   items: t = [],
   datetime: n,
   byline: l,
   collapsible: e,
   expanded: r,
   expandLabel: o = "Expand history",
-  collapseLabel: v = "Collapse history"
+  collapseLabel: v = "Collapse history",
+  id: w
 }) => {
-  const [d, w] = b(r || !e), c = () => {
-    w((i) => !i);
+  const [d, b] = O(r || !e), c = () => {
+    b((i) => !i);
   };
-  return /* @__PURE__ */ a(x, { datetime: n, byline: l, spacing: 2, children: t.map((i) => /* @__PURE__ */ p(O, { children: [
+  return /* @__PURE__ */ a(I, { datetime: n, byline: l, spacing: 2, id: w, children: t.map((i) => /* @__PURE__ */ p(j, { children: [
     /* @__PURE__ */ s(u, { ...i, key: i.id }),
-    Array.isArray(i.items) && i.items.length > 0 && /* @__PURE__ */ p(j, { children: [
-      d && /* @__PURE__ */ a(I, { level: 2, border: "dashed", children: i.items.map((f) => /* @__PURE__ */ s(u, { ...f, key: f.id })) }),
-      e && d && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(g, { reverse: !0, icon: P, onClick: c, children: v }) }) || e && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(g, { reverse: !0, icon: S, onClick: c, children: o }) })
+    Array.isArray(i.items) && i.items.length > 0 && /* @__PURE__ */ p(x, { children: [
+      d && /* @__PURE__ */ a(E, { level: 2, border: "dashed", children: i.items.map((f) => /* @__PURE__ */ s(u, { ...f, key: f.id })) }),
+      e && d && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(g, { reverse: !0, icon: k, onClick: c, children: v }) }) || e && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(g, { reverse: !0, icon: _, onClick: c, children: o }) })
     ] })
   ] }, i.id)) });
 };
 export {
-  L as DialogHistorySegment
+  U as DialogHistorySegment
 };

package/dist/components/Header/Header.js

@@ -1,64 +1,91 @@
 "use client";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { DropdownBase as g } from "../Dropdown/DropdownBase.js";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { DropdownBase as p } from "../Dropdown/DropdownBase.js";
 import "../../index-L8X2o7IH.js";
-import { DrawerBase as x } from "../Dropdown/DrawerBase.js";
+import { DrawerBase as m } from "../Dropdown/DrawerBase.js";
 import "react";
-import { useRootContext as C } from "../RootProvider/RootProvider.js";
-import { GlobalMenu as m } from "../GlobalMenu/GlobalMenu.js";
-import { HeaderBase as y } from "./HeaderBase.js";
+import { useRootContext as b } from "../RootProvider/RootProvider.js";
+import { GlobalMenu as c } from "../GlobalMenu/GlobalMenu.js";
+import { HeaderBase as v } from "./HeaderBase.js";
 import { HeaderLogo as H } from "./HeaderLogo.js";
-import { HeaderButton as _ } from "./HeaderButton.js";
-import { Searchbar as b } from "../Search/Searchbar.js";
+import { HeaderButton as N } from "./HeaderButton.js";
+import { LocaleButton as _ } from "./LocaleButton.js";
+import { LocaleSwitcher as h } from "./LocaleSwitcher.js";
+import { Searchbar as B } from "../Search/Searchbar.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { HeaderMenu as u } from "./HeaderMenu.js";
-import { HeaderSearch as B } from "./HeaderSearch.js";
-import '../../assets/Header.css';const N = "_drawer_d2s9o_1", S = "_dropdown_d2s9o_5", s = {
-  drawer: N,
-  dropdown: S
-}, K = ({ search: n, menu: r, currentAccount: a, logo: p = {}, badge: i }) => {
-  const { currentId: o, toggleId: t, openId: c, closeAll: d } = C(), h = () => {
-    c("search");
-  }, f = () => {
+import { HeaderGroup as L } from "./HeaderGroup.js";
+import { HeaderSearch as S } from "./HeaderSearch.js";
+import '../../assets/Header.css';const k = "_drawer_d2s9o_1", I = "_dropdown_d2s9o_5", a = {
+  drawer: k,
+  dropdown: I
+}, W = ({ menu: r, locale: n, search: i, currentAccount: l, logo: f = {}, badge: w }) => {
+  const { currentId: e, toggleId: t, openId: g, closeAll: d } = b(), y = () => {
+    g("search");
+  }, u = () => {
     t("search");
-  }, w = () => {
+  }, x = () => {
     t("menu");
+  }, C = () => {
+    t("locale");
   };
-  return /* @__PURE__ */ l(y, { currentId: o, open: o === "search" || o === "menu", onClose: d, children: [
-    /* @__PURE__ */ e(H, { ...p, className: s.logo }),
-    /* @__PURE__ */ l(u, { className: s.menu, children: [
-      /* @__PURE__ */ e(
-        _,
-        {
-          color: "company",
-          variant: "solid",
-          badge: i,
-          avatar: a && {
-            type: a.type,
-            name: a.name
-          },
-          onClick: w,
-          expanded: o === "menu",
-          label: r == null ? void 0 : r.menuLabel
-        }
-      ),
-      r && /* @__PURE__ */ e(
-        g,
-        {
-          layout: "desktop",
-          padding: !0,
-          placement: "right",
-          open: o === "menu",
-          className: s.dropdown,
-          children: /* @__PURE__ */ e(m, { ...r, currentAccount: a, onClose: d })
-        }
-      )
-    ] }),
-    n && /* @__PURE__ */ e(B, { expanded: o === "search", children: /* @__PURE__ */ e(b, { ...n, expanded: o === "search", onClose: f, onFocus: h }) }),
-    r && /* @__PURE__ */ e(x, { layout: "mobile", open: o === "menu", className: s.drawer, children: /* @__PURE__ */ e(m, { ...r, currentAccount: a, onClose: d }) })
-  ] });
+  return /* @__PURE__ */ s(
+    v,
+    {
+      currentId: e,
+      open: e === "search" || e === "menu" || e === "locale",
+      onClose: d,
+      children: [
+        /* @__PURE__ */ o(H, { ...f, className: a.logo }),
+        /* @__PURE__ */ s(L, { className: a.menu, children: [
+          /* @__PURE__ */ o("div", { style: { position: "relative" }, children: /* @__PURE__ */ o(_, { onClick: C, expanded: e === "locale" }) }),
+          /* @__PURE__ */ s("div", { style: { position: "relative" }, children: [
+            /* @__PURE__ */ o(
+              N,
+              {
+                color: "company",
+                variant: "solid",
+                badge: w,
+                avatar: l && {
+                  type: l.type,
+                  name: l.name
+                },
+                onClick: x,
+                expanded: e === "menu",
+                label: r == null ? void 0 : r.menuLabel
+              }
+            ),
+            n && /* @__PURE__ */ o(
+              p,
+              {
+                layout: "desktop",
+                padding: !0,
+                placement: "right",
+                open: e === "locale",
+                className: a.dropdown,
+                children: /* @__PURE__ */ o(h, { ...n })
+              }
+            ),
+            r && /* @__PURE__ */ o(
+              p,
+              {
+                layout: "desktop",
+                padding: !0,
+                placement: "right",
+                open: e === "menu",
+                className: a.dropdown,
+                children: /* @__PURE__ */ o(c, { ...r, currentAccount: l, onClose: d })
+              }
+            )
+          ] })
+        ] }),
+        i && /* @__PURE__ */ o(S, { expanded: e === "search", children: /* @__PURE__ */ o(B, { ...i, expanded: e === "search", onClose: u, onFocus: y }) }),
+        n && /* @__PURE__ */ o(m, { layout: "mobile", open: e === "locale", className: a.drawer, children: /* @__PURE__ */ o(h, { ...n }) }),
+        r && /* @__PURE__ */ o(m, { layout: "mobile", open: e === "menu", className: a.drawer, children: /* @__PURE__ */ o(c, { ...r, currentAccount: l, onClose: d }) })
+      ]
+    }
+  );
 };
 export {
-  K as Header
+  W as Header
 };

package/dist/components/Header/HeaderBase.js

@@ -5,7 +5,7 @@ import "../RootProvider/RootProvider.js";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/HeaderBase.css';const i = "_header_5ao8r_1", n = "_backdrop_5ao8r_11", r = {
+import '../../assets/HeaderBase.css';const i = "_header_19y6k_1", n = "_backdrop_19y6k_11", r = {
   header: i,
   backdrop: n
 }, u = ({ currentId: o, className: a, children: e, open: t, onClose: c }) => /* @__PURE__ */ d("header", { className: p(r.header, a), "data-color": "neutral", "data-current-id": o, children: [

package/dist/components/Header/HeaderGroup.js

@@ -0,0 +1,8 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as t } from "../../index-L8X2o7IH.js";
+import '../../assets/HeaderGroup.css';const p = "_group_171t6_1", c = {
+  group: p
+}, m = ({ className: o, children: r }) => /* @__PURE__ */ s("div", { className: t(c.group, o), children: r });
+export {
+  m as HeaderGroup
+};

package/dist/components/Header/LocaleButton.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import * as i from "react";
+import { forwardRef as c } from "react";
+import { IconButton as m } from "../Button/IconButton.js";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { u } from "../../useId-CsCRkvK3.js";
+import '../../assets/LocaleButton.css';var f = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const s = c((e, n) => {
+  var { title: o, titleId: t } = e, r = f(e, ["title", "titleId"]);
+  let l = u();
+  return l = o ? t || "title-" + l : void 0, i.createElement(
+    "svg",
+    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": l }, r),
+    o ? i.createElement("title", { id: l }, o) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.74-7.683A8.28 8.28 0 0 0 4.65 8.25h3.719a41 41 0 0 1 .62-3.934m1.63-.452a41 41 0 0 0-.742 4.385h4.245a41 41 0 0 0-.743-4.385 8.3 8.3 0 0 0-2.76 0M8.24 14.25a34.5 34.5 0 0 1 0-4.5H4.06A8.3 8.3 0 0 0 3.75 12c0 .78.108 1.535.31 2.25zm1.503 0a33 33 0 0 1 0-4.5h4.514c.103 1.51.103 2.997 0 4.5zm-.754 5.433a41 41 0 0 1-.62-3.933h-3.72a8.28 8.28 0 0 0 4.34 3.933m1.631.452a41 41 0 0 1-.743-4.385h4.246a41 41 0 0 1-.743 4.385 8.3 8.3 0 0 1-2.76 0m5.141-5.885c.098-1.502.098-2.99 0-4.5h4.179c.202.715.31 1.47.31 2.25a8.3 8.3 0 0 1-.31 2.25zm-.75-9.933a8.28 8.28 0 0 1 4.34 3.933h-3.72a41 41 0 0 0-.62-3.933m0 15.366c.276-1.344.483-2.648.62-3.933h3.72a8.28 8.28 0 0 1-4.34 3.933", clipRule: "evenodd" })
+  );
+}), d = "_button_utwi0_1", p = "_icon_utwi0_17", b = {
+  button: d,
+  icon: p
+}, I = ({ id: e = "language-switcher", expanded: n, onClick: o }) => /* @__PURE__ */ a(
+  m,
+  {
+    className: b.button,
+    size: "md",
+    icon: s,
+    iconSize: "md",
+    variant: "text",
+    selected: n,
+    color: "company",
+    onClick: o,
+    iconAltText: `Open ${e}`
+  }
+);
+export {
+  I as LocaleButton
+};

package/dist/components/Header/LocaleSwitcher.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { MenuOption as a } from "../Menu/MenuOption.js";
+import { MenuHeader as c } from "../Menu/MenuHeader.js";
+import { MenuBase as m, MenuList as p, MenuListItem as t } from "../Menu/MenuBase.js";
+const b = ({ title: o = "Select language", options: i, onChange: l }) => /* @__PURE__ */ e(m, { theme: "default", children: /* @__PURE__ */ n(p, { children: [
+  /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(c, { title: o }) }),
+  i.map((r) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(a, { onChange: l, label: r.label, type: "radio", value: r.value, checked: r.checked }) }, r.value))
+] }) });
+export {
+  b as LocaleSwitcher
+};

package/dist/components/Header/index.js

@@ -1,10 +1,14 @@
-import { Header as o } from "./Header.js";
+import { Header as r } from "./Header.js";
 import { HeaderBase as a } from "./HeaderBase.js";
-import { HeaderLogo as f } from "./HeaderLogo.js";
-import { HeaderButton as p } from "./HeaderButton.js";
+import { HeaderLogo as m } from "./HeaderLogo.js";
+import { HeaderButton as x } from "./HeaderButton.js";
+import { LocaleButton as H } from "./LocaleButton.js";
+import { LocaleSwitcher as B } from "./LocaleSwitcher.js";
 export {
-  o as Header,
+  r as Header,
   a as HeaderBase,
-  p as HeaderButton,
-  f as HeaderLogo
+  x as HeaderButton,
+  m as HeaderLogo,
+  H as LocaleButton,
+  B as LocaleSwitcher
 };

package/dist/components/Snackbar/SnackbarBase.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import '../../assets/SnackbarBase.css';const a = "_stack_1lu9j_1", c = {
+import '../../assets/SnackbarBase.css';const a = "_stack_ilsfl_1", c = {
   stack: a
 }, o = ({ children: s }) => /* @__PURE__ */ t("section", { role: "alert", className: c.stack, children: s });
 export {

package/dist/components/Timeline/TimelineBase.js

@@ -1,20 +1,20 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { Icon as p } from "../Icon/Icon.js";
+import { Icon as h } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as h } from "../Avatar/Avatar.js";
+import { Avatar as b } from "../Avatar/Avatar.js";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as b } from "../Skeleton/Skeleton.js";
+import { Skeleton as v } from "../Skeleton/Skeleton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as v } from "../Page/Flex.js";
-import '../../assets/TimelineBase.css';const f = "_section_1h3ds_1", N = "_sidebar_1h3ds_8", x = "_content_1h3ds_33", j = "_border_1h3ds_39", z = "_icon_1h3ds_45", o = {
-  section: f,
-  sidebar: N,
-  content: x,
-  border: j,
-  icon: z
-}, T = ({
+import { Flex as f } from "../Page/Flex.js";
+import '../../assets/TimelineBase.css';const N = "_section_1h3ds_1", x = "_sidebar_1h3ds_8", j = "_content_1h3ds_33", z = "_border_1h3ds_39", g = "_icon_1h3ds_45", o = {
+  section: N,
+  sidebar: x,
+  content: j,
+  border: z,
+  icon: g
+}, q = ({
   as: c = "section",
   loading: e,
   border: a = "solid",
@@ -24,14 +24,15 @@ import '../../assets/TimelineBase.css';const f = "_section_1h3ds_1", N = "_sideb
   iconColor: m,
   avatar: i,
   children: l,
-  ..._
-}) => /* @__PURE__ */ n(v, { as: c, className: o.section, color: t, ..._, children: [
+  id: _,
+  ...p
+}) => /* @__PURE__ */ n(f, { as: c, className: o.section, color: t, ...p, id: _, children: [
   /* @__PURE__ */ n("aside", { className: o.sidebar, "data-level": d, children: [
-    i && /* @__PURE__ */ s(h, { ...i, size: "sm" }) || r && /* @__PURE__ */ s(b, { loading: e, variant: "circle", children: /* @__PURE__ */ s("span", { "data-color": m, className: o.icon, children: /* @__PURE__ */ s(p, { svgElement: r, size: "sm" }) }) }),
+    i && /* @__PURE__ */ s(b, { ...i, size: "sm" }) || r && /* @__PURE__ */ s(v, { loading: e, variant: "circle", children: /* @__PURE__ */ s("span", { "data-color": m, className: o.icon, children: /* @__PURE__ */ s(h, { svgElement: r, size: "sm" }) }) }),
     /* @__PURE__ */ s("div", { className: o.border, "data-loading": e, "data-variant": a, "data-color": t })
   ] }),
   /* @__PURE__ */ s("div", { className: o.content, children: l })
 ] });
 export {
-  T as TimelineBase
+  q as TimelineBase
 };

package/dist/components/Timeline/TimelineSegment.js

@@ -1,28 +1,29 @@
-import { jsx as i, jsxs as c } from "react/jsx-runtime";
+import { jsx as i, jsxs as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Byline as f } from "../Byline/Byline.js";
+import { Byline as S } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { TimelineBase as S } from "./TimelineBase.js";
+import { TimelineBase as a } from "./TimelineBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as a } from "../Page/Section.js";
-import { S as h } from "../../CircleFill-IZdiBc_K.js";
-const k = ({
+import { Section as h } from "../Page/Section.js";
+import { S as x } from "../../CircleFill-IZdiBc_K.js";
+const q = ({
   loading: r,
   datetime: m,
   byline: o,
-  icon: t = h,
+  icon: t = x,
   color: e = "neutral",
   spacing: p = 2,
   margin: l = "bottom",
   children: n,
-  footer: x,
-  ...s
-}) => /* @__PURE__ */ i(S, { loading: r, color: e, icon: t, as: "li", ...s, children: /* @__PURE__ */ c(a, { margin: l, spacing: p, children: [
-  o && /* @__PURE__ */ i(f, { loading: r, datetime: m, children: o }),
+  id: s,
+  footer: d,
+  ...c
+}) => /* @__PURE__ */ i(a, { loading: r, color: e, icon: t, as: "li", ...c, id: s, children: /* @__PURE__ */ f(h, { margin: l, spacing: p, children: [
+  o && /* @__PURE__ */ i(S, { loading: r, datetime: m, children: o }),
   n
 ] }) });
 export {
-  k as TimelineSegment
+  q as TimelineSegment
 };