@tedi-design-system/react 18.0.0-rc.3 → 18.0.0-rc.30

package/src/community/components/layout/footer/footer.es.js

@@ -5,34 +5,33 @@ import { Text as m } from "../../../../tedi/components/base/typography/text/text
 import { Print as b } from "../../../../tedi/components/misc/print/print.es.js";
 import { StretchContent as y } from "../../../../tedi/components/misc/stretch-content/stretch-content.es.js";
 import t from "./footer.module.scss.es.js";
-import { Row as N } from "../../../../tedi/components/layout/grid/row.es.js";
-import { Col as h } from "../../../../tedi/components/layout/grid/col.es.js";
+import { useLabels as N } from "../../../../tedi/providers/label-provider/use-labels.es.js";
+import { Row as v } from "../../../../tedi/components/layout/grid/row.es.js";
+import { Col as f } from "../../../../tedi/components/layout/grid/col.es.js";
 import { VerticalSpacing as p } from "../../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
-import { useLabels as v } from "../../../../tedi/providers/label-provider/use-labels.es.js";
 const B = (d) => {
-  const { logo: r, categories: s, className: l, bottomElement: c, ...e } = d, { getLabel: i } = v(), f = n(t.footer, l);
-  return /* @__PURE__ */ o(b, { visibility: "hide", children: /* @__PURE__ */ a("footer", { "data-name": "footer", ...e, className: f, children: [
+  const { logo: r, categories: c, className: l, bottomElement: s, ...e } = d, { getLabel: i } = N(), h = n(t.footer, l);
+  return /* @__PURE__ */ o(b, { visibility: "hide", children: /* @__PURE__ */ a("footer", { "data-name": "footer", ...e, className: h, children: [
     /* @__PURE__ */ o(m, { className: "visually-hidden", element: "h2", children: i("footer.title") }),
     /* @__PURE__ */ a("div", { className: t.footer__inner, children: [
-      s.map((g, u) => /* @__PURE__ */ o(y, { direction: "vertical", children: /* @__PURE__ */ o(w, { ...g }) }, u)),
+      c.map((g, u) => /* @__PURE__ */ o(y, { direction: "vertical", children: /* @__PURE__ */ o(w, { ...g }) }, u)),
       r && /* @__PURE__ */ o("img", { className: t.footer__logo, src: r.src, alt: r.alt, style: r.style })
     ] }),
-    c && /* @__PURE__ */ o(m, { color: "white", element: "div", className: t.footer__bottom, children: c })
+    s && /* @__PURE__ */ o(m, { color: "white", element: "div", className: t.footer__bottom, children: s })
   ] }) });
 }, w = (d) => {
-  const { heading: r, icon: s, elements: l } = d, c = (e) => {
-    const i = { size: 16, color: "inherit", background: void 0 }, f = typeof e == "string" ? { ...i, name: e, background: void 0 } : { ...i, ...e, background: void 0 };
-    return /* @__PURE__ */ o(_, { ...f });
+  const { heading: r, icon: c, elements: l } = d, s = (e) => {
+    const i = { size: 16, color: "inherit", background: void 0 }, h = typeof e == "string" ? { ...i, name: e, background: void 0 } : { ...i, ...e, background: void 0 };
+    return /* @__PURE__ */ o(_, { ...h });
   };
-  return /* @__PURE__ */ a(N, { children: [
-    s && /* @__PURE__ */ o(h, { width: "auto", className: n("text-inverted", t["footer__category-icon"]), children: c(s) }),
-    /* @__PURE__ */ o(h, { width: "auto", children: /* @__PURE__ */ a(p, { className: n("text-small", t.footer__category), size: 0.5, children: [
+  return /* @__PURE__ */ a(v, { children: [
+    c && /* @__PURE__ */ o(f, { width: "auto", className: n("text-inverted", t["footer__category-icon"]), children: s(c) }),
+    /* @__PURE__ */ o(f, { width: "auto", children: /* @__PURE__ */ a(p, { className: n("text-small", t.footer__category), size: 0.5, children: [
       /* @__PURE__ */ o(m, { color: "white", modifiers: ["bold", "normal"], element: "h3", children: r }),
       /* @__PURE__ */ o(p, { element: "ul", size: 0.5, className: n(t["footer__category-list"]), children: l == null ? void 0 : l.map((e, i) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(m, { color: "white", element: "span", modifiers: "break-all", children: e }) }, i)) })
     ] }) })
   ] });
 };
 export {
-  B as Footer,
-  B as default
+  B as Footer
 };

package/src/community/components/layout/header/components/header-language/header-language.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),x=require("react"),f=require("../../../../../../tedi/components/base/typography/heading/heading.cjs.js"),L=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),T=require("../../../../../helpers/hooks/use-layout.cjs.js"),_=require("../../../../button/button.cjs.js"),v=require("../header-dropdown/header-dropdown.cjs.js"),w=require("../header-modal/header-modal.cjs.js"),u=require("./header-language.module.scss.cjs.js"),H=require("../../../../../../tedi/components/content/list/list.cjs.js"),I=require("../../../../../../tedi/components/content/list/list-item.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),N=require("../../../../card/card.cjs.js"),P=require("../../../../card/card-content/card-content.cjs.js"),R=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),S=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),i=h=>{const{languages:t}=h,o=T.useLayout(["desktop","tablet"]),{getLabel:s}=M.useLabels(),[n,l]=x.useState(!1),a=t==null?void 0:t.find(e=>e.isSelected),d={children:a==null?void 0:a.label,"aria-label":`${s("header.select-lang")} ${(a==null?void 0:a["aria-label"])??(a==null?void 0:a.label)}`,visualType:o?"link":"tertiary",iconRight:o?{name:"expand_more",color:"primary",size:24}:void 0},m=e=>{e==null||e({onToggle:l})},c=({isSelected:e,onClick:q,label:g,"aria-label":j},y=!0)=>r.jsx(_.Button,{visualType:y?"link":e?"primary":"tertiary","aria-current":e,"aria-label":j,onClick:()=>m(q),children:g}),p=r.jsxs("div",{children:[r.jsx(L.Text,{color:"secondary",modifiers:"small",children:s("header.select-lang")}),r.jsx(v.HeaderDropdown,{shouldAnimate:!0,open:n,onToggle:l,tooltipProps:{cardProps:{padding:1}},triggerProps:d,children:r.jsx(H.List,{verticalSpacing:{size:.75},element:"ul",className:u.default["header-language__list"],children:(t==null?void 0:t.map(e=>r.jsx(I.ListItem,{className:u.default["header-language__list-item"],children:c(e)},e.label)))||[]})})]}),b=r.jsx(w.HeaderModal,{ariaLabelledby:"header-language-modal-label",open:n,onToggle:l,triggerProps:d,children:r.jsx(N.Card,{borderless:!0,children:r.jsxs(P.CardContent,{children:[r.jsx(f.Heading,{id:"header-language-modal-label",className:"sr-only",children:s("header.select-lang")}),r.jsx(R.Row,{alignItems:"center",element:"ul",children:t==null?void 0:t.map(e=>r.jsx(S.Col,{width:"auto",children:c(e,!1)},e.label))})]})})});return o?p:b};i.displayName="HeaderLanguage";exports.HeaderLanguage=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),y=require("react"),f=require("../../../../../../tedi/components/base/typography/heading/heading.cjs.js"),T=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../../../../helpers/hooks/use-layout.cjs.js"),v=require("../../../../button/button.cjs.js"),L=require("../header-dropdown/header-dropdown.cjs.js"),w=require("../header-modal/header-modal.cjs.js"),u=require("./header-language.module.scss.cjs.js"),H=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),I=require("../../../../../../tedi/components/content/list/list.cjs.js"),M=require("../../../../../../tedi/components/content/list/list-item.cjs.js"),N=require("../../../../card/card.cjs.js"),P=require("../../../../card/card-content/card-content.cjs.js"),R=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),S=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),i=h=>{const{languages:t}=h,o=_.default(["desktop","tablet"]),{getLabel:l}=H.useLabels(),[n,s]=y.useState(!1),a=t==null?void 0:t.find(e=>e.isSelected),d={children:a==null?void 0:a.label,"aria-label":`${l("header.select-lang")} ${(a==null?void 0:a["aria-label"])??(a==null?void 0:a.label)}`,visualType:o?"link":"tertiary",iconRight:o?{name:"expand_more",color:"primary",size:24}:void 0},m=e=>{e==null||e({onToggle:s})},c=({isSelected:e,onClick:q,label:g,"aria-label":j},x=!0)=>r.jsx(v.Button,{visualType:x?"link":e?"primary":"tertiary","aria-current":e,"aria-label":j,onClick:()=>m(q),children:g}),p=r.jsxs("div",{children:[r.jsx(T.Text,{color:"secondary",modifiers:"small",children:l("header.select-lang")}),r.jsx(L.HeaderDropdown,{shouldAnimate:!0,open:n,onToggle:s,tooltipProps:{cardProps:{padding:1}},triggerProps:d,children:r.jsx(I.List,{verticalSpacing:{size:.75},element:"ul",className:u.default["header-language__list"],children:(t==null?void 0:t.map(e=>r.jsx(M.ListItem,{className:u.default["header-language__list-item"],children:c(e)},e.label)))||[]})})]}),b=r.jsx(w.HeaderModal,{ariaLabelledby:"header-language-modal-label",open:n,onToggle:s,triggerProps:d,children:r.jsx(N.Card,{borderless:!0,children:r.jsxs(P.CardContent,{children:[r.jsx(f.Heading,{id:"header-language-modal-label",className:"sr-only",children:l("header.select-lang")}),r.jsx(R.Row,{alignItems:"center",element:"ul",children:t==null?void 0:t.map(e=>r.jsx(S.Col,{width:"auto",children:c(e,!1)},e.label))})]})})});return o?p:b};i.displayName="HeaderLanguage";exports.HeaderLanguage=i;exports.default=i;

package/src/community/components/layout/header/components/header-language/header-language.es.js

@@ -2,20 +2,20 @@ import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import _ from "react";
 import { Heading as v } from "../../../../../../tedi/components/base/typography/heading/heading.es.js";
 import { Text as H } from "../../../../../../tedi/components/base/typography/text/text.es.js";
-import { useLayout as w } from "../../../../../helpers/hooks/use-layout.es.js";
+import w from "../../../../../helpers/hooks/use-layout.es.js";
 import { Button as L } from "../../../../button/button.es.js";
 import { HeaderDropdown as N } from "../header-dropdown/header-dropdown.es.js";
 import { HeaderModal as I } from "../header-modal/header-modal.es.js";
 import p from "./header-language.module.scss.es.js";
-import { List as P } from "../../../../../../tedi/components/content/list/list.es.js";
-import { ListItem as R } from "../../../../../../tedi/components/content/list/list-item.es.js";
-import { useLabels as j } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
+import { useLabels as P } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
+import { List as R } from "../../../../../../tedi/components/content/list/list.es.js";
+import { ListItem as j } from "../../../../../../tedi/components/content/list/list-item.es.js";
 import { Card as k } from "../../../../card/card.es.js";
 import { CardContent as z } from "../../../../card/card-content/card-content.es.js";
 import { Row as B } from "../../../../../../tedi/components/layout/grid/row.es.js";
 import { Col as C } from "../../../../../../tedi/components/layout/grid/col.es.js";
 const D = (c) => {
-  const { languages: o } = c, a = w(["desktop", "tablet"]), { getLabel: l } = j(), [m, i] = _.useState(!1), t = o == null ? void 0 : o.find((r) => r.isSelected), d = {
+  const { languages: o } = c, a = w(["desktop", "tablet"]), { getLabel: l } = P(), [m, i] = _.useState(!1), t = o == null ? void 0 : o.find((r) => r.isSelected), d = {
     children: t == null ? void 0 : t.label,
     "aria-label": `${l("header.select-lang")} ${(t == null ? void 0 : t["aria-label"]) ?? (t == null ? void 0 : t.label)}`,
     visualType: a ? "link" : "tertiary",
@@ -41,7 +41,7 @@ const D = (c) => {
         onToggle: i,
         tooltipProps: { cardProps: { padding: 1 } },
         triggerProps: d,
-        children: /* @__PURE__ */ e(P, { verticalSpacing: { size: 0.75 }, element: "ul", className: p["header-language__list"], children: (o == null ? void 0 : o.map((r) => /* @__PURE__ */ e(R, { className: p["header-language__list-item"], children: s(r) }, r.label))) || [] })
+        children: /* @__PURE__ */ e(R, { verticalSpacing: { size: 0.75 }, element: "ul", className: p["header-language__list"], children: (o == null ? void 0 : o.map((r) => /* @__PURE__ */ e(j, { className: p["header-language__list-item"], children: s(r) }, r.label))) || [] })
       }
     )
   ] }), b = /* @__PURE__ */ e(

package/src/community/components/layout/header/components/header-modal/header-modal.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),h=require("../../../../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("../../../../button/button.cjs.js"),x=require("../../header/header.module.scss.cjs.js"),j=require("../../../../modal/modal-provider.cjs.js"),m=require("../../../../modal/modal-trigger.cjs.js"),C=require("../../../../modal/modal.cjs.js"),q=require("../../../../modal/modal-closer.cjs.js"),p=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),r=require("../../../../card/card-content/card-content.cjs.js"),o=require("../../../../card/card.cjs.js"),d=t=>{const{triggerProps:s,defaultOpen:l,open:i,onToggle:n,children:a,ariaLabelledby:u}=t,{getLabel:c}=p.useLabels();return e.jsxs(j.ModalProvider,{defaultOpen:l,open:i,onToggle:n,children:[e.jsx(m.ModalTrigger,{children:e.jsx(b.Button,{...s})}),e.jsx(C.Modal,{"aria-labelledby":u,hideCloseButton:!0,position:"right",children:e.jsxs(r.CardContent,{padding:0,children:[e.jsx(o.Card,{borderless:!0,background:"primary-highlight-subtle",padding:.5,borderRadius:!1,children:e.jsx(r.CardContent,{children:e.jsx(g.Text,{element:"div",modifiers:"right",children:e.jsx(q.ModalCloser,{children:e.jsx(h.ClosingButton,{title:c("modal.close"),size:"default",className:x.default["header-modal__close"]})})})})}),e.jsx(o.Card,{border:"top-border-default",borderRadius:!1,padding:0,children:e.jsx(r.CardContent,{children:a})})]})})]})};exports.HeaderModal=d;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),h=require("../../../../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("../../../../button/button.cjs.js"),x=require("../../header/header.module.scss.cjs.js"),j=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),m=require("../../../../modal/modal-provider.cjs.js"),C=require("../../../../modal/modal-trigger.cjs.js"),q=require("../../../../modal/modal.cjs.js"),r=require("../../../../card/card-content/card-content.cjs.js"),o=require("../../../../card/card.cjs.js"),p=require("../../../../modal/modal-closer.cjs.js"),d=t=>{const{triggerProps:s,defaultOpen:l,open:i,onToggle:n,children:a,ariaLabelledby:u}=t,{getLabel:c}=j.useLabels();return e.jsxs(m.ModalProvider,{defaultOpen:l,open:i,onToggle:n,children:[e.jsx(C.ModalTrigger,{children:e.jsx(b.Button,{...s})}),e.jsx(q.Modal,{"aria-labelledby":u,hideCloseButton:!0,position:"right",children:e.jsxs(r.CardContent,{padding:0,children:[e.jsx(o.Card,{borderless:!0,background:"primary-highlight-subtle",padding:.5,borderRadius:!1,children:e.jsx(r.CardContent,{children:e.jsx(g.Text,{element:"div",modifiers:"right",children:e.jsx(p.ModalCloser,{children:e.jsx(h.ClosingButton,{title:c("modal.close"),size:"default",className:x.default["header-modal__close"]})})})})}),e.jsx(o.Card,{border:"top-border-default",borderRadius:!1,padding:0,children:e.jsx(r.CardContent,{children:a})})]})})]})};exports.HeaderModal=d;exports.default=d;

package/src/community/components/layout/header/components/header-modal/header-modal.es.js

@@ -3,19 +3,19 @@ import { Text as f } from "../../../../../../tedi/components/base/typography/tex
 import { ClosingButton as c } from "../../../../../../tedi/components/buttons/closing-button/closing-button.es.js";
 import { Button as h } from "../../../../button/button.es.js";
 import g from "../../header/header.module.scss.es.js";
-import { ModalProvider as u } from "../../../../modal/modal-provider.es.js";
-import { ModalTrigger as b } from "../../../../modal/modal-trigger.es.js";
-import { Modal as C } from "../../../../modal/modal.es.js";
-import { ModalCloser as M } from "../../../../modal/modal-closer.es.js";
-import { useLabels as x } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
+import { useLabels as u } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
+import { ModalProvider as b } from "../../../../modal/modal-provider.es.js";
+import { ModalTrigger as C } from "../../../../modal/modal-trigger.es.js";
+import { Modal as M } from "../../../../modal/modal.es.js";
 import { CardContent as e } from "../../../../card/card-content/card-content.es.js";
 import { Card as i } from "../../../../card/card.es.js";
+import { ModalCloser as x } from "../../../../modal/modal-closer.es.js";
 const N = (d) => {
-  const { triggerProps: t, defaultOpen: l, open: a, onToggle: m, children: n, ariaLabelledby: s } = d, { getLabel: p } = x();
-  return /* @__PURE__ */ o(u, { defaultOpen: l, open: a, onToggle: m, children: [
-    /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(h, { ...t }) }),
-    /* @__PURE__ */ r(C, { "aria-labelledby": s, hideCloseButton: !0, position: "right", children: /* @__PURE__ */ o(e, { padding: 0, children: [
-      /* @__PURE__ */ r(i, { borderless: !0, background: "primary-highlight-subtle", padding: 0.5, borderRadius: !1, children: /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(f, { element: "div", modifiers: "right", children: /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
+  const { triggerProps: t, defaultOpen: l, open: a, onToggle: m, children: n, ariaLabelledby: s } = d, { getLabel: p } = u();
+  return /* @__PURE__ */ o(b, { defaultOpen: l, open: a, onToggle: m, children: [
+    /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(h, { ...t }) }),
+    /* @__PURE__ */ r(M, { "aria-labelledby": s, hideCloseButton: !0, position: "right", children: /* @__PURE__ */ o(e, { padding: 0, children: [
+      /* @__PURE__ */ r(i, { borderless: !0, background: "primary-highlight-subtle", padding: 0.5, borderRadius: !1, children: /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(f, { element: "div", modifiers: "right", children: /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(
         c,
         {
           title: p("modal.close"),

package/src/community/components/layout/header/components/header-settings/header-settings.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),C=require("../../../../../../tedi/components/base/typography/heading/heading.cjs.js"),i=require("../../../../../../tedi/components/misc/separator/separator.cjs.js"),h=require("../../../../../helpers/hooks/use-layout.cjs.js"),a=require("../../../../button/button.cjs.js"),L=require("../../../layout-context.cjs.js"),f=require("../header-dropdown/header-dropdown.cjs.js"),T=require("../header-modal/header-modal.cjs.js"),v=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),k=require("../../../../card/card.cjs.js"),H=require("../../../../card/card-content/card-content.cjs.js"),M=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),c=y=>{const{children:o,onActionClick:n,closeOnAction:x=!0,iconName:j}=y,[l,r]=g.useState(!1),m=h.useLayout(["desktop"]),d=h.useLayout(["mobile"]),{getLabel:t}=v.useLabels(),{headerType:b}=g.useContext(L.LayoutContext),u={children:t("header.settings"),visualType:"tertiary",icon:{name:j||"account_circle",color:"primary",size:36}};if(b==="public")return e.jsx(a.Button,{icon:d?{name:"login",color:"primary",size:24}:void 0,visualType:d?"tertiary":"primary",onClick:n,children:t("header.login")});const s=typeof o=="function"?o({onToggle:r}):o;if(!s)return e.jsx(a.Button,{icon:{name:"logout",color:"primary",size:24},visualType:"tertiary",onClick:n,children:t("header.logout")});const p=()=>e.jsx(a.Button,{onClick:()=>{n(),x&&r(!1)},iconLeft:"logout",visualType:"link",children:t("header.logout")}),S=e.jsx(f.HeaderDropdown,{open:l,onToggle:r,tooltipProps:{cardProps:{padding:1}},triggerProps:u,children:e.jsxs(M.VerticalSpacing,{size:1,children:[s,e.jsx(i.Separator,{isStretched:!0}),e.jsx(p,{})]})}),q=e.jsxs(T.HeaderModal,{open:l,onToggle:r,ariaLabelledby:"header-settings-modal-label",triggerProps:u,children:[e.jsx(C.Heading,{id:"header-settings-modal-label",className:"sr-only",children:t("header.settings")}),s,e.jsx(i.Separator,{isStretched:!0}),e.jsx(k.Card,{borderless:!0,children:e.jsx(H.CardContent,{children:e.jsx(p,{})})}),e.jsx(i.Separator,{isStretched:!0})]});return m?S:q};c.displayName="HeaderSettings";exports.HeaderSettings=c;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),C=require("../../../../../../tedi/components/base/typography/heading/heading.cjs.js"),i=require("../../../../../../tedi/components/misc/separator/separator.cjs.js"),h=require("../../../../../helpers/hooks/use-layout.cjs.js"),a=require("../../../../button/button.cjs.js"),f=require("../../../layout-context.cjs.js"),T=require("../header-dropdown/header-dropdown.cjs.js"),v=require("../header-modal/header-modal.cjs.js"),L=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),k=require("../../../../card/card.cjs.js"),H=require("../../../../card/card-content/card-content.cjs.js"),M=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),c=y=>{const{children:o,onActionClick:n,closeOnAction:x=!0,iconName:j}=y,[l,r]=g.useState(!1),m=h.default(["desktop"]),d=h.default(["mobile"]),{getLabel:t}=L.useLabels(),{headerType:b}=g.useContext(f.LayoutContext),u={children:t("header.settings"),visualType:"tertiary",icon:{name:j||"account_circle",color:"primary",size:36}};if(b==="public")return e.jsx(a.Button,{icon:d?{name:"login",color:"primary",size:24}:void 0,visualType:d?"tertiary":"primary",onClick:n,children:t("header.login")});const s=typeof o=="function"?o({onToggle:r}):o;if(!s)return e.jsx(a.Button,{icon:{name:"logout",color:"primary",size:24},visualType:"tertiary",onClick:n,children:t("header.logout")});const p=()=>e.jsx(a.Button,{onClick:()=>{n(),x&&r(!1)},iconLeft:"logout",visualType:"link",children:t("header.logout")}),S=e.jsx(T.HeaderDropdown,{open:l,onToggle:r,tooltipProps:{cardProps:{padding:1}},triggerProps:u,children:e.jsxs(M.VerticalSpacing,{size:1,children:[s,e.jsx(i.Separator,{isStretched:!0}),e.jsx(p,{})]})}),q=e.jsxs(v.HeaderModal,{open:l,onToggle:r,ariaLabelledby:"header-settings-modal-label",triggerProps:u,children:[e.jsx(C.Heading,{id:"header-settings-modal-label",className:"sr-only",children:t("header.settings")}),s,e.jsx(i.Separator,{isStretched:!0}),e.jsx(k.Card,{borderless:!0,children:e.jsx(H.CardContent,{children:e.jsx(p,{})})}),e.jsx(i.Separator,{isStretched:!0})]});return m?S:q};c.displayName="HeaderSettings";exports.HeaderSettings=c;exports.default=c;

package/src/community/components/layout/header/components/header-settings/header-settings.es.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import u from "react";
 import { Heading as k } from "../../../../../../tedi/components/base/typography/heading/heading.es.js";
 import { Separator as a } from "../../../../../../tedi/components/misc/separator/separator.es.js";
-import { useLayout as g } from "../../../../../helpers/hooks/use-layout.es.js";
+import g from "../../../../../helpers/hooks/use-layout.es.js";
 import { Button as s } from "../../../../button/button.es.js";
 import { LayoutContext as L } from "../../../layout-context.es.js";
 import { HeaderDropdown as v } from "../header-dropdown/header-dropdown.es.js";

package/src/community/components/layout/header/header/header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),X=require("../../../../../../external/classnames/index.cjs.js"),s=require("react"),$=require("../../../../../tedi/components/misc/affix/affix.cjs.js"),F=require("../../../../../tedi/components/misc/print/print.cjs.js"),I=require("../../../anchor/anchor.cjs.js"),z=require("../../layout-context.cjs.js"),G=require("../../sidenav/utility.cjs.js"),x=require("../components/header-bottom-content/header-bottom-content.cjs.js"),J=require("../components/header-content/header-content.cjs.js"),y=require("../components/header-language/header-language.cjs.js"),q=require("../components/header-navigation/header-navigation.cjs.js"),K=require("../components/header-notification/header-notification.cjs.js"),Q=require("../components/header-role/header-role.cjs.js"),N=require("../components/header-settings/header-settings.cjs.js"),U=require("../components/logo/logo.cjs.js"),W=require("../components/sidenav-toggle/sidenav-toggle.cjs.js"),Y=require("../components/skip-links/skip-links.cjs.js"),o=require("./header.module.scss.cjs.js"),j=require("../../../../helpers/hooks/use-layout.cjs.js"),Z=require("../../../../../tedi/components/layout/grid/row.cjs.js"),ee=require("../../../../../tedi/components/layout/grid/col.cjs.js"),H=v=>{const{skipLinks:m,logo:S,children:h,bottomContent:d,notification:p,minimalSettingsArea:_=["mobile"],showCustomContent:b,showSystemCustomContent:k,enablePublicCustomContent:L=!1,...w}=v,A=b??k??["desktop","tablet"],B=j.useLayout(A),E=j.useLayout(_),{headerType:f,sideNavProps:R,headerElement:T}=s.useContext(z.LayoutContext),{shouldBreakToBottomContent:l,shouldBreakToHeader:g}=G.useSidenavRendered(f,R),c=[I.Anchor.displayName,Q.HeaderRole.displayName,y.HeaderLanguage.displayName,N.HeaderSettings.displayName],M=[y.HeaderLanguage.displayName,N.HeaderSettings.displayName],P=[J.HeaderContent.displayName],C=t=>t.type.displayName,O=t=>D(u(t,E?M:c)),u=(t,r=c)=>{const a=[];return s.Children.forEach(t,n=>{if(s.isValidElement(n)){const i=C(n);r.includes(i)?a.push(n):n.type===s.Fragment&&a.push(...u(n.props.children,r))}}),a},D=(t,r=c)=>{const a=[];return r.forEach(n=>{s.Children.forEach(t,i=>{s.isValidElement(i)&&C(i)===n&&a.push(i)})}),a},V=X.default(o.default.header,{[o.default["header--with-bottom-content"]]:l||!!d});return e.jsxs(F.Print,{visibility:"hide",children:[m&&e.jsx(Y.SkipLinks,{...m}),p&&e.jsx(K.HeaderNotification,{...p}),e.jsxs("header",{"data-name":"header",...w,ref:T,className:V,children:[e.jsx(W.SidenavToggle,{}),e.jsx(U.Logo,{...S}),e.jsxs("div",{className:o.default.header__content,children:[e.jsxs("div",{className:o.default["header__content-left"],children:[(f==="system"||L&&!g)&&B&&u(h,P),g&&e.jsx(q.HeaderNavigation,{})]}),e.jsx(Z.Row,{className:o.default["header__content-right"],wrap:"nowrap",alignItems:"center",gutterX:4,xl:{gutterX:5},children:O(h).map((t,r)=>e.jsx(ee.Col,{width:"auto",className:o.default["header__content-item"],children:t},r))})]})]}),d&&!l&&e.jsx($.Affix,{position:"sticky",top:0,relative:"window",className:o.default.header__affix,children:e.jsx(x.HeaderBottomContent,{...d})}),l&&e.jsx(x.HeaderBottomContent,{cardProps:{border:"top-border-default",padding:.75,borderRadius:!1},children:e.jsx(q.HeaderNavigation,{})})]})};exports.Header=H;exports.default=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),V=require("../../../../../../external/classnames/index.cjs.js"),s=require("react"),X=require("../../../../../tedi/components/misc/affix/affix.cjs.js"),$=require("../../../../../tedi/components/misc/print/print.cjs.js"),F=require("../../../anchor/anchor.cjs.js"),I=require("../../layout-context.cjs.js"),z=require("../../sidenav/utility.cjs.js"),x=require("../components/header-bottom-content/header-bottom-content.cjs.js"),G=require("../components/header-content/header-content.cjs.js"),q=require("../components/header-language/header-language.cjs.js"),y=require("../components/header-navigation/header-navigation.cjs.js"),J=require("../components/header-notification/header-notification.cjs.js"),K=require("../components/header-role/header-role.cjs.js"),N=require("../components/header-settings/header-settings.cjs.js"),Q=require("../components/logo/logo.cjs.js"),U=require("../components/sidenav-toggle/sidenav-toggle.cjs.js"),W=require("../components/skip-links/skip-links.cjs.js"),o=require("./header.module.scss.cjs.js"),j=require("../../../../helpers/hooks/use-layout.cjs.js"),Y=require("../../../../../tedi/components/layout/grid/row.cjs.js"),Z=require("../../../../../tedi/components/layout/grid/col.cjs.js"),ee=H=>{const{skipLinks:m,logo:S,children:h,bottomContent:d,notification:p,minimalSettingsArea:v=["mobile"],showCustomContent:b,showSystemCustomContent:k,enablePublicCustomContent:_=!1,...w}=H,L=b??k??["desktop","tablet"],A=j.default(L),B=j.default(v),{headerType:f,sideNavProps:E,headerElement:R}=s.useContext(I.LayoutContext),{shouldBreakToBottomContent:l,shouldBreakToHeader:g}=z.useSidenavRendered(f,E),c=[F.Anchor.displayName,K.HeaderRole.displayName,q.HeaderLanguage.displayName,N.HeaderSettings.displayName],T=[q.HeaderLanguage.displayName,N.HeaderSettings.displayName],P=[G.HeaderContent.displayName],C=t=>t.type.displayName,M=t=>O(u(t,B?T:c)),u=(t,n=c)=>{const a=[];return s.Children.forEach(t,r=>{if(s.isValidElement(r)){const i=C(r);n.includes(i)?a.push(r):r.type===s.Fragment&&a.push(...u(r.props.children,n))}}),a},O=(t,n=c)=>{const a=[];return n.forEach(r=>{s.Children.forEach(t,i=>{s.isValidElement(i)&&C(i)===r&&a.push(i)})}),a},D=V.default(o.default.header,{[o.default["header--with-bottom-content"]]:l||!!d});return e.jsxs($.Print,{visibility:"hide",children:[m&&e.jsx(W.SkipLinks,{...m}),p&&e.jsx(J.HeaderNotification,{...p}),e.jsxs("header",{"data-name":"header",...w,ref:R,className:D,children:[e.jsx(U.SidenavToggle,{}),e.jsx(Q.Logo,{...S}),e.jsxs("div",{className:o.default.header__content,children:[e.jsxs("div",{className:o.default["header__content-left"],children:[(f==="system"||_&&!g)&&A&&u(h,P),g&&e.jsx(y.HeaderNavigation,{})]}),e.jsx(Y.Row,{className:o.default["header__content-right"],wrap:"nowrap",alignItems:"center",gutterX:4,xl:{gutterX:5},children:M(h).map((t,n)=>e.jsx(Z.Col,{width:"auto",className:o.default["header__content-item"],children:t},n))})]})]}),d&&!l&&e.jsx(X.Affix,{position:"sticky",top:0,relative:"window",className:o.default.header__affix,children:e.jsx(x.HeaderBottomContent,{...d})}),l&&e.jsx(x.HeaderBottomContent,{cardProps:{border:"top-border-default",padding:.75,borderRadius:!1},children:e.jsx(y.HeaderNavigation,{})})]})};exports.Header=ee;

package/src/community/components/layout/header/header/header.es.js

@@ -17,7 +17,7 @@ import { Logo as U } from "../components/logo/logo.es.js";
 import { SidenavToggle as W } from "../components/sidenav-toggle/sidenav-toggle.es.js";
 import { SkipLinks as Y } from "../components/skip-links/skip-links.es.js";
 import n from "./header.module.scss.es.js";
-import { useLayout as v } from "../../../../helpers/hooks/use-layout.es.js";
+import v from "../../../../helpers/hooks/use-layout.es.js";
 import { Row as Z } from "../../../../../tedi/components/layout/grid/row.es.js";
 import { Col as $ } from "../../../../../tedi/components/layout/grid/col.es.js";
 const ve = (S) => {
@@ -94,6 +94,5 @@ const ve = (S) => {
   ] });
 };
 export {
-  ve as Header,
-  ve as default
+  ve as Header
 };

package/src/community/components/layout/layout/layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),m=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),U=require("../../../../tedi/components/content/section/section.cjs.js"),$=require("../../../../tedi/helpers/hooks/use-element-size.cjs.js"),k=require("../../../../tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),H=require("../breadcrumbs/breadcrumbs.cjs.js"),z=require("../footer/footer.cjs.js"),A=require("../layout-context.cjs.js"),D=require("../sidenav/sidenav.cjs.js"),G=require("../sidenav/utility.cjs.js"),t=require("./layout.module.scss.cjs.js"),J=require("../header/header/header.cjs.js"),K=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),q=j=>{var y;const{children:_,header:E,sideNav:s,breadcrumbsProps:f,footer:g,mainContentId:P="main-content",mainContentClassName:R,mainLogo:i,growMainContent:S,headerType:h="system",onHeaderSidenavToggle:c,...C}=j,N=r.useRef(null),p=r.useRef(null),[n,b]=r.useState(!1),v=r.useRef(n),{hasSidenav:M}=G.useSidenavRendered(h,s),l=!!((y=s==null?void 0:s.navItems)!=null&&y.length),{y:w,refs:x,context:u}=a.useFloating({placement:"bottom-start",open:n,onOpenChange:l?b:void 0,whileElementsMounted:(...d)=>K.autoUpdate(...d,{ancestorScroll:!1})}),o=$.useElementSize(p),F=a.useClick(u,{enabled:l}),I=a.useRole(u,{role:"dialog",enabled:l}),O=a.useDismiss(u,{enabled:l}),{getReferenceProps:L,getFloatingProps:B}=a.useInteractions([F,I,O]),T=m.default(t.default.main,{[t.default["main--with-sidenav"]]:M,[t.default["main--grow"]]:S});return r.useEffect(()=>(document&&o&&document.documentElement.style.setProperty("--header-bottom-height",`${(o==null?void 0:o.height)??0}px`),()=>{document.documentElement.style.removeProperty("--header-bottom-height")}),[o]),r.useEffect(()=>{v.current!==n&&c&&c(n),v.current=n},[n,c]),e.jsx(A.LayoutContext.Provider,{value:{y:w,menuOpen:n,toggleMenu:()=>b(d=>!d),headerType:h,reference:x.setReference,floating:x.setFloating,context:u,getReferenceProps:L,getFloatingProps:B,sideNavProps:s,headerElement:N,headerBottomElement:p,headerBottomSize:o,onHeaderSidenavToggle:c},children:e.jsx(k.AccessibilityProvider,{children:e.jsxs("div",{"data-name":"layout",...C,className:t.default["container-wrapper"],children:[e.jsx(J.Header,{...E}),e.jsxs("div",{className:m.default(t.default.container,{[t.default["container--menu-open"]]:n}),children:[s&&e.jsx(D.SideNav,{...s}),e.jsxs("div",{className:T,children:[i&&e.jsx("img",{className:t.default.main__logos,src:i.src,alt:i.alt,style:i.style}),e.jsxs("main",{className:m.default(t.default.main__content,R),id:P,tabIndex:-1,children:[f&&e.jsx(U.Section,{children:e.jsx(H.Breadcrumbs,{className:t.default.main__breadcrumbs,...f})}),_]})]})]}),g&&e.jsx(z.Footer,{...g})]})})})};exports.Layout=q;exports.default=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),m=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),T=require("../../../../tedi/components/content/section/section.cjs.js"),U=require("../../../../tedi/helpers/hooks/use-element-size.cjs.js"),$=require("../../../../tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),k=require("../breadcrumbs/breadcrumbs.cjs.js"),H=require("../footer/footer.cjs.js"),z=require("../layout-context.cjs.js"),A=require("../sidenav/sidenav.cjs.js"),D=require("../sidenav/utility.cjs.js"),t=require("./layout.module.scss.cjs.js"),G=require("../header/header/header.cjs.js"),J=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),K=q=>{var v;const{children:j,header:E,sideNav:s,breadcrumbsProps:f,footer:g,mainContentId:P="main-content",mainContentClassName:R,mainLogo:i,growMainContent:S,headerType:h="system",onHeaderSidenavToggle:c,..._}=q,C=r.useRef(null),p=r.useRef(null),[n,y]=r.useState(!1),b=r.useRef(n),{hasSidenav:N}=D.useSidenavRendered(h,s),l=!!((v=s==null?void 0:s.navItems)!=null&&v.length),{y:M,refs:x,context:u}=a.useFloating({placement:"bottom-start",open:n,onOpenChange:l?y:void 0,whileElementsMounted:(...d)=>J.autoUpdate(...d,{ancestorScroll:!1})}),o=U.useElementSize(p),w=a.useClick(u,{enabled:l}),F=a.useRole(u,{role:"dialog",enabled:l}),I=a.useDismiss(u,{enabled:l}),{getReferenceProps:O,getFloatingProps:L}=a.useInteractions([w,F,I]),B=m.default(t.default.main,{[t.default["main--with-sidenav"]]:N,[t.default["main--grow"]]:S});return r.useEffect(()=>(document&&o&&document.documentElement.style.setProperty("--header-bottom-height",`${(o==null?void 0:o.height)??0}px`),()=>{document.documentElement.style.removeProperty("--header-bottom-height")}),[o]),r.useEffect(()=>{b.current!==n&&c&&c(n),b.current=n},[n,c]),e.jsx(z.LayoutContext.Provider,{value:{y:M,menuOpen:n,toggleMenu:()=>y(d=>!d),headerType:h,reference:x.setReference,floating:x.setFloating,context:u,getReferenceProps:O,getFloatingProps:L,sideNavProps:s,headerElement:C,headerBottomElement:p,headerBottomSize:o,onHeaderSidenavToggle:c},children:e.jsx($.AccessibilityProvider,{children:e.jsxs("div",{"data-name":"layout",..._,className:t.default["container-wrapper"],children:[e.jsx(G.Header,{...E}),e.jsxs("div",{className:m.default(t.default.container,{[t.default["container--menu-open"]]:n}),children:[s&&e.jsx(A.SideNav,{...s}),e.jsxs("div",{className:B,children:[i&&e.jsx("img",{className:t.default.main__logos,src:i.src,alt:i.alt,style:i.style}),e.jsxs("main",{className:m.default(t.default.main__content,R),id:P,tabIndex:-1,children:[f&&e.jsx(T.Section,{children:e.jsx(k.Breadcrumbs,{className:t.default.main__breadcrumbs,...f})}),j]})]})]}),g&&e.jsx(H.Footer,{...g})]})})})};exports.Layout=K;

package/src/community/components/layout/layout/layout.es.js

@@ -13,14 +13,14 @@ import { useSidenavRendered as V } from "../sidenav/utility.es.js";
 import e from "./layout.module.scss.es.js";
 import { Header as W } from "../header/header/header.es.js";
 import { autoUpdate as X } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-const fe = (N) => {
+const pe = (N) => {
   var E;
   const {
     children: R,
     header: P,
     sideNav: o,
-    breadcrumbsProps: f,
-    footer: p,
+    breadcrumbsProps: p,
+    footer: f,
     mainContentId: _ = "main-content",
     mainContentClassName: x,
     mainLogo: a,
@@ -67,17 +67,16 @@ const fe = (N) => {
           /* @__PURE__ */ l("div", { className: k, children: [
             a && /* @__PURE__ */ n("img", { className: e.main__logos, src: a.src, alt: a.alt, style: a.style }),
             /* @__PURE__ */ l("main", { className: u(e.main__content, x), id: _, tabIndex: -1, children: [
-              f && /* @__PURE__ */ n($, { children: /* @__PURE__ */ n(G, { className: e.main__breadcrumbs, ...f }) }),
+              p && /* @__PURE__ */ n($, { children: /* @__PURE__ */ n(G, { className: e.main__breadcrumbs, ...p }) }),
               R
             ] })
           ] })
         ] }),
-        p && /* @__PURE__ */ n(J, { ...p })
+        f && /* @__PURE__ */ n(J, { ...f })
       ] }) })
     }
   );
 };
 export {
-  fe as Layout,
-  fe as default
+  pe as Layout
 };

package/src/community/components/layout/sidenav/sidenav.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),S=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),h=require("../../../../../external/classnames/index.cjs.js"),M=require("../../../../tedi/components/base/icon/icon.cjs.js"),T=require("../../../../tedi/components/buttons/collapse/collapse.cjs.js"),P=require("../../../../tedi/components/misc/print/print.cjs.js"),q=require("../../../helpers/hooks/use-layout.cjs.js"),B=require("../../anchor/anchor.cjs.js"),C=require("../layout-context.cjs.js"),a=require("./sidenav.module.scss.cjs.js"),F=require("./utility.cjs.js"),A=n=>requestAnimationFrame(n),I=n=>{const{navItems:l,ariaLabel:i,linkAs:r,breakToBottomContent:c,breakToHeader:x,showDividers:u=!0,hideSubItemIcons:m=!1,className:v,..._}=n,p=q.useLayout(["mobile","tablet"]),{menuOpen:y,context:b,getFloatingProps:f,floating:g,headerType:e,y:s}=d.useContext(C.LayoutContext),{hasSidenav:o}=F.useSidenavRendered(e,n);if(!o)return null;const N=h.default(a.default.sidenav,v,{[a.default["sidenav--has-dividers"]]:u,[a.default["sidenav--hide-subitem-icons"]]:m}),j=t.jsx(P.Print,{visibility:"hide",children:t.jsx("nav",{"data-name":"sidenav",..._,className:N,"aria-label":i,children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar","aria-label":i,children:l.map((E,L)=>d.createElement(k,{as:r,...E,key:L}))})})});return p?y?t.jsx(S.FloatingOverlay,{lockScroll:!0,className:a.default.sidenav__overlay,children:t.jsx(S.FloatingFocusManager,{context:b,order:["reference","content"],children:t.jsx("div",{...f({style:{paddingTop:s??0},className:a.default.sidenav,"aria-label":i}),ref:g,children:j})})}):null:j},k=n=>{const{icon:l,children:i,isActive:r,onClick:c,subItems:x,as:u,...m}=n,{toggleMenu:v,onHeaderSidenavToggle:_}=d.useContext(C.LayoutContext),p=q.useLayout(["mobile","tablet"]),y=h.default(a.default.sidenav__item,{[a.default["sidenav__item--current"]]:r}),b=d.useId(),f=e=>{const o={className:h.default(a.default.sidenav__icon)},N=typeof e=="string"?{...o,name:e,color:"inherit"}:{...o,...e,className:h.default(o.className,e==null?void 0:e.className),background:void 0};return t.jsx(M.Icon,{...N})},g=e=>{c==null||c(e),e.stopPropagation(),typeof _=="function"||(p?A(()=>v()):v())};return t.jsx("li",{"data-name":"sidenav-item",className:y,role:"presentation",children:x?t.jsx(T.Collapse,{id:b,hideCollapseText:!0,open:r,title:t.jsxs("span",{...(({_href:e,...s})=>s)(m),className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]}),children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar",children:x.map((e,s)=>d.createElement(k,{as:u,...e,key:s}))})}):t.jsxs(B.Anchor,{...m,as:u,onClick:g,className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]})})};exports.SideNav=I;exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),S=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),h=require("../../../../../external/classnames/index.cjs.js"),T=require("../../../../tedi/components/base/icon/icon.cjs.js"),L=require("../../../../tedi/components/buttons/collapse/collapse.cjs.js"),P=require("../../../../tedi/components/misc/print/print.cjs.js"),q=require("../../../helpers/hooks/use-layout.cjs.js"),B=require("../../anchor/anchor.cjs.js"),C=require("../layout-context.cjs.js"),a=require("./sidenav.module.scss.cjs.js"),F=require("./utility.cjs.js"),A=n=>requestAnimationFrame(n),I=n=>{const{navItems:l,ariaLabel:i,linkAs:r,breakToBottomContent:c,breakToHeader:x,showDividers:u=!0,hideSubItemIcons:m=!1,className:v,..._}=n,p=q.default(["mobile","tablet"]),{menuOpen:b,context:g,getFloatingProps:f,floating:y,headerType:e,y:s}=d.useContext(C.LayoutContext),{hasSidenav:o}=F.useSidenavRendered(e,n);if(!o)return null;const N=h.default(a.default.sidenav,v,{[a.default["sidenav--has-dividers"]]:u,[a.default["sidenav--hide-subitem-icons"]]:m}),j=t.jsx(P.Print,{visibility:"hide",children:t.jsx("nav",{"data-name":"sidenav",..._,className:N,"aria-label":i,children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar","aria-label":i,children:l.map((E,M)=>d.createElement(k,{as:r,...E,key:M}))})})});return p?b?t.jsx(S.FloatingOverlay,{lockScroll:!0,className:a.default.sidenav__overlay,children:t.jsx(S.FloatingFocusManager,{context:g,order:["reference","content"],children:t.jsx("div",{...f({style:{paddingTop:s??0},className:a.default.sidenav,"aria-label":i}),ref:y,children:j})})}):null:j},k=n=>{const{icon:l,children:i,isActive:r,onClick:c,subItems:x,as:u,...m}=n,{toggleMenu:v,onHeaderSidenavToggle:_}=d.useContext(C.LayoutContext),p=q.default(["mobile","tablet"]),b=h.default(a.default.sidenav__item,{[a.default["sidenav__item--current"]]:r}),g=d.useId(),f=e=>{const o={className:h.default(a.default.sidenav__icon)},N=typeof e=="string"?{...o,name:e,color:"inherit"}:{...o,...e,className:h.default(o.className,e==null?void 0:e.className),background:void 0};return t.jsx(T.Icon,{...N})},y=e=>{c==null||c(e),e.stopPropagation(),typeof _=="function"||(p?A(()=>v()):v())};return t.jsx("li",{"data-name":"sidenav-item",className:b,role:"presentation",children:x?t.jsx(L.Collapse,{id:g,hideCollapseText:!0,open:r,title:t.jsxs("span",{...(({_href:e,...s})=>s)(m),className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]}),children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar",children:x.map((e,s)=>d.createElement(k,{as:u,...e,key:s}))})}):t.jsxs(B.Anchor,{...m,as:u,onClick:y,className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]})})};exports.SideNav=I;exports.default=I;

package/src/community/components/layout/sidenav/sidenav.es.js

@@ -5,7 +5,7 @@ import v from "../../../../../external/classnames/index.es.js";
 import { Icon as P } from "../../../../tedi/components/base/icon/icon.es.js";
 import { Collapse as A } from "../../../../tedi/components/buttons/collapse/collapse.es.js";
 import { Print as j } from "../../../../tedi/components/misc/print/print.es.js";
-import { useLayout as k } from "../../../helpers/hooks/use-layout.es.js";
+import k from "../../../helpers/hooks/use-layout.es.js";
 import { Anchor as H } from "../../anchor/anchor.es.js";
 import { LayoutContext as E } from "../layout-context.es.js";
 import a from "./sidenav.module.scss.es.js";

package/src/community/components/layout/sidenav/utility.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../helpers/hooks/use-layout.cjs.js"),s=(e,o)=>{const{breakToBottomContent:u,breakToHeader:r}=o||{breakToBottomContent:[],breakToHeader:[]},t=a.useLayout(u||[])&&e==="public",n=a.useLayout(r||[])&&e==="public";return{shouldBreakToBottomContent:t,shouldBreakToHeader:n,hasSidenav:!!o&&!(e==="public"&&(t||n))}};exports.useSidenavRendered=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../helpers/hooks/use-layout.cjs.js"),d=(e,t)=>{const{breakToBottomContent:r,breakToHeader:u}=t||{breakToBottomContent:[],breakToHeader:[]},o=a.default(r||[])&&e==="public",n=a.default(u||[])&&e==="public";return{shouldBreakToBottomContent:o,shouldBreakToHeader:n,hasSidenav:!!t&&!(e==="public"&&(o||n))}};exports.useSidenavRendered=d;

package/src/community/components/layout/sidenav/utility.es.js

@@ -1,4 +1,4 @@
-import { useLayout as a } from "../../../helpers/hooks/use-layout.es.js";
+import a from "../../../helpers/hooks/use-layout.es.js";
 const d = (o, t) => {
   const { breakToBottomContent: r, breakToHeader: s } = t || { breakToBottomContent: [], breakToHeader: [] }, e = a(r || []) && o === "public", n = a(s || []) && o === "public";
   return { shouldBreakToBottomContent: e, shouldBreakToHeader: n, hasSidenav: !!t && !(o === "public" && (e || n)) };

package/src/community/components/map-components/base-map-selection/base-map-selection.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),e=require("./base-map-selection.module.scss.cjs.js"),i=n=>{const{title:o,content:c,selected:d,onSelect:t,type:s="button",className:u,id:r,multiple:p}=n,m=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),t==null||t())},b=f.default(e.default["tedi-base-map-selection__wrapper"],d&&e.default["tedi-base-map-selection--selected"],s&&e.default[`tedi-base-map-selection--${s}`],p&&e.default["tedi-base-map-selection--multiple"],u);return l.jsxs("div",{role:"button",tabIndex:0,onClick:t,onKeyDown:m,className:b,id:r,children:[l.jsx("div",{className:e.default["tedi-base-map-selection__content"],children:c}),l.jsx("div",{className:e.default["tedi-base-map-selection__title"],children:o})]})};exports.BaseMapSelection=i;exports.default=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),b=require("../../../../../external/classnames/index.cjs.js"),e=require("./base-map-selection.module.scss.cjs.js"),f=n=>{const{title:i,content:c,selected:o,onSelect:t,type:s="button",className:d,id:u,multiple:r}=n,p=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),t==null||t())},m=b.default(e.default["tedi-base-map-selection__wrapper"],o&&e.default["tedi-base-map-selection--selected"],s&&e.default[`tedi-base-map-selection--${s}`],r&&e.default["tedi-base-map-selection--multiple"],d);return l.jsxs("div",{role:"button",tabIndex:0,onClick:t,onKeyDown:p,className:m,id:u,children:[l.jsx("div",{className:e.default["tedi-base-map-selection__content"],children:c}),l.jsx("div",{className:e.default["tedi-base-map-selection__title"],children:i})]})};exports.BaseMapSelection=f;

package/src/community/components/map-components/base-map-selection/base-map-selection.es.js

@@ -1,22 +1,21 @@
-import { jsxs as u, jsx as i } from "react/jsx-runtime";
-import f from "../../../../../external/classnames/index.es.js";
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import y from "../../../../../external/classnames/index.es.js";
 import e from "./base-map-selection.module.scss.es.js";
-const h = (l) => {
-  const { title: n, content: o, selected: c, onSelect: t, type: a = "button", className: m, id: d, multiple: p } = l, r = (s) => {
+const h = (n) => {
+  const { title: l, content: o, selected: c, onSelect: t, type: i = "button", className: m, id: p, multiple: d } = n, r = (s) => {
     (s.key === "Enter" || s.key === " ") && (s.preventDefault(), t == null || t());
-  }, b = f(
+  }, b = y(
     e["tedi-base-map-selection__wrapper"],
     c && e["tedi-base-map-selection--selected"],
-    a && e[`tedi-base-map-selection--${a}`],
-    p && e["tedi-base-map-selection--multiple"],
+    i && e[`tedi-base-map-selection--${i}`],
+    d && e["tedi-base-map-selection--multiple"],
     m
   );
-  return /* @__PURE__ */ u("div", { role: "button", tabIndex: 0, onClick: t, onKeyDown: r, className: b, id: d, children: [
-    /* @__PURE__ */ i("div", { className: e["tedi-base-map-selection__content"], children: o }),
-    /* @__PURE__ */ i("div", { className: e["tedi-base-map-selection__title"], children: n })
+  return /* @__PURE__ */ u("div", { role: "button", tabIndex: 0, onClick: t, onKeyDown: r, className: b, id: p, children: [
+    /* @__PURE__ */ a("div", { className: e["tedi-base-map-selection__content"], children: o }),
+    /* @__PURE__ */ a("div", { className: e["tedi-base-map-selection__title"], children: l })
   ] });
 };
 export {
-  h as BaseMapSelection,
-  h as default
+  h as BaseMapSelection
 };

package/src/community/components/map-components/button-group/button-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),v=require("../map-button/map-button.cjs.js"),e=require("./button-group.module.scss.cjs.js"),p=c=>{const{children:f,className:m,direction:b="horizontal",onSelectionChange:s,stretch:x=!1,ariaLabel:_,prefix:a,suffix:l,prefixClassName:g,suffixClassName:h}=c;return u.jsxs("div",{className:i.default(e.default["tedi-button-group"],e.default[`tedi-button-group--${b}`],{[e.default["tedi-button-group--stretch"]]:x},m),role:"group","aria-label":_,children:[a&&u.jsx("div",{className:i.default(e.default["tedi-button-group__prefix"],g),children:u.jsx("span",{children:a})}),o.Children.map(f,r=>{if(o.isValidElement(r)&&r.type===v.MapButton){const t=r;return o.cloneElement(t,{className:i.default(e.default["tedi-button-group__item"],{[e.default["tedi-button-group__item--active"]]:t.props.isActive,[e.default["tedi-button-group__item--disabled"]]:t.props.disabled}),onClick:j=>{var d,n;t.props.disabled||((n=(d=t.props).onClick)==null||n.call(d,j),s==null||s(t.props.id))}})}return r}),l&&u.jsx("div",{className:i.default(e.default["tedi-button-group__suffix"],h),children:u.jsx("span",{children:l})})]})};exports.ButtonGroup=p;exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),j=require("../map-button/map-button.cjs.js"),e=require("./button-group.module.scss.cjs.js"),N=p=>{const{children:c,className:f,direction:m="horizontal",onSelectionChange:s,stretch:b=!1,ariaLabel:x,prefix:a,suffix:d,prefixClassName:_,suffixClassName:g}=p;return r.jsxs("div",{className:i.default(e.default["tedi-button-group"],e.default[`tedi-button-group--${m}`],{[e.default["tedi-button-group--stretch"]]:b},f),role:"group","aria-label":x,children:[a&&r.jsx("div",{className:i.default(e.default["tedi-button-group__prefix"],_),children:r.jsx("span",{children:a})}),o.Children.map(c,u=>{if(o.isValidElement(u)&&u.type===j.MapButton){const t=u;return o.cloneElement(t,{className:i.default(e.default["tedi-button-group__item"],{[e.default["tedi-button-group__item--active"]]:t.props.isActive,[e.default["tedi-button-group__item--disabled"]]:t.props.disabled}),onClick:h=>{var l,n;t.props.disabled||((n=(l=t.props).onClick)==null||n.call(l,h),s==null||s(t.props.id))}})}return u}),d&&r.jsx("div",{className:i.default(e.default["tedi-button-group__suffix"],g),children:r.jsx("span",{children:d})})]})};exports.ButtonGroup=N;

package/src/community/components/map-components/button-group/button-group.es.js

@@ -40,8 +40,8 @@ const A = (d) => {
                 [t["tedi-button-group__item--disabled"]]: e.props.disabled
               }),
               onClick: (g) => {
-                var l, n;
-                e.props.disabled || ((n = (l = e.props).onClick) == null || n.call(l, g), s == null || s(e.props.id));
+                var n, l;
+                e.props.disabled || ((l = (n = e.props).onClick) == null || l.call(n, g), s == null || s(e.props.id));
               }
             });
           }
@@ -53,6 +53,5 @@ const A = (d) => {
   );
 };
 export {
-  A as ButtonGroup,
-  A as default
+  A as ButtonGroup
 };

package/src/community/components/map-components/carousel/carousel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),d=require("../../../../tedi/components/buttons/floating-button/floating-button.cjs.js"),e=require("./carousel.module.scss.cjs.js"),u=_=>{const{itemCountShown:l,children:f,className:m}=_,[s,n]=c.useState(0),o=c.Children.toArray(f),r=o.length,v=()=>{s+l<r&&n(a=>a+1)},x=()=>{s>0&&n(a=>a-1)},h=`translateX(-${100/l*s}%)`;return t.jsxs("div",{className:`${e.default["tedi-carousel__wrapper"]} ${m??""}`,children:[t.jsx(d.FloatingButton,{className:i.default(e.default["tedi-carousel__navigation-button"],e.default["tedi-carousel__prev"]),onClick:x,visualType:"secondary",disabled:s===0,icon:"west",children:"Prev"}),t.jsx("div",{className:e.default["tedi-carousel__viewport"],children:t.jsx("div",{className:e.default["tedi-carousel__carousel-track"],style:{transform:h},children:o.map((a,N)=>t.jsx("div",{className:e.default["tedi-carousel__item"],style:{flex:`0 0 ${100/l}%`},children:a},N))})}),t.jsx(d.FloatingButton,{className:i.default(e.default["tedi-carousel__navigation-button"],e.default["tedi-carousel__next"]),onClick:v,visualType:"secondary",disabled:s+l>=r,icon:"east",children:"Next"})]})};exports.Carousel=u;exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),d=require("../../../../tedi/components/buttons/floating-button/floating-button.cjs.js"),e=require("./carousel.module.scss.cjs.js"),y=u=>{const{itemCountShown:l,children:_,className:f}=u,[s,n]=c.useState(0),o=c.Children.toArray(_),r=o.length,m=()=>{s+l<r&&n(a=>a+1)},x=()=>{s>0&&n(a=>a-1)},v=`translateX(-${100/l*s}%)`;return t.jsxs("div",{className:`${e.default["tedi-carousel__wrapper"]} ${f??""}`,children:[t.jsx(d.FloatingButton,{className:i.default(e.default["tedi-carousel__navigation-button"],e.default["tedi-carousel__prev"]),onClick:x,visualType:"secondary",disabled:s===0,icon:"west",children:"Prev"}),t.jsx("div",{className:e.default["tedi-carousel__viewport"],children:t.jsx("div",{className:e.default["tedi-carousel__carousel-track"],style:{transform:v},children:o.map((a,h)=>t.jsx("div",{className:e.default["tedi-carousel__item"],style:{flex:`0 0 ${100/l}%`},children:a},h))})}),t.jsx(d.FloatingButton,{className:i.default(e.default["tedi-carousel__navigation-button"],e.default["tedi-carousel__next"]),onClick:m,visualType:"secondary",disabled:s+l>=r,icon:"east",children:"Next"})]})};exports.Carousel=y;

package/src/community/components/map-components/carousel/carousel.d.ts

@@ -1,4 +1,9 @@
 import { default as React } from 'react';
+/**
+ * @deprecated Use `Carousel` from `@tedi-design-system/react/tedi` instead — with
+ * `Carousel.Content loop={false}` and `Carousel.Navigation overlay` for the same
+ * bounded, edge-arrow pattern (plus keyboard and screen-reader support).
+ */
 export interface CarouselProps {
     /**
      * Number of items visible at once in the carousel viewport.
@@ -15,5 +20,10 @@ export interface CarouselProps {
      */
     className?: string;
 }
+/**
+ * @deprecated Use `Carousel` from `@tedi-design-system/react/tedi` instead — with
+ * `Carousel.Content loop={false}` and `Carousel.Navigation overlay` for the same
+ * bounded, edge-arrow pattern (plus keyboard and screen-reader support).
+ */
 export declare const Carousel: (props: CarouselProps) => JSX.Element;
 export default Carousel;

package/src/community/components/map-components/carousel/carousel.es.js

@@ -4,11 +4,11 @@ import N, { useState as x } from "react";
 import { FloatingButton as n } from "../../../../tedi/components/buttons/floating-button/floating-button.es.js";
 import e from "./carousel.module.scss.es.js";
 const $ = (d) => {
-  const { itemCountShown: l, children: m, className: u } = d, [t, o] = x(0), r = N.Children.toArray(m), i = r.length, _ = () => {
-    t + l < i && o((s) => s + 1);
+  const { itemCountShown: o, children: m, className: u } = d, [t, l] = x(0), r = N.Children.toArray(m), i = r.length, _ = () => {
+    t + o < i && l((s) => s + 1);
   }, p = () => {
-    t > 0 && o((s) => s - 1);
-  }, h = `translateX(-${100 / l * t}%)`;
+    t > 0 && l((s) => s - 1);
+  }, h = `translateX(-${100 / o * t}%)`;
   return /* @__PURE__ */ f("div", { className: `${e["tedi-carousel__wrapper"]} ${u ?? ""}`, children: [
     /* @__PURE__ */ a(
       n,
@@ -21,14 +21,14 @@ const $ = (d) => {
         children: "Prev"
       }
     ),
-    /* @__PURE__ */ a("div", { className: e["tedi-carousel__viewport"], children: /* @__PURE__ */ a("div", { className: e["tedi-carousel__carousel-track"], style: { transform: h }, children: r.map((s, v) => /* @__PURE__ */ a("div", { className: e["tedi-carousel__item"], style: { flex: `0 0 ${100 / l}%` }, children: s }, v)) }) }),
+    /* @__PURE__ */ a("div", { className: e["tedi-carousel__viewport"], children: /* @__PURE__ */ a("div", { className: e["tedi-carousel__carousel-track"], style: { transform: h }, children: r.map((s, v) => /* @__PURE__ */ a("div", { className: e["tedi-carousel__item"], style: { flex: `0 0 ${100 / o}%` }, children: s }, v)) }) }),
     /* @__PURE__ */ a(
       n,
       {
         className: c(e["tedi-carousel__navigation-button"], e["tedi-carousel__next"]),
         onClick: _,
         visualType: "secondary",
-        disabled: t + l >= i,
+        disabled: t + o >= i,
         icon: "east",
         children: "Next"
       }
@@ -36,6 +36,5 @@ const $ = (d) => {
   ] });
 };
 export {
-  $ as Carousel,
-  $ as default
+  $ as Carousel
 };

package/src/community/components/map-components/color-and-icon-picker/color-and-icon-picker.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),n=require("../../../../tedi/components/base/icon/icon.cjs.js"),h=require("../../../../tedi/components/content/label/label.cjs.js"),w=require("../../../../tedi/components/buttons/button/button.cjs.js"),s=require("../map-dropdown/map-dropdown.cjs.js"),a=require("./color-and-icon-picker.module.scss.cjs.js"),v=f=>{const{options:r,selectedValue:o,onSelect:t,type:c,label:m,name:i,layout:u="row",showLabels:_=!1,showInline:p=!1}=f,k=r.find(e=>e.value===o)||r[0],x=e=>l.jsx("div",{className:d.default(a.default["tedi-color-and-icon-picker__visual--selected"],{[a.default["tedi-color-and-icon-picker__visual--none"]]:e.value==="none"}),style:c==="color"?{backgroundColor:e.color}:{},children:c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon})}),j=e=>l.jsx("div",{className:a.default["tedi-color-and-icon-picker__dropdown-item"],role:"option","aria-selected":e.value===o,children:l.jsx(l.Fragment,{children:_?l.jsxs("div",{className:a.default["tedi-color-and-icon-picker__dropdown-item"],children:[c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon,className:a.default["tedi-visual-option__icon"]}),e.label??e.value]}):l.jsx("div",{className:d.default(a.default["tedi-color-and-icon-picker__visual"],{[a.default["tedi-color-and-icon-picker__visual--active"]]:e.value===o,[a.default["tedi-color-and-icon-picker__visual--none"]]:e.value==="none",[a.default[`tedi-color-and-icon-picker__visual--${c}`]]:c}),style:e.value!=="none"&&c==="color"?{backgroundColor:e.color}:{},children:c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon,color:"secondary"})})})}),b=r.map(e=>({children:j(e),onClick:()=>t(e.value),isActive:e.value===o}));return l.jsxs(l.Fragment,{children:[l.jsx(h.Label,{htmlFor:i,...m}),p?l.jsx("div",{className:d.default(a.default["tedi-color-and-icon-picker__wrapper"],a.default["tedi-color-and-icon-picker__inline"],a.default[`tedi-color-and-icon-picker__layout--${u}`]),role:"listbox","aria-labelledby":i,children:r.map(e=>l.jsx("button",{type:"button",className:d.default(a.default["tedi-color-and-icon-picker__visual"],{[a.default["tedi-color-and-icon-picker__visual--active"]]:e.value===o,[a.default["tedi-color-and-icon-picker__visual--none"]]:e.value==="none",[a.default[`tedi-color-and-icon-picker__visual--${c}`]]:c}),style:e.value!=="none"&&c==="color"?{backgroundColor:e.color}:{},onClick:()=>t(e.value),"aria-selected":e.value===o,role:"option",children:c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon,className:a.default["tedi-visual-option__icon"]})},e.value))}):l.jsxs(s.MapDropdown,{className:_?"":a.default["tedi-color-and-icon-picker__wrapper"],layout:u,children:[l.jsx(s.MapDropdown.Trigger,{children:l.jsxs(w.Button,{className:a.default["tedi-color-and-icon-picker"],"aria-haspopup":"listbox","aria-expanded":"false",noStyle:!0,children:[x(k),l.jsx(n.Icon,{name:"arrow_drop_down"})]})}),l.jsx(s.MapDropdown.Content,{items:b})]}),i&&l.jsx("input",{type:"hidden",name:i,value:o})]})};exports.ColorAndIconPicker=v;exports.default=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),n=require("../../../../tedi/components/base/icon/icon.cjs.js"),b=require("../../../../tedi/components/content/label/label.cjs.js"),h=require("../../../../tedi/components/buttons/button/button.cjs.js"),s=require("../map-dropdown/map-dropdown.cjs.js"),a=require("./color-and-icon-picker.module.scss.cjs.js"),w=v=>{const{options:r,selectedValue:o,onSelect:t,type:c,label:m,name:i,layout:u="row",showLabels:_=!1,showInline:f=!1}=v,p=r.find(e=>e.value===o)||r[0],k=e=>l.jsx("div",{className:d.default(a.default["tedi-color-and-icon-picker__visual--selected"],{[a.default["tedi-color-and-icon-picker__visual--none"]]:e.value==="none"}),style:c==="color"?{backgroundColor:e.color}:{},children:c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon})}),x=e=>l.jsx("div",{className:a.default["tedi-color-and-icon-picker__dropdown-item"],role:"option","aria-selected":e.value===o,children:l.jsx(l.Fragment,{children:_?l.jsxs("div",{className:a.default["tedi-color-and-icon-picker__dropdown-item"],children:[c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon,className:a.default["tedi-visual-option__icon"]}),e.label??e.value]}):l.jsx("div",{className:d.default(a.default["tedi-color-and-icon-picker__visual"],{[a.default["tedi-color-and-icon-picker__visual--active"]]:e.value===o,[a.default["tedi-color-and-icon-picker__visual--none"]]:e.value==="none",[a.default[`tedi-color-and-icon-picker__visual--${c}`]]:c}),style:e.value!=="none"&&c==="color"?{backgroundColor:e.color}:{},children:c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon,color:"secondary"})})})}),j=r.map(e=>({children:x(e),onClick:()=>t(e.value),isActive:e.value===o}));return l.jsxs(l.Fragment,{children:[l.jsx(b.Label,{htmlFor:i,...m}),f?l.jsx("div",{className:d.default(a.default["tedi-color-and-icon-picker__wrapper"],a.default["tedi-color-and-icon-picker__inline"],a.default[`tedi-color-and-icon-picker__layout--${u}`]),role:"listbox","aria-labelledby":i,children:r.map(e=>l.jsx("button",{type:"button",className:d.default(a.default["tedi-color-and-icon-picker__visual"],{[a.default["tedi-color-and-icon-picker__visual--active"]]:e.value===o,[a.default["tedi-color-and-icon-picker__visual--none"]]:e.value==="none",[a.default[`tedi-color-and-icon-picker__visual--${c}`]]:c}),style:e.value!=="none"&&c==="color"?{backgroundColor:e.color}:{},onClick:()=>t(e.value),"aria-selected":e.value===o,role:"option",children:c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon,className:a.default["tedi-visual-option__icon"]})},e.value))}):l.jsxs(s.MapDropdown,{className:_?"":a.default["tedi-color-and-icon-picker__wrapper"],layout:u,children:[l.jsx(s.MapDropdown.Trigger,{children:l.jsxs(h.Button,{className:a.default["tedi-color-and-icon-picker"],"aria-haspopup":"listbox","aria-expanded":"false",noStyle:!0,children:[k(p),l.jsx(n.Icon,{name:"arrow_drop_down"})]})}),l.jsx(s.MapDropdown.Content,{items:j})]}),i&&l.jsx("input",{type:"hidden",name:i,value:o})]})};exports.ColorAndIconPicker=w;