@asante-org/atlascopco-vt-litesitegenerator 1.2.0

package/dist/index.esm.js

@@ -0,0 +1,696 @@
+import React, { useState, useRef, useEffect } from 'react';
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+var LsgButton = function (_a) {
+  var children = _a.children,
+    _b = _a.variant,
+    variant = _b === void 0 ? "primary" : _b,
+    _c = _a.disabled,
+    disabled = _c === void 0 ? false : _c,
+    href = _a.href,
+    onClick = _a.onClick,
+    _d = _a.type,
+    type = _d === void 0 ? "button" : _d,
+    _e = _a.className,
+    className = _e === void 0 ? "" : _e,
+    _f = _a.external,
+    external = _f === void 0 ? false : _f;
+  var classNames = ["lsg-button", "lsg-button--".concat(variant), disabled ? "lsg-button--disabled" : "", className].filter(Boolean).join(" ");
+  if (href) {
+    return /*#__PURE__*/React.createElement("a", _extends({
+      href: disabled ? undefined : href,
+      className: classNames,
+      "aria-disabled": disabled || undefined,
+      onClick: disabled ? undefined : onClick
+    }, external ? {
+      target: "_blank",
+      rel: "noopener noreferrer"
+    } : {}), children);
+  }
+  return /*#__PURE__*/React.createElement("button", {
+    type: type,
+    className: classNames,
+    disabled: disabled,
+    onClick: onClick
+  }, children);
+};
+
+var LsgBanner = function (_a) {
+  var heading = _a.heading,
+    eyebrow = _a.eyebrow,
+    copy = _a.copy,
+    cta = _a.cta,
+    imageUrl = _a.imageUrl,
+    _b = _a.imageAlt,
+    imageAlt = _b === void 0 ? "" : _b;
+  return /*#__PURE__*/React.createElement("section", {
+    className: "lsg-banner"
+  }, imageUrl && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-banner__background",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: imageUrl,
+    alt: imageAlt
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-banner__inner"
+  }, eyebrow && /*#__PURE__*/React.createElement("span", {
+    className: "lsg-banner__eyebrow"
+  }, eyebrow), /*#__PURE__*/React.createElement("h1", {
+    className: "lsg-banner__heading"
+  }, heading), copy && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-banner__copy"
+  }, copy), cta && /*#__PURE__*/React.createElement(LsgButton, {
+    href: cta.href,
+    external: cta.external,
+    variant: "primary",
+    className: "lsg-banner__cta"
+  }, cta.label)));
+};
+
+var LsgCard = function (_a) {
+  var title = _a.title,
+    description = _a.description,
+    imageUrl = _a.imageUrl,
+    _b = _a.imageAlt,
+    imageAlt = _b === void 0 ? "" : _b,
+    href = _a.href,
+    cta = _a.cta;
+  var inner = /*#__PURE__*/React.createElement(React.Fragment, null, imageUrl && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-card__image"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: imageUrl,
+    alt: imageAlt,
+    loading: "lazy"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-card__body"
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: "lsg-card__title"
+  }, title), description && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-card__description"
+  }, description), cta && !href && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-card__footer"
+  }, /*#__PURE__*/React.createElement(LsgButton, {
+    href: cta.href,
+    external: cta.external,
+    variant: "ghost"
+  }, cta.label))));
+  if (href) {
+    return /*#__PURE__*/React.createElement("article", {
+      className: "lsg-card"
+    }, /*#__PURE__*/React.createElement("a", {
+      href: href,
+      className: "lsg-card__link",
+      "aria-label": title
+    }, inner));
+  }
+  return /*#__PURE__*/React.createElement("article", {
+    className: "lsg-card"
+  }, inner);
+};
+/** Renders a responsive grid of LsgCard items. */
+var LsgCards = function (_a) {
+  var cards = _a.cards;
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "lsg-cards"
+  }, cards.map(function (card, i) {
+    var _a;
+    return /*#__PURE__*/React.createElement("li", {
+      key: (_a = card.href) !== null && _a !== void 0 ? _a : i
+    }, /*#__PURE__*/React.createElement(LsgCard, card));
+  }));
+};
+
+var LsgLogo = function (_a) {
+  var src = _a.src,
+    _b = _a.alt,
+    alt = _b === void 0 ? "Logo" : _b,
+    _c = _a.href,
+    href = _c === void 0 ? "/" : _c,
+    width = _a.width,
+    _d = _a.height,
+    height = _d === void 0 ? 40 : _d,
+    _e = _a.text,
+    text = _e === void 0 ? "Atlas Copco" : _e;
+  var content = src ? /*#__PURE__*/React.createElement("img", {
+    src: src,
+    alt: alt,
+    width: width,
+    height: height,
+    className: "lsg-logo__image"
+  }) : /*#__PURE__*/React.createElement("span", {
+    className: "lsg-logo__text"
+  }, text);
+  return /*#__PURE__*/React.createElement("a", {
+    href: href,
+    className: "lsg-logo",
+    "aria-label": src ? alt : undefined
+  }, content);
+};
+
+var LsgNavigation = function (_a) {
+  var items = _a.items,
+    _b = _a.label,
+    label = _b === void 0 ? "Main navigation" : _b;
+  return /*#__PURE__*/React.createElement("nav", {
+    className: "lsg-nav",
+    "aria-label": label
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: "lsg-nav__list",
+    role: "list"
+  }, items.map(function (item) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: item.href,
+      className: "lsg-nav__item"
+    }, /*#__PURE__*/React.createElement("a", {
+      href: item.href,
+      className: ["lsg-nav__link", item.current ? "lsg-nav__link--current" : ""].filter(Boolean).join(" "),
+      "aria-current": item.current ? "page" : undefined
+    }, item.label));
+  })));
+};
+
+var ChevronIcon = function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("polyline", {
+    points: "2 4 6 8 10 4"
+  }));
+};
+/**
+ * Language Switcher
+ *
+ * Hydrated: state managed by React (useState).
+ * Clientlib-only: driven by lsg-clientlib.js targeting [data-lsg-lang-switcher].
+ */
+var LsgLanguageSwitcher = function (_a) {
+  var currentLanguage = _a.currentLanguage,
+    languages = _a.languages,
+    _b = _a.label,
+    label = _b === void 0 ? "Select language" : _b;
+  var _c = useState(false),
+    isOpen = _c[0],
+    setIsOpen = _c[1];
+  var containerRef = useRef(null);
+  var triggerId = "lsg-lang-trigger";
+  var dropdownId = "lsg-lang-dropdown";
+  // Close on outside click
+  useEffect(function () {
+    if (!isOpen) return;
+    var handleClick = function (e) {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClick);
+    return function () {
+      return document.removeEventListener("mousedown", handleClick);
+    };
+  }, [isOpen]);
+  // Close on Escape
+  useEffect(function () {
+    if (!isOpen) return;
+    var handleKey = function (e) {
+      if (e.key === "Escape") setIsOpen(false);
+    };
+    document.addEventListener("keydown", handleKey);
+    return function () {
+      return document.removeEventListener("keydown", handleKey);
+    };
+  }, [isOpen]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lsg-lang-switcher",
+    ref: containerRef,
+    "data-lsg-lang-switcher": true
+  }, /*#__PURE__*/React.createElement("button", {
+    id: triggerId,
+    type: "button",
+    className: "lsg-lang-switcher__trigger",
+    "aria-label": label,
+    "aria-haspopup": "listbox",
+    "aria-expanded": isOpen,
+    "aria-controls": dropdownId,
+    onClick: function () {
+      return setIsOpen(function (prev) {
+        return !prev;
+      });
+    }
+  }, currentLanguage, /*#__PURE__*/React.createElement(ChevronIcon, null)), isOpen && /*#__PURE__*/React.createElement("ul", {
+    id: dropdownId,
+    className: "lsg-lang-switcher__dropdown",
+    role: "listbox",
+    "aria-labelledby": triggerId
+  }, languages.map(function (lang) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: lang.code,
+      className: "lsg-lang-switcher__option",
+      role: "option"
+    }, /*#__PURE__*/React.createElement("a", {
+      href: lang.href,
+      className: ["lsg-lang-switcher__option-link", lang.code === currentLanguage ? "lsg-lang-switcher__option-link--active" : ""].filter(Boolean).join(" "),
+      "aria-current": lang.code === currentLanguage ? true : undefined
+    }, lang.label));
+  })));
+};
+
+var SearchIcon$1 = function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "11",
+    cy: "11",
+    r: "8"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "21",
+    y1: "21",
+    x2: "16.65",
+    y2: "16.65"
+  }));
+};
+var LsgSearchTrigger = function (_a) {
+  var _b = _a.label,
+    label = _b === void 0 ? "Open search" : _b,
+    targetId = _a.targetId,
+    onClick = _a.onClick;
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "lsg-search-trigger",
+    "aria-label": label,
+    "aria-haspopup": "dialog",
+    "aria-controls": targetId,
+    onClick: onClick,
+    "data-lsg-search-trigger": true
+  }, /*#__PURE__*/React.createElement(SearchIcon$1, null));
+};
+
+var SearchIcon = function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "11",
+    cy: "11",
+    r: "8"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "21",
+    y1: "21",
+    x2: "16.65",
+    y2: "16.65"
+  }));
+};
+var CloseIcon = function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("line", {
+    x1: "18",
+    y1: "6",
+    x2: "6",
+    y2: "18"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "6",
+    y1: "6",
+    x2: "18",
+    y2: "18"
+  }));
+};
+/**
+ * Search Overlay
+ *
+ * Hydrated: isOpen/onClose controlled by parent (e.g. LsgHeader).
+ * Clientlib-only: driven by lsg-clientlib.js targeting [data-lsg-search-overlay].
+ * The CSS class lsg-search-overlay--open drives visibility in both modes.
+ */
+var LsgSearchOverlay = function (_a) {
+  var _b = _a.id,
+    id = _b === void 0 ? "lsg-search-overlay" : _b,
+    _c = _a.placeholder,
+    placeholder = _c === void 0 ? "Search…" : _c,
+    _d = _a.label,
+    label = _d === void 0 ? "Search" : _d,
+    _e = _a.isOpen,
+    isOpen = _e === void 0 ? false : _e,
+    onClose = _a.onClose,
+    onSearch = _a.onSearch;
+  var inputRef = useRef(null);
+  var inputId = "".concat(id, "-input");
+  // Focus the input when overlay opens
+  useEffect(function () {
+    var _a;
+    if (isOpen) (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+  }, [isOpen]);
+  // Close on Escape
+  useEffect(function () {
+    if (!isOpen) return;
+    var handleKey = function (e) {
+      if (e.key === "Escape") onClose === null || onClose === void 0 ? void 0 : onClose();
+    };
+    document.addEventListener("keydown", handleKey);
+    return function () {
+      return document.removeEventListener("keydown", handleKey);
+    };
+  }, [isOpen, onClose]);
+  var handleSubmit = function (e) {
+    var _a, _b;
+    e.preventDefault();
+    var query = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
+    if (query.trim()) onSearch === null || onSearch === void 0 ? void 0 : onSearch(query.trim());
+  };
+  var overlayClass = ["lsg-search-overlay", isOpen ? "lsg-search-overlay--open" : ""].filter(Boolean).join(" ");
+  return /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: overlayClass,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": label,
+    "data-lsg-search-overlay": true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-search-overlay__backdrop",
+    "aria-hidden": "true",
+    onClick: onClose,
+    style: {
+      position: "absolute",
+      inset: 0,
+      cursor: "default"
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-search-overlay__panel"
+  }, /*#__PURE__*/React.createElement("form", {
+    className: "lsg-search-overlay__form",
+    role: "search",
+    onSubmit: handleSubmit
+  }, /*#__PURE__*/React.createElement("label", {
+    htmlFor: inputId,
+    className: "lsg-search-overlay__label"
+  }, /*#__PURE__*/React.createElement(SearchIcon, null), /*#__PURE__*/React.createElement("span", {
+    className: "lsg-visually-hidden"
+  }, label)), /*#__PURE__*/React.createElement("input", {
+    id: inputId,
+    ref: inputRef,
+    type: "search",
+    className: "lsg-search-overlay__input",
+    placeholder: placeholder,
+    autoComplete: "off"
+  }), /*#__PURE__*/React.createElement("button", {
+    type: "submit",
+    className: "lsg-search-overlay__submit",
+    "aria-label": "Submit search"
+  }, /*#__PURE__*/React.createElement(SearchIcon, null)), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "lsg-search-overlay__close",
+    "aria-label": "Close search",
+    onClick: onClose
+  }, /*#__PURE__*/React.createElement(CloseIcon, null)))));
+};
+
+var SEARCH_OVERLAY_ID = "lsg-header-search-overlay";
+var LsgHeader = function (_a) {
+  var logo = _a.logo,
+    _b = _a.navItems,
+    navItems = _b === void 0 ? [] : _b,
+    _c = _a.languages,
+    languages = _c === void 0 ? [] : _c,
+    _d = _a.currentLanguage,
+    currentLanguage = _d === void 0 ? "EN" : _d,
+    _e = _a.searchLabel,
+    searchLabel = _e === void 0 ? "Open search" : _e,
+    _f = _a.searchPlaceholder,
+    searchPlaceholder = _f === void 0 ? "Search products, documents…" : _f;
+  var _g = useState(false),
+    searchOpen = _g[0],
+    setSearchOpen = _g[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("header", {
+    className: "lsg-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-header__inner"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-header__brand"
+  }, /*#__PURE__*/React.createElement(LsgLogo, logo)), navItems.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-header__nav"
+  }, /*#__PURE__*/React.createElement(LsgNavigation, {
+    items: navItems
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-header__actions"
+  }, languages.length > 0 && /*#__PURE__*/React.createElement(LsgLanguageSwitcher, {
+    currentLanguage: currentLanguage,
+    languages: languages
+  }), /*#__PURE__*/React.createElement(LsgSearchTrigger, {
+    label: searchLabel,
+    targetId: SEARCH_OVERLAY_ID,
+    onClick: function () {
+      return setSearchOpen(true);
+    }
+  })))), /*#__PURE__*/React.createElement(LsgSearchOverlay, {
+    id: SEARCH_OVERLAY_ID,
+    isOpen: searchOpen,
+    onClose: function () {
+      return setSearchOpen(false);
+    },
+    placeholder: searchPlaceholder
+  }));
+};
+
+var LsgQuickLinks = function (_a) {
+  var heading = _a.heading,
+    links = _a.links;
+  return /*#__PURE__*/React.createElement("nav", {
+    className: "lsg-quick-links",
+    "aria-label": heading !== null && heading !== void 0 ? heading : "Quick links"
+  }, heading && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-quick-links__heading",
+    "aria-hidden": "true"
+  }, heading), /*#__PURE__*/React.createElement("ul", {
+    className: "lsg-quick-links__list",
+    role: "list"
+  }, links.map(function (link) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: link.href,
+      className: "lsg-quick-links__item"
+    }, /*#__PURE__*/React.createElement("a", {
+      href: link.href,
+      className: "lsg-quick-links__link"
+    }, link.label));
+  })));
+};
+
+var platformIcons = {
+  linkedin: /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M20.45 20.45h-3.56v-5.57c0-1.33-.03-3.04-1.85-3.04-1.86 0-2.14 1.45-2.14 2.95v5.66H9.34V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29zM5.34 7.43a2.07 2.07 0 1 1 0-4.14 2.07 2.07 0 0 1 0 4.14zM7.12 20.45H3.55V9h3.57v11.45z"
+  })),
+  twitter: /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
+  })),
+  facebook: /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.874v2.25h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z"
+  })),
+  instagram: /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"
+  })),
+  youtube: /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
+  }))
+};
+var LsgSocialMediaIcons = function (_a) {
+  var items = _a.items;
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "lsg-social-icons",
+    role: "list"
+  }, items.map(function (item) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: item.platform,
+      className: "lsg-social-icons__item"
+    }, /*#__PURE__*/React.createElement("a", {
+      href: item.href,
+      className: "lsg-social-icons__link",
+      "aria-label": item.label,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, platformIcons[item.platform]));
+  }));
+};
+
+var LsgFooter = function (_a) {
+  var logo = _a.logo,
+    tagline = _a.tagline,
+    _b = _a.quickLinksGroups,
+    quickLinksGroups = _b === void 0 ? [] : _b,
+    _c = _a.socialItems,
+    socialItems = _c === void 0 ? [] : _c,
+    copyright = _a.copyright;
+  var year = new Date().getFullYear();
+  return /*#__PURE__*/React.createElement("footer", {
+    className: "lsg-footer"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__inner"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__brand"
+  }, /*#__PURE__*/React.createElement(LsgLogo, logo), tagline && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-footer__tagline"
+  }, tagline), socialItems.length > 0 && /*#__PURE__*/React.createElement(LsgSocialMediaIcons, {
+    items: socialItems
+  })), quickLinksGroups.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__nav"
+  }, quickLinksGroups.map(function (group, i) {
+    var _a;
+    return /*#__PURE__*/React.createElement(LsgQuickLinks, _extends({
+      key: (_a = group.heading) !== null && _a !== void 0 ? _a : i
+    }, group));
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-footer__bottom"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "lsg-footer__copyright"
+  }, copyright !== null && copyright !== void 0 ? copyright : "\u00A9 ".concat(year, " Atlas Copco AB. All rights reserved."))));
+};
+
+var BASE_COMPONENTS = {
+  LsgButton: LsgButton,
+  LsgBanner: LsgBanner,
+  LsgCard: LsgCard,
+  LsgCards: LsgCards,
+  LsgLogo: LsgLogo,
+  LsgNavigation: LsgNavigation,
+  LsgLanguageSwitcher: LsgLanguageSwitcher,
+  LsgSearchTrigger: LsgSearchTrigger,
+  LsgSearchOverlay: LsgSearchOverlay,
+  LsgHeader: LsgHeader,
+  LsgQuickLinks: LsgQuickLinks,
+  LsgSocialMediaIcons: LsgSocialMediaIcons,
+  LsgFooter: LsgFooter
+};
+function createThemeComponent(themeName, componentName, Component) {
+  var WrappedComponent = function (props) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: ["lsg-themed-component", "lsg-themed-component--".concat(themeName), "lsg-themed-component--".concat(componentName)].join(" ")
+    }, /*#__PURE__*/React.createElement(Component, props));
+  };
+  WrappedComponent.displayName = "".concat(themeName, "-").concat(componentName);
+  return WrappedComponent;
+}
+function createThemeComponents(themeName) {
+  return {
+    LsgButton: createThemeComponent(themeName, "button", BASE_COMPONENTS.LsgButton),
+    LsgBanner: createThemeComponent(themeName, "banner", BASE_COMPONENTS.LsgBanner),
+    LsgCard: createThemeComponent(themeName, "card", BASE_COMPONENTS.LsgCard),
+    LsgCards: createThemeComponent(themeName, "cards", BASE_COMPONENTS.LsgCards),
+    LsgLogo: createThemeComponent(themeName, "logo", BASE_COMPONENTS.LsgLogo),
+    LsgNavigation: createThemeComponent(themeName, "navigation", BASE_COMPONENTS.LsgNavigation),
+    LsgLanguageSwitcher: createThemeComponent(themeName, "language-switcher", BASE_COMPONENTS.LsgLanguageSwitcher),
+    LsgSearchTrigger: createThemeComponent(themeName, "search-trigger", BASE_COMPONENTS.LsgSearchTrigger),
+    LsgSearchOverlay: createThemeComponent(themeName, "search-overlay", BASE_COMPONENTS.LsgSearchOverlay),
+    LsgHeader: createThemeComponent(themeName, "header", BASE_COMPONENTS.LsgHeader),
+    LsgQuickLinks: createThemeComponent(themeName, "quick-links", BASE_COMPONENTS.LsgQuickLinks),
+    LsgSocialMediaIcons: createThemeComponent(themeName, "social-media-icons", BASE_COMPONENTS.LsgSocialMediaIcons),
+    LsgFooter: createThemeComponent(themeName, "footer", BASE_COMPONENTS.LsgFooter)
+  };
+}
+
+var theme1Components = createThemeComponents("theme-1");
+var Theme1LsgButton = theme1Components.LsgButton,
+  Theme1LsgBanner = theme1Components.LsgBanner,
+  Theme1LsgCard = theme1Components.LsgCard,
+  Theme1LsgCards = theme1Components.LsgCards,
+  Theme1LsgLogo = theme1Components.LsgLogo,
+  Theme1LsgNavigation = theme1Components.LsgNavigation,
+  Theme1LsgLanguageSwitcher = theme1Components.LsgLanguageSwitcher,
+  Theme1LsgSearchTrigger = theme1Components.LsgSearchTrigger,
+  Theme1LsgSearchOverlay = theme1Components.LsgSearchOverlay,
+  Theme1LsgHeader = theme1Components.LsgHeader,
+  Theme1LsgQuickLinks = theme1Components.LsgQuickLinks,
+  Theme1LsgSocialMediaIcons = theme1Components.LsgSocialMediaIcons,
+  Theme1LsgFooter = theme1Components.LsgFooter;
+
+var theme2Components = createThemeComponents("theme-2");
+var Theme2LsgButton = theme2Components.LsgButton,
+  Theme2LsgBanner = theme2Components.LsgBanner,
+  Theme2LsgCard = theme2Components.LsgCard,
+  Theme2LsgCards = theme2Components.LsgCards,
+  Theme2LsgLogo = theme2Components.LsgLogo,
+  Theme2LsgNavigation = theme2Components.LsgNavigation,
+  Theme2LsgLanguageSwitcher = theme2Components.LsgLanguageSwitcher,
+  Theme2LsgSearchTrigger = theme2Components.LsgSearchTrigger,
+  Theme2LsgSearchOverlay = theme2Components.LsgSearchOverlay,
+  Theme2LsgHeader = theme2Components.LsgHeader,
+  Theme2LsgQuickLinks = theme2Components.LsgQuickLinks,
+  Theme2LsgSocialMediaIcons = theme2Components.LsgSocialMediaIcons,
+  Theme2LsgFooter = theme2Components.LsgFooter;
+
+var theme3Components = createThemeComponents("theme-3");
+var Theme3LsgButton = theme3Components.LsgButton,
+  Theme3LsgBanner = theme3Components.LsgBanner,
+  Theme3LsgCard = theme3Components.LsgCard,
+  Theme3LsgCards = theme3Components.LsgCards,
+  Theme3LsgLogo = theme3Components.LsgLogo,
+  Theme3LsgNavigation = theme3Components.LsgNavigation,
+  Theme3LsgLanguageSwitcher = theme3Components.LsgLanguageSwitcher,
+  Theme3LsgSearchTrigger = theme3Components.LsgSearchTrigger,
+  Theme3LsgSearchOverlay = theme3Components.LsgSearchOverlay,
+  Theme3LsgHeader = theme3Components.LsgHeader,
+  Theme3LsgQuickLinks = theme3Components.LsgQuickLinks,
+  Theme3LsgSocialMediaIcons = theme3Components.LsgSocialMediaIcons,
+  Theme3LsgFooter = theme3Components.LsgFooter;
+
+export { LsgBanner, LsgButton, LsgCard, LsgCards, LsgFooter, LsgHeader, LsgLanguageSwitcher, LsgLogo, LsgNavigation, LsgQuickLinks, LsgSearchOverlay, LsgSearchTrigger, LsgSocialMediaIcons, Theme1LsgBanner, Theme1LsgButton, Theme1LsgCard, Theme1LsgCards, Theme1LsgFooter, Theme1LsgHeader, Theme1LsgLanguageSwitcher, Theme1LsgLogo, Theme1LsgNavigation, Theme1LsgQuickLinks, Theme1LsgSearchOverlay, Theme1LsgSearchTrigger, Theme1LsgSocialMediaIcons, Theme2LsgBanner, Theme2LsgButton, Theme2LsgCard, Theme2LsgCards, Theme2LsgFooter, Theme2LsgHeader, Theme2LsgLanguageSwitcher, Theme2LsgLogo, Theme2LsgNavigation, Theme2LsgQuickLinks, Theme2LsgSearchOverlay, Theme2LsgSearchTrigger, Theme2LsgSocialMediaIcons, Theme3LsgBanner, Theme3LsgButton, Theme3LsgCard, Theme3LsgCards, Theme3LsgFooter, Theme3LsgHeader, Theme3LsgLanguageSwitcher, Theme3LsgLogo, Theme3LsgNavigation, Theme3LsgQuickLinks, Theme3LsgSearchOverlay, Theme3LsgSearchTrigger, Theme3LsgSocialMediaIcons, theme1Components, theme2Components, theme3Components };
+//# sourceMappingURL=index.esm.js.map