@tedi-design-system/react 14.0.0-rc.1

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="container-88e37574",a="main-b16259b1",e="main__breadcrumbs-60ac8051",i="main__content-6ceff114",o="main__logos-d4cd0b0a",t={"container-wrapper":"container-wrapper-6bf698b9",container:n,main:a,"main--with-sidenav":"main--with-sidenav-19d59808",main__breadcrumbs:e,main__content:i,"main--grow":"main--grow-4e2396cd",main__logos:o};exports.container=n;exports.default=t;exports.main=a;exports.main__breadcrumbs=e;exports.main__content=i;exports.main__logos=o;

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

@@ -0,0 +1,18 @@
+const n = "container-88e37574", a = "main-b16259b1", i = "main__breadcrumbs-60ac8051", o = "main__content-6ceff114", t = "main__logos-d4cd0b0a", c = {
+  "container-wrapper": "container-wrapper-6bf698b9",
+  container: n,
+  main: a,
+  "main--with-sidenav": "main--with-sidenav-19d59808",
+  main__breadcrumbs: i,
+  main__content: o,
+  "main--grow": "main--grow-4e2396cd",
+  main__logos: t
+};
+export {
+  n as container,
+  c as default,
+  a as main,
+  i as main__breadcrumbs,
+  o as main__content,
+  t as main__logos
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext({menuOpen:!1,toggleMenu:()=>null,headerType:"system",reference:()=>null,floating:()=>null,getReferenceProps:()=>({}),getFloatingProps:()=>({}),context:{},y:null,headerElement:null,headerBottomElement:null,headerBottomSize:void 0,onHeaderSidenavToggle:void 0});exports.LayoutContext=t;

package/src/community/components/layout/layout-context.d.ts

@@ -0,0 +1,38 @@
+import { FloatingContext, ReferenceType } from '@floating-ui/react';
+import React from 'react';
+import { IntentionalAny } from '../../types';
+import { SideNavProps } from './sidenav/sidenav';
+export interface ILayoutContext {
+    menuOpen: boolean;
+    toggleMenu: () => void;
+    /**
+     * Type of the Header
+     * - System header is meant for logged in system
+     * - Public is meant for public pages where user is not yet signed in, usually also does not have sidenav on desktop
+     * @default 'system'
+     */
+    headerType: 'system' | 'public';
+    reference: (node: ReferenceType | null) => void;
+    floating: (node: HTMLElement | null) => void;
+    getReferenceProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    context: FloatingContext<ReferenceType>;
+    sideNavProps?: SideNavProps<IntentionalAny>;
+    y: number | null;
+    /**
+     * reference to header element to position HeaderDropdown aligned with bottom of header.
+     */
+    headerElement: React.RefObject<HTMLElement> | null;
+    /**
+     * reference to header bottom element to position affixes relative to it.
+     */
+    headerBottomElement: React.RefObject<HTMLDivElement> | null;
+    headerBottomSize?: DOMRect;
+    /**
+     * Custom toggle function for mobile menu
+     * @param menuOpen - The current state of the menu (true if open, false if closed)
+     * @default undefined
+     */
+    onHeaderSidenavToggle?: (menuOpen: boolean) => void;
+}
+export declare const LayoutContext: React.Context<ILayoutContext>;

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

@@ -0,0 +1,19 @@
+import e from "react";
+const n = e.createContext({
+  menuOpen: !1,
+  toggleMenu: () => null,
+  headerType: "system",
+  reference: () => null,
+  floating: () => null,
+  getReferenceProps: () => ({}),
+  getFloatingProps: () => ({}),
+  context: {},
+  y: null,
+  headerElement: null,
+  headerBottomElement: null,
+  headerBottomSize: void 0,
+  onHeaderSidenavToggle: void 0
+});
+export {
+  n as LayoutContext
+};

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

@@ -0,0 +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"),x=require("../../../../../external/classnames/index.cjs.js"),k=require("../../../../tedi/components/misc/print/print.cjs.js"),q=require("../../../helpers/hooks/use-layout.cjs.js"),T=require("../../anchor/anchor.cjs.js"),P=require("../../collapse/collapse.cjs.js"),B=require("../../icon/icon.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:_,showDividers:u=!0,hideSubItemIcons:m=!1,className:v,...h}=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=x.default(a.default.sidenav,v,{[a.default["sidenav--has-dividers"]]:u,[a.default["sidenav--hide-subitem-icons"]]:m}),j=t.jsx(k.Print,{visibility:"hide",children:t.jsx("nav",{"data-name":"sidenav",...h,className:N,"aria-label":i,children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar","aria-label":i,children:l.map((L,M)=>d.createElement(E,{as:r,...L,key:M}))})})});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},E=n=>{const{icon:l,children:i,isActive:r,onClick:c,subItems:_,as:u,...m}=n,{toggleMenu:v,onHeaderSidenavToggle:h}=d.useContext(C.LayoutContext),p=q.useLayout(["mobile","tablet"]),y=x.default(a.default.sidenav__item,{[a.default["sidenav__item--current"]]:r}),b=d.useId(),f=e=>{const o={className:x.default(a.default.sidenav__icon)},N=typeof e=="string"?{...o,name:e}:{...o,...e,className:x.default(o.className,e==null?void 0:e.className)};return t.jsx(B.Icon,{...N})},g=e=>{c==null||c(e),e.stopPropagation(),typeof h=="function"||(p?A(()=>v()):v())};return t.jsx("li",{"data-name":"sidenav-item",className:y,role:"presentation",children:_?t.jsx(P.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:_.map((e,s)=>d.createElement(E,{as:u,...e,key:s}))})}):t.jsxs(T.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;

package/src/community/components/layout/sidenav/sidenav.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Layouts } from '../../../helpers/hooks/use-layout';
+import { AllowedHTMLTags } from '../../../helpers/polymorphic/types';
+import { IntentionalAny } from '../../../types';
+import { AnchorProps } from '../../anchor/anchor';
+import { IconProps } from '../../icon/icon';
+type ConditionalTypes<C extends React.ElementType = 'a'> = {
+    /**
+     * Render all anchors (except logoLink and skipLink) as this component<br />
+     * See [Anchor/CustomComponent](/?path=/docs/components-anchor--custom-component) for an example
+     */
+    linkAs: AllowedHTMLTags<C, 'a' | React.ComponentType<IntentionalAny>>;
+    /**
+     * Level 1 menu links
+     */
+    navItems: SideNavItem<C>[];
+} | {
+    linkAs?: never;
+    navItems: SideNavItem<IntentionalAny>[];
+};
+export type SideNavProps<C extends React.ElementType = 'a'> = ConditionalTypes<C> & {
+    /**
+     * SideNav menu aria-label used for
+     */
+    ariaLabel: string;
+    /**
+     * Id of the navigation
+     */
+    id?: string;
+    /**
+     * Breakpoint at which the SideNav will be rendered inside BottomContent.
+     * Only works for public type Header, system type header should have always a sidenav
+     */
+    breakToBottomContent?: Layouts;
+    /**
+     * Breakpoint at which the SideNav will be rendered inside HeaderContent
+     * Only works for public type Header, system type header should have always a sidenav
+     */
+    breakToHeader?: Layouts;
+    /**
+     * Show dividers between navigation items
+     * @default true
+     */
+    showDividers?: boolean;
+    /**
+     * Hide submenu icons
+     * @default false
+     */
+    hideSubItemIcons?: boolean;
+    /**
+     * Additional class names for the sidenav component
+     */
+    className?: string;
+};
+export type SideNavItem<C extends React.ElementType = 'a'> = AnchorProps<C> & {
+    /**
+     * Icon of the item
+     */
+    icon?: string | IconProps;
+    /**
+     * Submenu items
+     */
+    subItems?: SideNavItem<C>[];
+};
+export declare const SideNav: <C extends React.ElementType = "a">(props: SideNavProps<C>) => import("react/jsx-runtime").JSX.Element | null;
+export default SideNav;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="sidenav-4c9e79eb",i="sidenav__overlay-25cc0620",s="sidenav__list-ea6542c0",n="sidenav__item-93953ce4",_="sidenav__link-5e657693",a="sidenav__title-64031477",d={sidenav:e,sidenav__overlay:i,sidenav__list:s,sidenav__item:n,"sidenav--has-dividers":"sidenav--has-dividers-9e87e815","sidenav__item--current":"sidenav__item--current-762d8426","sidenav--hide-subitem-icons":"sidenav--hide-subitem-icons-fbb0bf32",sidenav__link:_,sidenav__title:a};exports.default=d;exports.sidenav=e;exports.sidenav__item=n;exports.sidenav__link=_;exports.sidenav__list=s;exports.sidenav__overlay=i;exports.sidenav__title=a;

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

@@ -0,0 +1,20 @@
+const e = "sidenav-4c9e79eb", i = "sidenav__overlay-25cc0620", s = "sidenav__list-ea6542c0", n = "sidenav__item-93953ce4", _ = "sidenav__link-5e657693", a = "sidenav__title-64031477", d = {
+  sidenav: e,
+  sidenav__overlay: i,
+  sidenav__list: s,
+  sidenav__item: n,
+  "sidenav--has-dividers": "sidenav--has-dividers-9e87e815",
+  "sidenav__item--current": "sidenav__item--current-762d8426",
+  "sidenav--hide-subitem-icons": "sidenav--hide-subitem-icons-fbb0bf32",
+  sidenav__link: _,
+  sidenav__title: a
+};
+export {
+  d as default,
+  e as sidenav,
+  n as sidenav__item,
+  _ as sidenav__link,
+  s as sidenav__list,
+  i as sidenav__overlay,
+  a as sidenav__title
+};

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

@@ -0,0 +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;

package/src/community/components/layout/sidenav/utility.d.ts

@@ -0,0 +1,8 @@
+import { IntentionalAny } from '../../../types';
+import { ILayoutProps } from '../layout/layout';
+import { SideNavProps } from './sidenav';
+export declare const useSidenavRendered: (headerType: ILayoutProps["headerType"], props?: SideNavProps<IntentionalAny>) => {
+    shouldBreakToBottomContent: boolean;
+    shouldBreakToHeader: boolean;
+    hasSidenav: boolean;
+};

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

@@ -0,0 +1,8 @@
+import { useLayout as 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)) };
+};
+export {
+  d as useSidenavRendered
+};

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

@@ -0,0 +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;

package/src/community/components/map-components/base-map-selection/base-map-selection.d.ts

@@ -0,0 +1,44 @@
+import { JSX } from 'react';
+type BaseMapSelectionType = 'button' | 'historical' | 'selection';
+export interface BaseMapSelectionProps {
+    /**
+     * The title displayed within the component.
+     */
+    title: string;
+    /**
+     * The main content of the selection card. Can be any valid React node.
+     */
+    content: React.ReactNode;
+    /**
+     * Indicates whether the current item is selected.
+     * Used to apply specific visual styles.
+     */
+    selected?: boolean;
+    /**
+     * Callback function triggered when the selection is clicked
+     * or activated via keyboard (Enter or Space).
+     */
+    onSelect?: () => void;
+    /**
+     * The type of the selection, which controls styling.
+     * - `'button'`: default interactive selection
+     * - `'historical'`: styled for historical context
+     * - `'selection'`: styled for multi-selection context
+     */
+    type: BaseMapSelectionType;
+    /**
+     * Optional custom class name to apply additional styles.
+     */
+    className?: string;
+    /**
+     * Optional HTML `id` attribute to identify the element.
+     */
+    id?: string;
+    /**
+     * When `true`, indicates that multiple selections are allowed.
+     * Affects the visual style.
+     */
+    multiple?: boolean;
+}
+export declare const BaseMapSelection: (props: BaseMapSelectionProps) => JSX.Element;
+export default BaseMapSelection;

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

@@ -0,0 +1,22 @@
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import f 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) => {
+    (s.key === "Enter" || s.key === " ") && (s.preventDefault(), t == null || t());
+  }, b = f(
+    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"],
+    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 })
+  ] });
+};
+export {
+  h as BaseMapSelection,
+  h as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-base-map-selection__wrapper":"tedi-base-map-selection__wrapper-aae7464f","tedi-base-map-selection__content":"tedi-base-map-selection__content-3145448d","tedi-base-map-selection--historical":"tedi-base-map-selection--historical-159d3def","tedi-base-map-selection__title":"tedi-base-map-selection__title-d46b74ec","tedi-map-selection__title":"tedi-map-selection__title-20651d60","tedi-base-map-selection--selected":"tedi-base-map-selection--selected-914a0483","tedi-base-map-selection--button":"tedi-base-map-selection--button-0e9e36f4","tedi-base-map-selection--selection":"tedi-base-map-selection--selection-910cae90","tedi-base-map-selection--multiple":"tedi-base-map-selection--multiple-58cb365c"};exports.default=e;

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

@@ -0,0 +1,14 @@
+const e = {
+  "tedi-base-map-selection__wrapper": "tedi-base-map-selection__wrapper-aae7464f",
+  "tedi-base-map-selection__content": "tedi-base-map-selection__content-3145448d",
+  "tedi-base-map-selection--historical": "tedi-base-map-selection--historical-159d3def",
+  "tedi-base-map-selection__title": "tedi-base-map-selection__title-d46b74ec",
+  "tedi-map-selection__title": "tedi-map-selection__title-20651d60",
+  "tedi-base-map-selection--selected": "tedi-base-map-selection--selected-914a0483",
+  "tedi-base-map-selection--button": "tedi-base-map-selection--button-0e9e36f4",
+  "tedi-base-map-selection--selection": "tedi-base-map-selection--selection-910cae90",
+  "tedi-base-map-selection--multiple": "tedi-base-map-selection--multiple-58cb365c"
+};
+export {
+  e as default
+};

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

@@ -0,0 +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;

package/src/community/components/map-components/button-group/button-group.d.ts

@@ -0,0 +1,52 @@
+import { JSX, ReactNode } from 'react';
+export type ButtonGroupProps = {
+    /**
+     * The child components to render inside the ButtonGroup.
+     * Typically, these should be `<Button>` components.
+     */
+    children: ReactNode;
+    /**
+     * The layout direction of the ButtonGroup.
+     * @default horizontal
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * Callback function triggered when the selected button changes.
+     * Receives the `id` of the selected button as an argument.
+     */
+    onSelectionChange?: (id: string) => void;
+    /**
+     * Whether all buttons in the group should have equal width and stretched inside their parent element.
+     * If `true`, all buttons will take up equal space.
+     * If `false`, the button widths will be determined by their content.
+     * @default true
+     */
+    stretch?: boolean;
+    /**
+     * A label for the button group, used for accessibility.
+     * Required if the group does not have a visible label.
+     */
+    ariaLabel?: string;
+    /**
+     * Additional custom CSS classes to apply to the ButtonGroup container
+     */
+    className?: string;
+    /**
+     * Content to display before the buttons (prefix)
+     */
+    prefix?: string;
+    /**
+     * Content to display after the buttons (suffix)
+     */
+    suffix?: string;
+    /**
+     * CSS class for the prefix element
+     */
+    prefixClassName?: string;
+    /**
+     * CSS class for the suffix element
+     */
+    suffixClassName?: string;
+};
+export declare const ButtonGroup: (props: ButtonGroupProps) => JSX.Element;
+export default ButtonGroup;

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

@@ -0,0 +1,58 @@
+import { jsxs as N, jsx as i } from "react/jsx-runtime";
+import o from "../../../../../external/classnames/index.es.js";
+import { Children as h, isValidElement as v, cloneElement as C } from "react";
+import { MapButton as y } from "../map-button/map-button.es.js";
+import t from "./button-group.module.scss.es.js";
+const A = (d) => {
+  const {
+    children: u,
+    className: m,
+    direction: c = "horizontal",
+    onSelectionChange: s,
+    stretch: f = !1,
+    ariaLabel: b,
+    prefix: p,
+    suffix: a,
+    prefixClassName: _,
+    suffixClassName: x
+  } = d;
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: o(
+        t["tedi-button-group"],
+        t[`tedi-button-group--${c}`],
+        {
+          [t["tedi-button-group--stretch"]]: f
+        },
+        m
+      ),
+      role: "group",
+      "aria-label": b,
+      children: [
+        p && /* @__PURE__ */ i("div", { className: o(t["tedi-button-group__prefix"], _), children: /* @__PURE__ */ i("span", { children: p }) }),
+        h.map(u, (r) => {
+          if (v(r) && r.type === y) {
+            const e = r;
+            return C(e, {
+              className: o(t["tedi-button-group__item"], {
+                [t["tedi-button-group__item--active"]]: e.props.isActive,
+                [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));
+              }
+            });
+          }
+          return r;
+        }),
+        a && /* @__PURE__ */ i("div", { className: o(t["tedi-button-group__suffix"], x), children: /* @__PURE__ */ i("span", { children: a }) })
+      ]
+    }
+  );
+};
+export {
+  A as ButtonGroup,
+  A as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-button-group":"tedi-button-group-edc8779d","tedi-button-group--horizontal":"tedi-button-group--horizontal-fb80a2c6","tedi-button-group__item":"tedi-button-group__item-da4d0318","tedi-button-group__suffix":"tedi-button-group__suffix-e19ecebe","tedi-button-group__prefix":"tedi-button-group__prefix-c267ac4b","tedi-button-group--vertical":"tedi-button-group--vertical-eef4c53c","tedi-button-group--stretch":"tedi-button-group--stretch-b9680682"};exports.default=t;

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

@@ -0,0 +1,12 @@
+const t = {
+  "tedi-button-group": "tedi-button-group-edc8779d",
+  "tedi-button-group--horizontal": "tedi-button-group--horizontal-fb80a2c6",
+  "tedi-button-group__item": "tedi-button-group__item-da4d0318",
+  "tedi-button-group__suffix": "tedi-button-group__suffix-e19ecebe",
+  "tedi-button-group__prefix": "tedi-button-group__prefix-c267ac4b",
+  "tedi-button-group--vertical": "tedi-button-group--vertical-eef4c53c",
+  "tedi-button-group--stretch": "tedi-button-group--stretch-b9680682"
+};
+export {
+  t as default
+};

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

@@ -0,0 +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;