@asantemedia-org/leybold-design-system 1.0.12 → 1.0.14

package/dist/index.esm.js

@@ -14,6 +14,45 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+var __assign = function () {
+  __assign = Object.assign || function __assign(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+}
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 var styles$g = {"button":"Button-module__button___18Bed","button--primary":"Button-module__button--primary___VuF-P","button--default":"Button-module__button--default___MDa35","button--disabled":"Button-module__button--disabled___IuOY8","button--secondary":"Button-module__button--secondary___lD5E3","button--solid-red":"Button-module__button--solid-red___YPpnL","button--solid-grey":"Button-module__button--solid-grey___oRbEy","button--solid-black":"Button-module__button--solid-black___1Ma5K","button--solid-white":"Button-module__button--solid-white___bE-Z0","button--outlined-red":"Button-module__button--outlined-red___cgZXa","button--outlined-grey":"Button-module__button--outlined-grey___xWGbB","button--outlined-black":"Button-module__button--outlined-black___qfX5o","button--outlined-white":"Button-module__button--outlined-white___QLXNP","button--link-text":"Button-module__button--link-text___R2kun","button__icon":"Button-module__button__icon___hlcHo","button--link-text-alt":"Button-module__button--link-text-alt___1p7wH","button--external-link":"Button-module__button--external-link___Mhxuk","button--carousel-arrow-left":"Button-module__button--carousel-arrow-left___Wx-Jo","button--carousel-arrow-right":"Button-module__button--carousel-arrow-right___3ZtgT","button__icon__default":"Button-module__button__icon__default___0qlF1","button__icon__hover":"Button-module__button__icon__hover___3xPGT","button--extra-small":"Button-module__button--extra-small___R0QTM","button--small":"Button-module__button--small___ADJQe","button--medium":"Button-module__button--medium___ZuR4Z","button--large":"Button-module__button--large___-FaV5","button__icon--left":"Button-module__button__icon--left___wMCeH","button__icon--right":"Button-module__button__icon--right___-pGHl"};
 
 function getDefaultExportFromCjs (x) {
@@ -91,22 +130,10 @@ function requireClassnames() {
 var classnamesExports = requireClassnames();
 var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
-/**
- * Button variant types
- */
-
-/**
- * Icon types for button
- */
-
-/**
- * Icon position
- */
-
 /**
  * Get the icon component based on icon type
  */
-const getIcon = icon => {
+var getIcon = function (icon) {
   switch (icon) {
     case "arrow-right":
       return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
@@ -128,11 +155,10 @@ const getIcon = icon => {
       return null;
   }
 };
-
 /**
  * Get default icon for certain variants
  */
-const getDefaultIcon = variant => {
+var getDefaultIcon = function (variant) {
   switch (variant) {
     case "link-text":
     case "link-text-alt":
@@ -149,11 +175,10 @@ const getDefaultIcon = variant => {
       return "none";
   }
 };
-
 /**
  * Map alias variants to their actual CSS class variants
  */
-const mapVariantToClass = variant => {
+var mapVariantToClass = function (variant) {
   switch (variant) {
     case "outline":
       return "outlined-red";
@@ -163,42 +188,41 @@ const mapVariantToClass = variant => {
       return variant;
   }
 };
-
 /**
  * Primary UI component for user interaction
  */
-const Button = ({
-  children,
-  variant = "primary",
-  size = "medium",
-  disabled = false,
-  onClick,
-  type = "button",
-  className,
-  icon,
-  iconPosition = "right",
-  ariaLabel,
-  opensInNewTab,
-  ...props
-}) => {
+var Button = function (_a) {
+  var _b;
+  var children = _a.children,
+    _c = _a.variant,
+    variant = _c === void 0 ? "primary" : _c,
+    _d = _a.size,
+    size = _d === void 0 ? "medium" : _d,
+    _e = _a.disabled,
+    disabled = _e === void 0 ? false : _e,
+    onClick = _a.onClick,
+    _f = _a.type,
+    type = _f === void 0 ? "button" : _f,
+    className = _a.className,
+    icon = _a.icon,
+    _g = _a.iconPosition,
+    iconPosition = _g === void 0 ? "right" : _g,
+    ariaLabel = _a.ariaLabel;
+    _a.opensInNewTab;
+    var props = __rest(_a, ["children", "variant", "size", "disabled", "onClick", "type", "className", "icon", "iconPosition", "ariaLabel", "opensInNewTab"]);
   // Map alias variants to actual class names
-  const cssVariant = mapVariantToClass(variant);
-
+  var cssVariant = mapVariantToClass(variant);
   // Determine the icon to display
-  const displayIcon = icon ?? getDefaultIcon(variant);
-  const iconElement = getIcon(displayIcon);
-
+  var displayIcon = icon !== null && icon !== void 0 ? icon : getDefaultIcon(variant);
+  var iconElement = getIcon(displayIcon);
   // Check if this is an icon-only button (carousel arrows)
-  const isIconOnly = variant === "carousel-arrow-left" || variant === "carousel-arrow-right";
-  const isCarouselLeft = variant === "carousel-arrow-left";
-  const isCarouselRight = variant === "carousel-arrow-right";
-  const buttonClasses = classNames(styles$g.button, styles$g[`button--${cssVariant}`], styles$g[`button--${size}`], {
-    [styles$g["button--disabled"]]: disabled
-  }, className);
-  const iconClasses = classNames(styles$g.button__icon, styles$g[`button__icon--${iconPosition}`]);
-
+  var isIconOnly = variant === "carousel-arrow-left" || variant === "carousel-arrow-right";
+  var isCarouselLeft = variant === "carousel-arrow-left";
+  var isCarouselRight = variant === "carousel-arrow-right";
+  var buttonClasses = classNames(styles$g.button, styles$g["button--".concat(cssVariant)], styles$g["button--".concat(size)], (_b = {}, _b[styles$g["button--disabled"]] = disabled, _b), className);
+  var iconClasses = classNames(styles$g.button__icon, styles$g["button__icon--".concat(iconPosition)]);
   // Generate accessible label for icon-only buttons
-  const accessibleLabel = ariaLabel || (isIconOnly ? variant === "carousel-arrow-left" ? "Previous" : "Next" : undefined);
+  var accessibleLabel = ariaLabel || (isIconOnly ? variant === "carousel-arrow-left" ? "Previous" : "Next" : undefined);
   return /*#__PURE__*/React.createElement("button", _extends({
     type: type,
     className: buttonClasses,
@@ -232,61 +256,59 @@ var styles$f = {"footer":"Footer-module__footer___Oavyx","footer--mobile":"Foote
 /**
  * External link icon (↗) for footer links that open in new tabs
  */
-const ExternalLinkIcon = ({
-  className,
-  size = 15
-}) => /*#__PURE__*/React.createElement("svg", {
-  width: size,
-  height: size,
-  viewBox: "0 0 15 15",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  className: className,
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M11.25 8.125V11.875C11.25 12.2065 11.1183 12.5245 10.8839 12.7589C10.6495 12.9933 10.3315 13.125 10 13.125H3.125C2.79348 13.125 2.47554 12.9933 2.24112 12.7589C2.0067 12.5245 1.875 12.2065 1.875 11.875V5C1.875 4.66848 2.0067 4.35054 2.24112 4.11612C2.47554 3.8817 2.79348 3.75 3.125 3.75H6.875M9.375 1.875H13.125M13.125 1.875V5.625M13.125 1.875L6.25 8.75",
-  stroke: "currentColor",
-  strokeWidth: "1.5",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}));
+var ExternalLinkIcon = function (_a) {
+  var className = _a.className,
+    _b = _a.size,
+    size = _b === void 0 ? 15 : _b;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: className,
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M11.25 8.125V11.875C11.25 12.2065 11.1183 12.5245 10.8839 12.7589C10.6495 12.9933 10.3315 13.125 10 13.125H3.125C2.79348 13.125 2.47554 12.9933 2.24112 12.7589C2.0067 12.5245 1.875 12.2065 1.875 11.875V5C1.875 4.66848 2.0067 4.35054 2.24112 4.11612C2.47554 3.8817 2.79348 3.75 3.125 3.75H6.875M9.375 1.875H13.125M13.125 1.875V5.625M13.125 1.875L6.25 8.75",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
 
 /**
  * Atlas Copco Group badge icon (square)
  */
-const AtlasCopcoIcon = ({
-  className,
-  size = 14
-}) => /*#__PURE__*/React.createElement("svg", {
-  width: size,
-  height: size,
-  viewBox: "0 0 14 14",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  className: className,
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("rect", {
-  x: "0.5",
-  y: "0.5",
-  width: "13",
-  height: "13",
-  rx: "1.5",
-  fill: "#D9D9D9",
-  stroke: "#D9D9D9"
-}));
-
-// =============================================================================
-// TYPE DEFINITIONS
-// =============================================================================
+var AtlasCopcoIcon = function (_a) {
+  var className = _a.className,
+    _b = _a.size,
+    size = _b === void 0 ? 14 : _b;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: className,
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0.5",
+    y: "0.5",
+    width: "13",
+    height: "13",
+    rx: "1.5",
+    fill: "#D9D9D9",
+    stroke: "#D9D9D9"
+  }));
+};
 
 // =============================================================================
 // SOCIAL ICON COMPONENT
 // =============================================================================
-
-const SocialIconComponent = ({
-  platform
-}) => {
-  const iconMap = {
+var SocialIconComponent = function (_a) {
+  var platform = _a.platform;
+  var iconMap = {
     facebook: faFacebookF,
     x: faXTwitter,
     linkedin: faLinkedinIn,
@@ -297,19 +319,14 @@ const SocialIconComponent = ({
     icon: iconMap[platform]
   });
 };
-
-// =============================================================================
-// FOOTER LINK COMPONENT
-// =============================================================================
-
-const FooterLink = ({
-  item,
-  className,
-  variant = 'default'
-}) => {
-  const baseClass = variant === 'bottom' ? styles$f.footer__bottomLink : styles$f.footer__link;
-  const linkClasses = classNames(baseClass, className);
-  const handleClick = e => {
+var FooterLink = function (_a) {
+  var item = _a.item,
+    className = _a.className,
+    _b = _a.variant,
+    variant = _b === void 0 ? 'default' : _b;
+  var baseClass = variant === 'bottom' ? styles$f.footer__bottomLink : styles$f.footer__link;
+  var linkClasses = classNames(baseClass, className);
+  var handleClick = function (e) {
     if (item.onClick) {
       e.preventDefault();
       item.onClick();
@@ -330,89 +347,71 @@ const FooterLink = ({
     size: 15
   })));
 };
-
-// =============================================================================
-// FOOTER LINK GROUP COMPONENT
-// =============================================================================
-
-const FooterLinkGroup = ({
-  heading,
-  links,
-  className,
-  children
-}) => {
+var FooterLinkGroup = function (_a) {
+  var heading = _a.heading,
+    links = _a.links,
+    className = _a.className,
+    children = _a.children;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(styles$f.footer__linkGroup, className)
   }, /*#__PURE__*/React.createElement("h3", {
     className: styles$f.footer__linkHeading
   }, heading), /*#__PURE__*/React.createElement("ul", {
     className: styles$f.footer__linkList
-  }, links.map((link, index) => /*#__PURE__*/React.createElement("li", {
-    key: index
-  }, /*#__PURE__*/React.createElement(FooterLink, {
-    item: link
-  })))), children);
+  }, links.map(function (link, index) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: index
+    }, /*#__PURE__*/React.createElement(FooterLink, {
+      item: link
+    }));
+  })), children);
 };
-
-// =============================================================================
-// FOOTER SOCIAL ICONS COMPONENT
-// =============================================================================
-
-const FooterSocialIcons = ({
-  links,
-  className
-}) => {
+var FooterSocialIcons = function (_a) {
+  var links = _a.links,
+    className = _a.className;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(styles$f.footer__socialIcons, className)
-  }, links.map((link, index) => /*#__PURE__*/React.createElement("a", {
-    key: index,
-    href: link.href,
-    className: styles$f.footer__socialIcon,
-    "aria-label": link.ariaLabel,
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, /*#__PURE__*/React.createElement(SocialIconComponent, {
-    platform: link.platform
-  }))));
+  }, links.map(function (link, index) {
+    return /*#__PURE__*/React.createElement("a", {
+      key: index,
+      href: link.href,
+      className: styles$f.footer__socialIcon,
+      "aria-label": link.ariaLabel,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, /*#__PURE__*/React.createElement(SocialIconComponent, {
+      platform: link.platform
+    }));
+  }));
 };
-
-// =============================================================================
-// FOOTER SOCIAL ICON (STANDALONE) COMPONENT
-// =============================================================================
-
-const FooterSocialIcon = ({
-  platform,
-  className
-}) => {
-  const iconClasses = classNames(styles$f.footer__socialIcon, className);
+var FooterSocialIcon = function (_a) {
+  var platform = _a.platform,
+    className = _a.className;
+  var iconClasses = classNames(styles$f.footer__socialIcon, className);
   return /*#__PURE__*/React.createElement("span", {
     className: iconClasses
   }, /*#__PURE__*/React.createElement(SocialIconComponent, {
     platform: platform
   }));
 };
-
-// =============================================================================
-// FOOTER BOTTOM COMPONENT
-// =============================================================================
-
-const FooterBottom = ({
-  links,
-  copyright,
-  countrySelector,
-  className
-}) => {
+var FooterBottom = function (_a) {
+  var links = _a.links,
+    copyright = _a.copyright,
+    countrySelector = _a.countrySelector,
+    className = _a.className;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(styles$f.footer__bottom, className)
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$f.footer__bottomLeft
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$f.footer__bottomLinks
-  }, links.map((link, index) => /*#__PURE__*/React.createElement(FooterLink, {
-    key: index,
-    item: link,
-    variant: "bottom"
-  }))), /*#__PURE__*/React.createElement("p", {
+  }, links.map(function (link, index) {
+    return /*#__PURE__*/React.createElement(FooterLink, {
+      key: index,
+      item: link,
+      variant: "bottom"
+    });
+  })), /*#__PURE__*/React.createElement("p", {
     className: styles$f.footer__copyright
   }, copyright)), countrySelector && /*#__PURE__*/React.createElement("a", {
     href: countrySelector.href || '#',
@@ -423,61 +422,61 @@ const FooterBottom = ({
     icon: faGlobe
   })), countrySelector.label));
 };
-
 // =============================================================================
 // MAIN FOOTER COMPONENT
 // =============================================================================
-
 /**
  * Footer component with brand identity, navigation links, social icons, and legal information.
  * Supports two layout variants:
  * - desktop: Logo at top, 3-column main content
  * - mobile: Logo at bottom, stacked layout with CTA button
  */
-const Footer = ({
-  variant = 'desktop',
-  logo,
-  motto,
-  atlasCopcoBadge,
-  quickLinks,
-  quickLinksHeading = 'Quick links',
-  contactLinks,
-  contactHeading = 'Contact us',
-  socialLinks,
-  contactFormButton,
-  bottomLinks,
-  copyright,
-  countrySelector,
-  className
-}) => {
-  const isMobile = variant === 'mobile';
-  const footerClasses = classNames(styles$f.footer, isMobile && styles$f['footer--mobile'], className);
-  const LogoWrapper = logo.href ? 'a' : 'div';
-  const logoProps = logo.href ? {
+var Footer = function (_a) {
+  var _b = _a.variant,
+    variant = _b === void 0 ? 'desktop' : _b,
+    logo = _a.logo,
+    motto = _a.motto,
+    atlasCopcoBadge = _a.atlasCopcoBadge,
+    quickLinks = _a.quickLinks,
+    _c = _a.quickLinksHeading,
+    quickLinksHeading = _c === void 0 ? 'Quick links' : _c,
+    contactLinks = _a.contactLinks,
+    _d = _a.contactHeading,
+    contactHeading = _d === void 0 ? 'Contact us' : _d,
+    socialLinks = _a.socialLinks,
+    contactFormButton = _a.contactFormButton,
+    bottomLinks = _a.bottomLinks,
+    copyright = _a.copyright,
+    countrySelector = _a.countrySelector,
+    className = _a.className;
+  var isMobile = variant === 'mobile';
+  var footerClasses = classNames(styles$f.footer, isMobile && styles$f['footer--mobile'], className);
+  var LogoWrapper = logo.href ? 'a' : 'div';
+  var logoProps = logo.href ? {
     href: logo.href,
     className: styles$f.footer__logo
   } : {
     className: styles$f.footer__logo
   };
-
   // Logo + Motto + Badge component (used in both layouts)
-  const LogoSection = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LogoWrapper, logoProps, /*#__PURE__*/React.createElement("img", {
-    src: logo.src,
-    alt: logo.alt
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles$f.footer__leftCol
-  }, /*#__PURE__*/React.createElement("h2", {
-    className: styles$f.footer__motto
-  }, motto), atlasCopcoBadge && /*#__PURE__*/React.createElement("div", {
-    className: styles$f.footer__badge
-  }, atlasCopcoBadge.showIcon !== false && /*#__PURE__*/React.createElement("span", {
-    className: styles$f.footer__badgeIcon
-  }, /*#__PURE__*/React.createElement(AtlasCopcoIcon, {
-    size: 14
-  })), /*#__PURE__*/React.createElement("span", {
-    className: styles$f.footer__badgeText
-  }, atlasCopcoBadge.text))));
-
+  var LogoSection = function () {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LogoWrapper, logoProps, /*#__PURE__*/React.createElement("img", {
+      src: logo.src,
+      alt: logo.alt
+    })), /*#__PURE__*/React.createElement("div", {
+      className: styles$f.footer__leftCol
+    }, /*#__PURE__*/React.createElement("h2", {
+      className: styles$f.footer__motto
+    }, motto), atlasCopcoBadge && /*#__PURE__*/React.createElement("div", {
+      className: styles$f.footer__badge
+    }, atlasCopcoBadge.showIcon !== false && /*#__PURE__*/React.createElement("span", {
+      className: styles$f.footer__badgeIcon
+    }, /*#__PURE__*/React.createElement(AtlasCopcoIcon, {
+      size: 14
+    })), /*#__PURE__*/React.createElement("span", {
+      className: styles$f.footer__badgeText
+    }, atlasCopcoBadge.text))));
+  };
   // Mobile layout: Links at top, logo/motto at bottom
   if (isMobile) {
     return /*#__PURE__*/React.createElement("footer", {
@@ -515,7 +514,6 @@ const Footer = ({
       className: styles$f.footer__brandSection
     }, /*#__PURE__*/React.createElement(LogoSection, null))));
   }
-
   // Desktop layout: Logo at top, 3-column main content
   return /*#__PURE__*/React.createElement("footer", {
     className: footerClasses
@@ -557,18 +555,17 @@ const Footer = ({
 
 var styles$e = {"pagination":"Pagination-module__pagination___Kih79","paginationList":"Pagination-module__paginationList___-lZpm","paginationItem":"Pagination-module__paginationItem___VsGFa","pageButton":"Pagination-module__pageButton___b6UNF","pageButtonActive":"Pagination-module__pageButtonActive___D9m18","navButton":"Pagination-module__navButton___ZCIai","navIcon":"Pagination-module__navIcon___-BVJ3","navButton--previous":"Pagination-module__navButton--previous___Cy5TE","navButton--next":"Pagination-module__navButton--next___kTmgK","navButtonDisabled":"Pagination-module__navButtonDisabled___IZK8H","ellipsis":"Pagination-module__ellipsis___iAsGN","ellipsisText":"Pagination-module__ellipsisText___fd6u1"};
 
-const PaginationItem = ({
-  page,
-  isActive,
-  onClick,
-  className
-}) => {
-  const handleClick = () => {
+var PaginationItem = function (_a) {
+  var page = _a.page,
+    isActive = _a.isActive,
+    onClick = _a.onClick,
+    className = _a.className;
+  var handleClick = function () {
     if (!isActive) {
       onClick(page);
     }
   };
-  const handleKeyDown = event => {
+  var handleKeyDown = function (event) {
     if (event.key === "Enter" || event.key === " ") {
       event.preventDefault();
       handleClick();
@@ -580,23 +577,22 @@ const PaginationItem = ({
     type: "button",
     onClick: handleClick,
     onKeyDown: handleKeyDown,
-    className: `${styles$e.pageButton} ${isActive ? styles$e.pageButtonActive : ""} ${className || ""}`,
+    className: "".concat(styles$e.pageButton, " ").concat(isActive ? styles$e.pageButtonActive : "", " ").concat(className || ""),
     "aria-current": isActive ? "page" : undefined,
-    "aria-label": `Page ${page}`,
+    "aria-label": "Page ".concat(page),
     disabled: isActive,
     tabIndex: isActive ? -1 : 0
   }, page));
 };
 
-const PaginationButton = ({
-  label,
-  disabled,
-  onClick,
-  direction,
-  className,
-  ariaLabel
-}) => {
-  const handleKeyDown = event => {
+var PaginationButton = function (_a) {
+  var label = _a.label,
+    disabled = _a.disabled,
+    onClick = _a.onClick,
+    direction = _a.direction,
+    className = _a.className,
+    ariaLabel = _a.ariaLabel;
+  var handleKeyDown = function (event) {
     if (event.key === "Enter" || event.key === " ") {
       event.preventDefault();
       if (!disabled) {
@@ -611,7 +607,7 @@ const PaginationButton = ({
     onClick: onClick,
     onKeyDown: handleKeyDown,
     disabled: disabled,
-    className: `${styles$e.navButton} ${styles$e[`navButton--${direction}`]} ${disabled ? styles$e.navButtonDisabled : ""} ${className || ""}`,
+    className: "".concat(styles$e.navButton, " ").concat(styles$e["navButton--".concat(direction)], " ").concat(disabled ? styles$e.navButtonDisabled : "", " ").concat(className || ""),
     "aria-label": ariaLabel || label,
     tabIndex: disabled ? -1 : 0
   }, direction === "previous" && /*#__PURE__*/React.createElement("svg", {
@@ -645,98 +641,98 @@ const PaginationButton = ({
   }))));
 };
 
-const PaginationEllipsis = ({
-  className
-}) => {
+var PaginationEllipsis = function (_a) {
+  var className = _a.className;
   return /*#__PURE__*/React.createElement("li", {
-    className: `${styles$e.paginationItem} ${styles$e.ellipsis}`,
+    className: "".concat(styles$e.paginationItem, " ").concat(styles$e.ellipsis),
     "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement("span", {
-    className: `${styles$e.ellipsisText} ${className || ""}`
+    className: "".concat(styles$e.ellipsisText, " ").concat(className || "")
   }, "..."));
 };
 
 /**
  * Generate page numbers to display with ellipsis logic
  */
-const generatePageNumbers = (currentPage, totalPages, maxVisiblePages) => {
+var generatePageNumbers = function (currentPage, totalPages, maxVisiblePages) {
   if (totalPages <= maxVisiblePages) {
     return Array.from({
       length: totalPages
-    }, (_, i) => i + 1);
+    }, function (_, i) {
+      return i + 1;
+    });
   }
-  const pages = [];
-  const halfVisible = Math.floor(maxVisiblePages / 2);
-
+  var pages = [];
+  var halfVisible = Math.floor(maxVisiblePages / 2);
   // Always show first page
   pages.push(1);
-  let startPage = Math.max(2, currentPage - halfVisible);
-  let endPage = Math.min(totalPages - 1, currentPage + halfVisible);
-
+  var startPage = Math.max(2, currentPage - halfVisible);
+  var endPage = Math.min(totalPages - 1, currentPage + halfVisible);
   // Adjust if we're near the start
   if (currentPage <= halfVisible + 1) {
     endPage = Math.min(maxVisiblePages - 1, totalPages - 1);
     startPage = 2;
   }
-
   // Adjust if we're near the end
   if (currentPage >= totalPages - halfVisible) {
     startPage = Math.max(2, totalPages - maxVisiblePages + 2);
     endPage = totalPages - 1;
   }
-
   // Add ellipsis after first page if needed
   if (startPage > 2) {
     pages.push("ellipsis-start");
   }
-
   // Add middle pages
-  for (let i = startPage; i <= endPage; i++) {
+  for (var i = startPage; i <= endPage; i++) {
     pages.push(i);
   }
-
   // Add ellipsis before last page if needed
   if (endPage < totalPages - 1) {
     pages.push("ellipsis-end");
   }
-
   // Always show last page
   if (totalPages > 1) {
     pages.push(totalPages);
   }
   return pages;
 };
-const Pagination = ({
-  currentPage,
-  totalPages,
-  onPageChange,
-  maxVisiblePages = 10,
-  showPrevious = true,
-  showNext = true,
-  previousLabel = "Previous",
-  nextLabel = "Next",
-  className,
-  ariaLabel = "Pagination"
-}) => {
-  const pageNumbers = useMemo(() => generatePageNumbers(currentPage, totalPages, maxVisiblePages), [currentPage, totalPages, maxVisiblePages]);
-  const handlePageChange = page => {
+var Pagination = function (_a) {
+  var currentPage = _a.currentPage,
+    totalPages = _a.totalPages,
+    onPageChange = _a.onPageChange,
+    _b = _a.maxVisiblePages,
+    maxVisiblePages = _b === void 0 ? 10 : _b,
+    _c = _a.showPrevious,
+    showPrevious = _c === void 0 ? true : _c,
+    _d = _a.showNext,
+    showNext = _d === void 0 ? true : _d,
+    _e = _a.previousLabel,
+    previousLabel = _e === void 0 ? "Previous" : _e,
+    _f = _a.nextLabel,
+    nextLabel = _f === void 0 ? "Next" : _f,
+    className = _a.className,
+    _g = _a.ariaLabel,
+    ariaLabel = _g === void 0 ? "Pagination" : _g;
+  var pageNumbers = useMemo(function () {
+    return generatePageNumbers(currentPage, totalPages, maxVisiblePages);
+  }, [currentPage, totalPages, maxVisiblePages]);
+  var handlePageChange = function (page) {
     if (page >= 1 && page <= totalPages && page !== currentPage) {
       onPageChange(page);
     }
   };
-  const handlePrevious = () => {
+  var handlePrevious = function () {
     handlePageChange(currentPage - 1);
   };
-  const handleNext = () => {
+  var handleNext = function () {
     handlePageChange(currentPage + 1);
   };
-
   // Don't render if there's only one page or no pages
   if (totalPages <= 1) {
     return null;
   }
   return /*#__PURE__*/React.createElement("nav", {
-    className: `${styles$e.pagination} ${className || ""}`,
+    className: "".concat(styles$e.pagination, " ").concat(className || ""),
     "aria-label": ariaLabel,
     role: "navigation"
   }, /*#__PURE__*/React.createElement("ul", {
@@ -747,10 +743,10 @@ const Pagination = ({
     onClick: handlePrevious,
     direction: "previous",
     ariaLabel: "Go to previous page"
-  }), pageNumbers.map((page, index) => {
+  }), pageNumbers.map(function (page, index) {
     if (page === "ellipsis-start" || page === "ellipsis-end") {
       return /*#__PURE__*/React.createElement(PaginationEllipsis, {
-        key: `ellipsis-${index}`
+        key: "ellipsis-".concat(index)
       });
     }
     return /*#__PURE__*/React.createElement(PaginationItem, {
@@ -772,71 +768,76 @@ var styles$d = {"productCard":"ProductCardHorizontal-module__productCard___Nl4jK
 
 var styles$c = {"imageContainer":"Image-module__imageContainer___iD5Kd","loading":"Image-module__loading___Sh1zO","image":"Image-module__image___1pa50","error":"Image-module__error___0LGZ2","skeleton":"Image-module__skeleton___0bGS6","shimmer":"Image-module__shimmer___aanrl","errorState":"Image-module__errorState___TjV-8","errorIcon":"Image-module__errorIcon___QCKvj","errorText":"Image-module__errorText___Q8pnb"};
 
-const Image = ({
-  src,
-  alt,
-  width,
-  height,
-  loading = "lazy",
-  decoding = "async",
-  objectFit = "cover",
-  objectPosition = "center",
-  aspectRatio,
-  isDecorative = false,
-  fallbackSrc,
-  onLoad,
-  onError,
-  className = "",
-  srcSet,
-  sizes
-}) => {
-  const [isLoading, setIsLoading] = useState(true);
-  const [hasError, setHasError] = useState(false);
-  const [currentSrc, setCurrentSrc] = useState(src);
-  const handleLoad = useCallback(() => {
+var Image = function (_a) {
+  var src = _a.src,
+    alt = _a.alt,
+    width = _a.width,
+    height = _a.height,
+    _b = _a.loading,
+    loading = _b === void 0 ? "lazy" : _b,
+    _c = _a.decoding,
+    decoding = _c === void 0 ? "async" : _c,
+    _d = _a.objectFit,
+    objectFit = _d === void 0 ? "cover" : _d,
+    _e = _a.objectPosition,
+    objectPosition = _e === void 0 ? "center" : _e,
+    aspectRatio = _a.aspectRatio,
+    _f = _a.isDecorative,
+    isDecorative = _f === void 0 ? false : _f,
+    fallbackSrc = _a.fallbackSrc,
+    onLoad = _a.onLoad,
+    onError = _a.onError,
+    _g = _a.className,
+    className = _g === void 0 ? "" : _g,
+    srcSet = _a.srcSet,
+    sizes = _a.sizes;
+  var _h = useState(true),
+    isLoading = _h[0],
+    setIsLoading = _h[1];
+  var _j = useState(false),
+    hasError = _j[0],
+    setHasError = _j[1];
+  var _k = useState(src),
+    currentSrc = _k[0],
+    setCurrentSrc = _k[1];
+  var handleLoad = useCallback(function () {
     setIsLoading(false);
     setHasError(false);
-    onLoad?.();
+    onLoad === null || onLoad === void 0 ? void 0 : onLoad();
   }, [onLoad]);
-  const handleError = useCallback(() => {
+  var handleError = useCallback(function () {
     setIsLoading(false);
     setHasError(true);
-
     // Try fallback if available and not already using it
     if (fallbackSrc && currentSrc !== fallbackSrc) {
       setCurrentSrc(fallbackSrc);
       setHasError(false);
       setIsLoading(true);
     } else {
-      onError?.();
+      onError === null || onError === void 0 ? void 0 : onError();
     }
   }, [fallbackSrc, currentSrc, onError]);
-
   // Accessibility: decorative images should have empty alt and be hidden from screen readers
-  const accessibilityProps = isDecorative ? {
+  var accessibilityProps = isDecorative ? {
     alt: "",
     "aria-hidden": true,
     role: "presentation"
   } : {
-    alt
-  };
-  const containerStyle = {
-    ...(aspectRatio && {
-      aspectRatio
-    }),
-    ...(width && {
-      width: typeof width === "number" ? `${width}px` : width
-    }),
-    ...(height && {
-      height: typeof height === "number" ? `${height}px` : height
-    })
+    alt: alt
   };
-  const imageStyle = {
-    objectFit,
-    objectPosition
+  var containerStyle = __assign(__assign(__assign({}, aspectRatio && {
+    aspectRatio: aspectRatio
+  }), width && {
+    width: typeof width === "number" ? "".concat(width, "px") : width
+  }), height && {
+    height: typeof height === "number" ? "".concat(height, "px") : height
+  });
+  var imageStyle = {
+    objectFit: objectFit,
+    objectPosition: objectPosition
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: `${styles$c.imageContainer} ${className} ${isLoading ? styles$c.loading : ""} ${hasError ? styles$c.error : ""}`,
+    className: "".concat(styles$c.imageContainer, " ").concat(className, " ").concat(isLoading ? styles$c.loading : "", " ").concat(hasError ? styles$c.error : ""),
     style: containerStyle
   }, isLoading && /*#__PURE__*/React.createElement("div", {
     className: styles$c.skeleton,
@@ -888,25 +889,25 @@ const Image = ({
   })));
 };
 
-const ProductCardHorizontal = ({
-  id,
-  imageUrl,
-  url,
-  title,
-  description,
-  price,
-  button,
-  className = ""
-}) => {
+var ProductCardHorizontal = function (_a) {
+  _a.id;
+    var imageUrl = _a.imageUrl,
+    url = _a.url,
+    title = _a.title,
+    description = _a.description,
+    price = _a.price,
+    button = _a.button,
+    _b = _a.className,
+    className = _b === void 0 ? "" : _b;
   if (!title) {
     return null;
   }
   return /*#__PURE__*/React.createElement("a", {
     href: url,
-    className: `${styles$d.productCard} ${className}`,
-    "aria-label": `View product: ${title}`
+    className: "".concat(styles$d.productCard, " ").concat(className),
+    "aria-label": "View product: ".concat(title)
   }, /*#__PURE__*/React.createElement("div", {
-    className: `${styles$d.productWrapper} ${imageUrl ? styles$d.withImage : ""}`
+    className: "".concat(styles$d.productWrapper, " ").concat(imageUrl ? styles$d.withImage : "")
   }, imageUrl && /*#__PURE__*/React.createElement("div", {
     className: styles$d.productImage
   }, /*#__PURE__*/React.createElement(Image, {
@@ -928,57 +929,55 @@ const ProductCardHorizontal = ({
     size: "extra-small"
   }, button.label))));
 };
-
 // Alias for backward compatibility
-const ProductCardHorizontalParts = ProductCardHorizontal;
+var ProductCardHorizontalParts = ProductCardHorizontal;
 
 var styles$b = {"productDetails":"ProductCardDetails-module__productDetails___-sx2l"};
 
 // Adapter to map design system props to ProductCardHorizontalParts props
-const SpareCardAdapter = props => {
-  const {
-    spare,
-    ...rest
-  } = props;
+var SpareCardAdapter = function (props) {
+  var spare = props.spare,
+    rest = __rest(props, ["spare"]);
   return /*#__PURE__*/React.createElement(ProductCardHorizontalParts, {
-    url: spare?.url || spare?.link || "#",
-    title: spare?.name || spare?.title || "",
-    description: spare?.description || "",
-    price: spare?.priceValue || spare?.price || "",
-    imageUrl: spare?.["img-product"] || spare?.image || "",
+    url: (spare === null || spare === void 0 ? void 0 : spare.url) || (spare === null || spare === void 0 ? void 0 : spare.link) || "#",
+    title: (spare === null || spare === void 0 ? void 0 : spare.name) || (spare === null || spare === void 0 ? void 0 : spare.title) || "",
+    description: (spare === null || spare === void 0 ? void 0 : spare.description) || "",
+    price: (spare === null || spare === void 0 ? void 0 : spare.priceValue) || (spare === null || spare === void 0 ? void 0 : spare.price) || "",
+    imageUrl: (spare === null || spare === void 0 ? void 0 : spare["img-product"]) || (spare === null || spare === void 0 ? void 0 : spare.image) || "",
     button: {
       label: rest.cta || "View Product",
-      onClick: () => window.open(spare?.url || spare?.link || "#", "_blank")
+      onClick: function () {
+        return window.open((spare === null || spare === void 0 ? void 0 : spare.url) || (spare === null || spare === void 0 ? void 0 : spare.link) || "#", "_blank");
+      }
     }
   });
 };
-
 // Re-export the design system component with Leybold styling
-const ProductCardDetails = ({
-  id,
-  imageUrl,
-  title,
-  description,
-  price,
-  code,
-  facets,
-  hit,
-  className = "",
-  ProductCardComponent
-}) => {
+var ProductCardDetails = function (_a) {
+  var id = _a.id,
+    imageUrl = _a.imageUrl,
+    title = _a.title,
+    description = _a.description,
+    price = _a.price,
+    code = _a.code,
+    facets = _a.facets,
+    hit = _a.hit,
+    _b = _a.className,
+    className = _b === void 0 ? "" : _b,
+    ProductCardComponent = _a.ProductCardComponent;
   // Build the hit object expected by ProductDetailsCard
-  const hitData = hit || {
-    id,
-    title,
-    description,
-    price,
-    code,
+  var hitData = hit || {
+    id: id,
+    title: title,
+    description: description,
+    price: price,
+    code: code,
     image: imageUrl
   };
   return /*#__PURE__*/React.createElement("div", {
     className: styles$b.productDetails
   }, /*#__PURE__*/React.createElement(ProductDetailsCard, {
-    className: `${className}`,
+    className: "".concat(className),
     title: title,
     imageUrl: imageUrl,
     imageAlt: title,
@@ -991,25 +990,23 @@ const ProductCardDetails = ({
 
 // Adapter component that maps props from AlgoliaDynamicSearchRaw to ProductCardHorizontal
 // AlgoliaDynamicSearchRaw passes: title, cardLink, productPrice, cta, hit (original data)
-const ProductCardAdapter = props => {
-  const {
-    hit,
-    title,
-    cardLink,
-    productPrice,
-    cta,
-    showProductPrice,
-    className,
-    code
-  } = props;
+var ProductCardAdapter = function (props) {
+  var hit = props.hit,
+    title = props.title,
+    cardLink = props.cardLink,
+    productPrice = props.productPrice,
+    cta = props.cta,
+    showProductPrice = props.showProductPrice,
+    className = props.className,
+    code = props.code;
   console.log(props);
   // Get values from direct props or fallback to hit object
-  const url = cardLink || hit?.link || "#";
-  const imageUrl = "";
-  const price = showProductPrice ? productPrice || hit?.price || "" : "";
-  const productTitle = title || hit?.title || "";
-  const productCode = code || hit?.code || "";
-  const buttonLabel = cta || "View Product";
+  var url = cardLink || (hit === null || hit === void 0 ? void 0 : hit.link) || "#";
+  var imageUrl = "";
+  var price = showProductPrice ? productPrice || (hit === null || hit === void 0 ? void 0 : hit.price) || "" : "";
+  var productTitle = title || (hit === null || hit === void 0 ? void 0 : hit.title) || "";
+  var productCode = code || (hit === null || hit === void 0 ? void 0 : hit.code) || "";
+  var buttonLabel = cta || "View Product";
   return /*#__PURE__*/React.createElement(ProductCardHorizontalParts, {
     imageUrl: imageUrl,
     url: url,
@@ -1018,41 +1015,41 @@ const ProductCardAdapter = props => {
     price: price,
     button: {
       label: buttonLabel,
-      onClick: () => window.open(url, "_blank")
+      onClick: function () {
+        return window.open(url, "_blank");
+      }
     },
     className: className
   });
 };
-const ProductCardDetailsAdapter = props => {
-  const {
-    hit,
-    title,
-    cardLink,
-    productPrice,
-    cta,
-    showProductPrice,
-    className,
-    code,
-    facets,
-    related_products
-  } = props;
+var ProductCardDetailsAdapter = function (props) {
+  var hit = props.hit,
+    title = props.title;
+    props.cardLink;
+    var productPrice = props.productPrice;
+    props.cta;
+    props.showProductPrice;
+    var className = props.className,
+    code = props.code,
+    facets = props.facets,
+    related_products = props.related_products;
   if (!title) {
     return null;
   }
   return /*#__PURE__*/React.createElement(ProductCardDetails, {
-    imageUrl: hit?.image || "",
+    imageUrl: (hit === null || hit === void 0 ? void 0 : hit.image) || "",
     title: title,
-    description: hit?.description || "",
-    price: hit?.price || "" || productPrice,
-    code: hit?.code || "" || code,
+    description: (hit === null || hit === void 0 ? void 0 : hit.description) || "",
+    price: (hit === null || hit === void 0 ? void 0 : hit.price) || "" || productPrice,
+    code: (hit === null || hit === void 0 ? void 0 : hit.code) || "" || code,
     hit: hit,
     className: className,
     facets: facets,
-    relatedProducts: hit?.related_products || related_products
+    relatedProducts: (hit === null || hit === void 0 ? void 0 : hit.related_products) || related_products
   });
 };
-const AlgoliaDynamicSearchLeybold = props => {
-  const innerComponents = {
+var AlgoliaDynamicSearchLeybold = function (props) {
+  var innerComponents = {
     ProductCard: ProductCardAdapter,
     ProductDetailsCard: ProductCardDetailsAdapter
   };
@@ -1061,22 +1058,20 @@ const AlgoliaDynamicSearchLeybold = props => {
   }));
 };
 
-// Adapter to map QrForm's expected button props to our Button component
-
-const QrFormButtonAdapter = ({
-  label,
-  onClick,
-  buttonStyle = "primary",
-  href,
-  target,
-  type = "button",
-  element,
-  "data-page_target": pageTarget,
-  className
-}) => {
+var QrFormButtonAdapter = function (_a) {
+  var label = _a.label,
+    onClick = _a.onClick,
+    _b = _a.buttonStyle,
+    buttonStyle = _b === void 0 ? "primary" : _b,
+    href = _a.href,
+    target = _a.target,
+    _c = _a.type,
+    type = _c === void 0 ? "button" : _c,
+    element = _a.element,
+    pageTarget = _a["data-page_target"],
+    className = _a.className;
   // Map buttonStyle to our variant
-  const variant = buttonStyle === "secondary" ? "secondary" : "primary";
-
+  var variant = buttonStyle === "secondary" ? "secondary" : "primary";
   // If it's an anchor element (has href or element='a'), render as link
   if (element === "a" || href) {
     return /*#__PURE__*/React.createElement("a", {
@@ -1095,18 +1090,19 @@ const QrFormButtonAdapter = ({
       size: "small"
     }, label));
   }
-
   // Otherwise render as button
   return /*#__PURE__*/React.createElement(Button, {
     variant: variant,
     type: type,
-    onClick: onClick ? e => onClick(e) : undefined,
+    onClick: onClick ? function (e) {
+      return onClick(e);
+    } : undefined,
     className: className,
     "data-page_target": pageTarget,
     size: "small"
   }, label);
 };
-const QrFormLeybold = props => {
+var QrFormLeybold = function (props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "qr-journey-form-wrapper"
   }, /*#__PURE__*/React.createElement(QrForm, _extends({}, props, {
@@ -1116,16 +1112,17 @@ const QrFormLeybold = props => {
 
 var styles$a = {"overlay":"SearchModal-module__overlay___Vbvg9","modal":"SearchModal-module__modal___1k5gO","header":"SearchModal-module__header___I79uH","title":"SearchModal-module__title___VlmEk","closeButton":"SearchModal-module__closeButton___AN0zt","content":"SearchModal-module__content___I2SdX"};
 
-const ModalCloseButton = ({
-  onClick,
-  ariaLabel = 'Close search',
-  className = ''
-}) => {
+var ModalCloseButton = function (_a) {
+  var onClick = _a.onClick,
+    _b = _a.ariaLabel,
+    ariaLabel = _b === void 0 ? 'Close search' : _b,
+    _c = _a.className,
+    className = _c === void 0 ? '' : _c;
   return /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: onClick,
     "aria-label": ariaLabel,
-    className: `${styles$a.closeButton} ${className}`
+    className: "".concat(styles$a.closeButton, " ").concat(className)
   }, /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -1148,78 +1145,79 @@ const ModalCloseButton = ({
   })));
 };
 
-const SearchModal = ({
-  isOpen,
-  onClose,
-  title = 'Search',
-  children,
-  className = ''
-}) => {
-  const modalRef = useRef(null);
-  const previouslyFocusedElement = useRef(null);
-  useEffect(() => {
+var SearchModal = function (_a) {
+  var isOpen = _a.isOpen,
+    onClose = _a.onClose,
+    _b = _a.title,
+    title = _b === void 0 ? 'Search' : _b,
+    children = _a.children,
+    _c = _a.className,
+    className = _c === void 0 ? '' : _c;
+  var modalRef = useRef(null);
+  var previouslyFocusedElement = useRef(null);
+  useEffect(function () {
     if (isOpen) {
       // Store the previously focused element
       previouslyFocusedElement.current = document.activeElement;
-
       // Focus the modal
       if (modalRef.current) {
         modalRef.current.focus();
       }
-
       // Prevent body scroll
       document.body.style.overflow = 'hidden';
     } else {
       // Restore body scroll
       document.body.style.overflow = '';
-
       // Return focus to previously focused element
       if (previouslyFocusedElement.current) {
         previouslyFocusedElement.current.focus();
       }
     }
-    return () => {
+    return function () {
       document.body.style.overflow = '';
     };
   }, [isOpen]);
-  useEffect(() => {
-    const handleEscape = event => {
+  useEffect(function () {
+    var handleEscape = function (event) {
       if (event.key === 'Escape' && isOpen) {
         onClose();
       }
     };
     document.addEventListener('keydown', handleEscape);
-    return () => document.removeEventListener('keydown', handleEscape);
+    return function () {
+      return document.removeEventListener('keydown', handleEscape);
+    };
   }, [isOpen, onClose]);
-
   // Focus trap implementation
-  useEffect(() => {
+  useEffect(function () {
     if (!isOpen || !modalRef.current) return;
-    const modal = modalRef.current;
-    const focusableElements = modal.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-    const firstElement = focusableElements[0];
-    const lastElement = focusableElements[focusableElements.length - 1];
-    const handleTab = event => {
+    var modal = modalRef.current;
+    var focusableElements = modal.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    var firstElement = focusableElements[0];
+    var lastElement = focusableElements[focusableElements.length - 1];
+    var handleTab = function (event) {
       if (event.key !== 'Tab') return;
       if (event.shiftKey) {
         // Shift + Tab
         if (document.activeElement === firstElement) {
           event.preventDefault();
-          lastElement?.focus();
+          lastElement === null || lastElement === void 0 ? void 0 : lastElement.focus();
         }
       } else {
         // Tab
         if (document.activeElement === lastElement) {
           event.preventDefault();
-          firstElement?.focus();
+          firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
         }
       }
     };
     modal.addEventListener('keydown', handleTab);
-    return () => modal.removeEventListener('keydown', handleTab);
+    return function () {
+      return modal.removeEventListener('keydown', handleTab);
+    };
   }, [isOpen]);
   if (!isOpen) return null;
-  const handleOverlayClick = event => {
+  var handleOverlayClick = function (event) {
     if (event.target === event.currentTarget) {
       onClose();
     }
@@ -1234,7 +1232,7 @@ const SearchModal = ({
     "aria-modal": "true",
     "aria-label": title,
     tabIndex: -1,
-    className: `${styles$a.modal} ${className}`
+    className: "".concat(styles$a.modal, " ").concat(className)
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$a.header
   }, /*#__PURE__*/React.createElement("h2", {
@@ -1248,11 +1246,11 @@ const SearchModal = ({
 
 var styles$9 = {"searchBar":"SearchBar-module__searchBar___5ak1g","inputWrapper":"SearchBar-module__inputWrapper___-4wrM","searchIcon":"SearchBar-module__searchIcon___VAuDz","searchInput":"SearchBar-module__searchInput___1K4GN","submitButton":"SearchBar-module__submitButton___DZWsQ"};
 
-const SearchIcon = ({
-  className = ''
-}) => {
+var SearchIcon = function (_a) {
+  var _b = _a.className,
+    className = _b === void 0 ? '' : _b;
   return /*#__PURE__*/React.createElement("svg", {
-    className: `${styles$9.searchIcon} ${className}`,
+    className: "".concat(styles$9.searchIcon, " ").concat(className),
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none",
@@ -1270,15 +1268,17 @@ const SearchIcon = ({
   }));
 };
 
-const SearchInput = ({
-  value,
-  onChange,
-  onKeyDown,
-  placeholder = 'Discover products, innovations, and resources...',
-  autoFocus = false,
-  className = ''
-}) => {
-  const handleChange = event => {
+var SearchInput = function (_a) {
+  var value = _a.value,
+    onChange = _a.onChange,
+    onKeyDown = _a.onKeyDown,
+    _b = _a.placeholder,
+    placeholder = _b === void 0 ? 'Discover products, innovations, and resources...' : _b,
+    _c = _a.autoFocus,
+    autoFocus = _c === void 0 ? false : _c,
+    _d = _a.className,
+    className = _d === void 0 ? '' : _d;
+  var handleChange = function (event) {
     onChange(event.target.value);
   };
   return /*#__PURE__*/React.createElement("input", {
@@ -1289,39 +1289,43 @@ const SearchInput = ({
     placeholder: placeholder,
     autoFocus: autoFocus,
     "aria-label": "Search",
-    className: `${styles$9.searchInput} ${className}`
+    className: "".concat(styles$9.searchInput, " ").concat(className)
   });
 };
 
-const SearchSubmitButton = ({
-  onClick,
-  disabled = false,
-  ariaLabel = 'Search',
-  label = 'Search',
-  className = ''
-}) => {
+var SearchSubmitButton = function (_a) {
+  var onClick = _a.onClick,
+    _b = _a.disabled,
+    disabled = _b === void 0 ? false : _b,
+    _c = _a.ariaLabel,
+    ariaLabel = _c === void 0 ? 'Search' : _c,
+    _d = _a.label,
+    label = _d === void 0 ? 'Search' : _d,
+    _e = _a.className,
+    className = _e === void 0 ? '' : _e;
   return /*#__PURE__*/React.createElement("button", {
     type: "submit",
     onClick: onClick,
     disabled: disabled,
     "aria-label": ariaLabel,
-    className: `${styles$9.submitButton} ${className}`
+    className: "".concat(styles$9.submitButton, " ").concat(className)
   }, label);
 };
 
-const SearchBar = ({
-  value,
-  onChange,
-  onSubmit,
-  placeholder,
-  autoFocus = false,
-  className = ''
-}) => {
-  const handleSubmit = event => {
+var SearchBar = function (_a) {
+  var value = _a.value,
+    onChange = _a.onChange,
+    onSubmit = _a.onSubmit,
+    placeholder = _a.placeholder,
+    _b = _a.autoFocus,
+    autoFocus = _b === void 0 ? false : _b,
+    _c = _a.className,
+    className = _c === void 0 ? '' : _c;
+  var handleSubmit = function (event) {
     event.preventDefault();
     onSubmit();
   };
-  const handleKeyDown = event => {
+  var handleKeyDown = function (event) {
     if (event.key === 'Enter') {
       event.preventDefault();
       onSubmit();
@@ -1329,7 +1333,7 @@ const SearchBar = ({
   };
   return /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit,
-    className: `${styles$9.searchBar} ${className}`
+    className: "".concat(styles$9.searchBar, " ").concat(className)
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$9.inputWrapper
   }, /*#__PURE__*/React.createElement(SearchIcon, null), /*#__PURE__*/React.createElement(SearchInput, {
@@ -1345,28 +1349,29 @@ const SearchBar = ({
 
 var styles$8 = {"resultsCount":"ResultsCount-module__resultsCount___cNM6f"};
 
-const ResultsCount = ({
-  count,
-  type,
-  className = ''
-}) => {
-  const label = count === 1 ? type.slice(0, -1) : type;
+var ResultsCount = function (_a) {
+  var count = _a.count,
+    type = _a.type,
+    _b = _a.className,
+    className = _b === void 0 ? '' : _b;
+  var label = count === 1 ? type.slice(0, -1) : type;
   return /*#__PURE__*/React.createElement("span", {
-    className: `${styles$8.resultsCount} ${className}`
+    className: "".concat(styles$8.resultsCount, " ").concat(className)
   }, count, " ", label);
 };
 
 var styles$7 = {"seeAllButton":"SeeAllLinkButton-module__seeAllButton___eAQqJ"};
 
-const SeeAllLinkButton = ({
-  onClick,
-  label = 'See all results',
-  className = ''
-}) => {
+var SeeAllLinkButton = function (_a) {
+  var onClick = _a.onClick,
+    _b = _a.label,
+    label = _b === void 0 ? 'See all results' : _b,
+    _c = _a.className,
+    className = _c === void 0 ? '' : _c;
   return /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: onClick,
-    className: `${styles$7.seeAllButton} ${className}`
+    className: "".concat(styles$7.seeAllButton, " ").concat(className)
   }, label, /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -1383,17 +1388,17 @@ const SeeAllLinkButton = ({
 
 var styles$6 = {"resultsColumn":"ResultsColumn-module__resultsColumn___AexF5","columnHeader":"ResultsColumn-module__columnHeader___-aUWU","columnTitle":"ResultsColumn-module__columnTitle___Gddr-","resultsList":"ResultsColumn-module__resultsList___BkEie","columnFooter":"ResultsColumn-module__columnFooter___4zJUp","loadingState":"ResultsColumn-module__loadingState___wme5F","errorState":"ResultsColumn-module__errorState___NI4fW","emptyState":"ResultsColumn-module__emptyState___tvefj","spinner":"ResultsColumn-module__spinner___hhntn"};
 
-const ResultsColumn = ({
-  title,
-  count,
-  isLoading,
-  error,
-  onSeeAll,
-  children,
-  className = ''
-}) => {
+var ResultsColumn = function (_a) {
+  var title = _a.title,
+    count = _a.count,
+    isLoading = _a.isLoading,
+    error = _a.error,
+    onSeeAll = _a.onSeeAll,
+    children = _a.children,
+    _b = _a.className,
+    className = _b === void 0 ? '' : _b;
   return /*#__PURE__*/React.createElement("div", {
-    className: `${styles$6.resultsColumn} ${className}`
+    className: "".concat(styles$6.resultsColumn, " ").concat(className)
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$6.columnHeader
   }, /*#__PURE__*/React.createElement("h3", {
@@ -1416,25 +1421,25 @@ const ResultsColumn = ({
     className: styles$6.columnFooter
   }, /*#__PURE__*/React.createElement(SeeAllLinkButton, {
     onClick: onSeeAll,
-    label: `See all ${title.toLowerCase()}`
+    label: "See all ".concat(title.toLowerCase())
   }))));
 };
 
 var styles$5 = {"contentCard":"ContentCardHorizontal-module__contentCard___l-Kim","contentMeta":"ContentCardHorizontal-module__contentMeta___rEW-X","contentCategory":"ContentCardHorizontal-module__contentCategory___NssVD","contentMetaText":"ContentCardHorizontal-module__contentMetaText___muYBN","contentTitle":"ContentCardHorizontal-module__contentTitle___54gEo","contentExcerpt":"ContentCardHorizontal-module__contentExcerpt___tqg1v"};
 
-const ContentCardHorizontal = ({
-  id,
-  title,
-  url,
-  category,
-  meta,
-  excerpt,
-  className = ""
-}) => {
+var ContentCardHorizontal = function (_a) {
+  _a.id;
+    var title = _a.title,
+    url = _a.url,
+    category = _a.category,
+    meta = _a.meta,
+    excerpt = _a.excerpt,
+    _b = _a.className,
+    className = _b === void 0 ? "" : _b;
   return /*#__PURE__*/React.createElement("a", {
     href: url,
-    className: `${styles$5.contentCard} ${className}`,
-    "aria-label": `View content: ${title}`
+    className: "".concat(styles$5.contentCard, " ").concat(className),
+    "aria-label": "View content: ".concat(title)
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$5.contentMeta
   }, category && /*#__PURE__*/React.createElement("span", {
@@ -1450,25 +1455,23 @@ const ContentCardHorizontal = ({
 
 var styles$4 = {"instantResultsLayout":"InstantResults-module__instantResultsLayout___oy-o4","queryHeader":"InstantResults-module__queryHeader___Vmbul","queryText":"InstantResults-module__queryText___uVCCc","queryHighlight":"InstantResults-module__queryHighlight___C3hP1","columnsGrid":"InstantResults-module__columnsGrid___bHRUM"};
 
-const FederatedInstantResultsLayout = ({
-  query,
-  products,
-  contents,
-  isLoadingProducts,
-  isLoadingContents,
-  productsError,
-  contentsError,
-  onSeeAllProducts,
-  onSeeAllContents,
-  onSeeAllCombined
-}) => {
-  const totalResults = products.length + contents.length;
-  const hasResults = totalResults > 0;
-  const showCombinedButton = hasResults && !isLoadingProducts && !isLoadingContents;
-
+var FederatedInstantResultsLayout = function (_a) {
+  var query = _a.query,
+    products = _a.products,
+    contents = _a.contents,
+    isLoadingProducts = _a.isLoadingProducts,
+    isLoadingContents = _a.isLoadingContents,
+    productsError = _a.productsError,
+    contentsError = _a.contentsError,
+    onSeeAllProducts = _a.onSeeAllProducts,
+    onSeeAllContents = _a.onSeeAllContents,
+    onSeeAllCombined = _a.onSeeAllCombined;
+  var totalResults = products.length + contents.length;
+  var hasResults = totalResults > 0;
+  var showCombinedButton = hasResults && !isLoadingProducts && !isLoadingContents;
   // Show first 3 results from each category
-  const displayProducts = products.slice(0, 3);
-  const displayContents = contents.slice(0, 3);
+  var displayProducts = products.slice(0, 3);
+  var displayContents = contents.slice(0, 3);
   return /*#__PURE__*/React.createElement("div", {
     className: styles$4.instantResultsLayout
   }, query && /*#__PURE__*/React.createElement("div", {
@@ -1488,17 +1491,21 @@ const FederatedInstantResultsLayout = ({
     isLoading: isLoadingProducts,
     error: productsError,
     onSeeAll: onSeeAllProducts
-  }, displayProducts.map(product => /*#__PURE__*/React.createElement(ProductCardHorizontal, _extends({
-    key: product.id
-  }, product)))), /*#__PURE__*/React.createElement(ResultsColumn, {
+  }, displayProducts.map(function (product) {
+    return /*#__PURE__*/React.createElement(ProductCardHorizontal, _extends({
+      key: product.id
+    }, product));
+  })), /*#__PURE__*/React.createElement(ResultsColumn, {
     title: "Content",
     count: contents.length,
     isLoading: isLoadingContents,
     error: contentsError,
     onSeeAll: onSeeAllContents
-  }, displayContents.map(content => /*#__PURE__*/React.createElement(ContentCardHorizontal, _extends({
-    key: content.id
-  }, content))))));
+  }, displayContents.map(function (content) {
+    return /*#__PURE__*/React.createElement(ContentCardHorizontal, _extends({
+      key: content.id
+    }, content));
+  }))));
 };
 
 var styles$3 = {"filtersPanel":"Filters-module__filtersPanel___T3SlK","filtersPanelHeader":"Filters-module__filtersPanelHeader___XOBTi","filtersPanelTitle":"Filters-module__filtersPanelTitle___Mnn10","filtersList":"Filters-module__filtersList___jPgkP","filterAccordion":"Filters-module__filterAccordion___Mf9Oe","accordionHeader":"Filters-module__accordionHeader___DtPJx","accordionTitle":"Filters-module__accordionTitle___YtHXW","accordionIcon":"Filters-module__accordionIcon___zRGrv","accordionIconExpanded":"Filters-module__accordionIconExpanded___pkkjv","accordionContent":"Filters-module__accordionContent___SqhIu","accordionSearch":"Filters-module__accordionSearch___V0A74","filterSearch":"Filters-module__filterSearch___Jc8AX","searchIcon":"Filters-module__searchIcon___pas1t","searchInput":"Filters-module__searchInput___nzOMK","clearButton":"Filters-module__clearButton___tHl6L","filterList":"Filters-module__filterList___TLqBu","filterItem":"Filters-module__filterItem___lA2rv","filterCheckbox":"Filters-module__filterCheckbox___9In3q","filterLabel":"Filters-module__filterLabel___w-M8J","filterCount":"Filters-module__filterCount___XMsmy","noResults":"Filters-module__noResults___ZdZ4V","loadingState":"Filters-module__loadingState___k6olr","spinner":"Filters-module__spinner___hvTaP","appliedFilters":"Filters-module__appliedFilters___hP4x-","appliedFiltersHeader":"Filters-module__appliedFiltersHeader___w-ZBN","appliedFiltersTitle":"Filters-module__appliedFiltersTitle___k6VbJ","appliedFiltersCount":"Filters-module__appliedFiltersCount___UQikX","clearAllButton":"Filters-module__clearAllButton___yviGV","appliedFiltersList":"Filters-module__appliedFiltersList___-fx9D","appliedFilterTag":"Filters-module__appliedFilterTag___hd5yc","tagLabel":"Filters-module__tagLabel___0ImQk","tagRemoveButton":"Filters-module__tagRemoveButton___JaA8M"};
@@ -1506,20 +1513,20 @@ var styles$3 = {"filtersPanel":"Filters-module__filtersPanel___T3SlK","filtersPa
 /**
  * FilterSearch - Search input for filtering facet values
  */
-const FilterSearch = ({
-  value,
-  onChange,
-  placeholder = "Search",
-  className
-}) => {
-  const handleChange = e => {
+var FilterSearch = function (_a) {
+  var value = _a.value,
+    onChange = _a.onChange,
+    _b = _a.placeholder,
+    placeholder = _b === void 0 ? "Search" : _b,
+    className = _a.className;
+  var handleChange = function (e) {
     onChange(e.target.value);
   };
-  const handleClear = () => {
+  var handleClear = function () {
     onChange("");
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: `${styles$3.filterSearch} ${className || ""}`
+    className: "".concat(styles$3.filterSearch, " ").concat(className || "")
   }, /*#__PURE__*/React.createElement("svg", {
     className: styles$3.searchIcon,
     width: "16",
@@ -1570,29 +1577,28 @@ const FilterSearch = ({
 /**
  * FilterItem - Individual facet item with checkbox and count
  */
-const FilterItem = ({
-  value,
-  onToggle,
-  className
-}) => {
-  const handleChange = () => {
+var FilterItem = function (_a) {
+  var value = _a.value,
+    onToggle = _a.onToggle,
+    className = _a.className;
+  var handleChange = function () {
     onToggle(value.value);
   };
-  const handleKeyDown = e => {
+  var handleKeyDown = function (e) {
     if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
       onToggle(value.value);
     }
   };
   return /*#__PURE__*/React.createElement("label", {
-    className: `${styles$3.filterItem} ${className || ""}`,
+    className: "".concat(styles$3.filterItem, " ").concat(className || ""),
     onKeyDown: handleKeyDown
   }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     checked: value.isRefined,
     onChange: handleChange,
     className: styles$3.filterCheckbox,
-    "aria-label": `${value.value} (${value.count} results)`
+    "aria-label": "".concat(value.value, " (").concat(value.count, " results)")
   }), /*#__PURE__*/React.createElement("span", {
     className: styles$3.filterLabel
   }, value.value), /*#__PURE__*/React.createElement("span", {
@@ -1603,52 +1609,54 @@ const FilterItem = ({
 /**
  * FilterAccordion - Collapsible facet section with optional search
  */
-const FilterAccordion = ({
-  facet,
-  isExpanded,
-  onToggle,
-  onValueToggle,
-  className
-}) => {
-  const [searchQuery, setSearchQuery] = useState("");
-
+var FilterAccordion = function (_a) {
+  var facet = _a.facet,
+    isExpanded = _a.isExpanded,
+    onToggle = _a.onToggle,
+    onValueToggle = _a.onValueToggle,
+    className = _a.className;
+  var _b = useState(""),
+    searchQuery = _b[0],
+    setSearchQuery = _b[1];
   // Filter facet values based on search query
-  const filteredValues = useMemo(() => {
+  var filteredValues = useMemo(function () {
     if (!searchQuery.trim()) {
       return facet.values;
     }
-    const query = searchQuery.toLowerCase();
-    return facet.values.filter(value => value.value.toLowerCase().includes(query));
+    var query = searchQuery.toLowerCase();
+    return facet.values.filter(function (value) {
+      return value.value.toLowerCase().includes(query);
+    });
   }, [facet.values, searchQuery]);
-  const handleToggle = () => {
+  var handleToggle = function () {
     onToggle();
     // Clear search when collapsing
     if (isExpanded) {
       setSearchQuery("");
     }
   };
-  const handleKeyDown = e => {
+  var handleKeyDown = function (e) {
     if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
       handleToggle();
     }
   };
-  const handleValueToggle = value => {
+  var handleValueToggle = function (value) {
     onValueToggle(facet.attribute, value);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: `${styles$3.filterAccordion} ${className || ""}`
+    className: "".concat(styles$3.filterAccordion, " ").concat(className || "")
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: `${styles$3.accordionHeader} ${isExpanded ? styles$3.accordionHeaderExpanded : ""}`,
+    className: "".concat(styles$3.accordionHeader, " ").concat(isExpanded ? styles$3.accordionHeaderExpanded : ""),
     onClick: handleToggle,
     onKeyDown: handleKeyDown,
     "aria-expanded": isExpanded,
-    "aria-controls": `accordion-${facet.id}`
+    "aria-controls": "accordion-".concat(facet.id)
   }, /*#__PURE__*/React.createElement("span", {
     className: styles$3.accordionTitle
   }, facet.label), /*#__PURE__*/React.createElement("svg", {
-    className: `${styles$3.accordionIcon} ${isExpanded ? styles$3.accordionIconExpanded : ""}`,
+    className: "".concat(styles$3.accordionIcon, " ").concat(isExpanded ? styles$3.accordionIconExpanded : ""),
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
@@ -1662,7 +1670,7 @@ const FilterAccordion = ({
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }))), isExpanded && /*#__PURE__*/React.createElement("div", {
-    id: `accordion-${facet.id}`,
+    id: "accordion-".concat(facet.id),
     className: styles$3.accordionContent
   }, facet.searchable && facet.values.length > 5 && /*#__PURE__*/React.createElement("div", {
     className: styles$3.accordionSearch
@@ -1672,11 +1680,13 @@ const FilterAccordion = ({
     placeholder: "Search"
   })), /*#__PURE__*/React.createElement("div", {
     className: styles$3.filterList
-  }, filteredValues.length > 0 ? filteredValues.map(value => /*#__PURE__*/React.createElement(FilterItem, {
-    key: value.value,
-    value: value,
-    onToggle: handleValueToggle
-  })) : /*#__PURE__*/React.createElement("div", {
+  }, filteredValues.length > 0 ? filteredValues.map(function (value) {
+    return /*#__PURE__*/React.createElement(FilterItem, {
+      key: value.value,
+      value: value,
+      onToggle: handleValueToggle
+    });
+  }) : /*#__PURE__*/React.createElement("div", {
     className: styles$3.noResults
   }, "No results found"))));
 };
@@ -1684,24 +1694,23 @@ const FilterAccordion = ({
 /**
  * AppliedFilterTag - Individual removable filter tag/chip
  */
-const AppliedFilterTag = ({
-  attribute,
-  value,
-  label,
-  onRemove,
-  className
-}) => {
-  const handleRemove = () => {
+var AppliedFilterTag = function (_a) {
+  var attribute = _a.attribute,
+    value = _a.value,
+    label = _a.label,
+    onRemove = _a.onRemove,
+    className = _a.className;
+  var handleRemove = function () {
     onRemove(attribute, value);
   };
-  const handleKeyDown = e => {
+  var handleKeyDown = function (e) {
     if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
       handleRemove();
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: `${styles$3.appliedFilterTag} ${className || ""}`
+    className: "".concat(styles$3.appliedFilterTag, " ").concat(className || "")
   }, /*#__PURE__*/React.createElement("span", {
     className: styles$3.tagLabel
   }, label || value), /*#__PURE__*/React.createElement("button", {
@@ -1709,7 +1718,7 @@ const AppliedFilterTag = ({
     onClick: handleRemove,
     onKeyDown: handleKeyDown,
     className: styles$3.tagRemoveButton,
-    "aria-label": `Remove ${label || value} filter`
+    "aria-label": "Remove ".concat(label || value, " filter")
   }, /*#__PURE__*/React.createElement("svg", {
     width: "12",
     height: "12",
@@ -1729,17 +1738,16 @@ const AppliedFilterTag = ({
 /**
  * AppliedFilters - Shows all active filters as removable tags
  */
-const AppliedFilters = ({
-  facets,
-  onRemove,
-  onClearAll,
-  className
-}) => {
+var AppliedFilters = function (_a) {
+  var facets = _a.facets,
+    onRemove = _a.onRemove,
+    onClearAll = _a.onClearAll,
+    className = _a.className;
   // Extract all refined (selected) filters
-  const appliedFilters = useMemo(() => {
-    const filters = [];
-    facets.forEach(facet => {
-      facet.values.forEach(value => {
+  var appliedFilters = useMemo(function () {
+    var filters = [];
+    facets.forEach(function (facet) {
+      facet.values.forEach(function (value) {
         if (value.isRefined) {
           filters.push({
             attribute: facet.attribute,
@@ -1752,23 +1760,22 @@ const AppliedFilters = ({
     });
     return filters;
   }, [facets]);
-
   // Don't render if no filters are applied
   if (appliedFilters.length === 0) {
     return null;
   }
-  const handleClearAll = () => {
+  var handleClearAll = function () {
     if (onClearAll) {
       onClearAll();
     } else {
       // If no clearAll handler, remove each filter individually
-      appliedFilters.forEach(filter => {
+      appliedFilters.forEach(function (filter) {
         onRemove(filter.attribute, filter.value);
       });
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: `${styles$3.appliedFilters} ${className || ""}`
+    className: "".concat(styles$3.appliedFilters, " ").concat(className || "")
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$3.appliedFiltersHeader
   }, /*#__PURE__*/React.createElement("h4", {
@@ -1782,38 +1789,42 @@ const AppliedFilters = ({
     "aria-label": "Clear all filters"
   }, "Clear all")), /*#__PURE__*/React.createElement("div", {
     className: styles$3.appliedFiltersList
-  }, appliedFilters.map(filter => /*#__PURE__*/React.createElement(AppliedFilterTag, {
-    key: `${filter.attribute}-${filter.value}`,
-    attribute: filter.attribute,
-    value: filter.value,
-    label: filter.label,
-    onRemove: onRemove
-  }))));
+  }, appliedFilters.map(function (filter) {
+    return /*#__PURE__*/React.createElement(AppliedFilterTag, {
+      key: "".concat(filter.attribute, "-").concat(filter.value),
+      attribute: filter.attribute,
+      value: filter.value,
+      label: filter.label,
+      onRemove: onRemove
+    });
+  })));
 };
 
 /**
  * FiltersPanel - Main container for all filters
  */
-const FiltersPanel = ({
-  facets,
-  onFacetToggle,
-  isLoading = false,
-  className
-}) => {
+var FiltersPanel = function (_a) {
+  var facets = _a.facets,
+    onFacetToggle = _a.onFacetToggle,
+    _b = _a.isLoading,
+    isLoading = _b === void 0 ? false : _b,
+    className = _a.className;
   // Track which accordions are expanded
-  const [expandedAccordions, setExpandedAccordions] = useState(() => {
-    // Initialize with default expanded facets
-    const expanded = new Set();
-    facets.forEach(facet => {
-      if (facet.defaultExpanded) {
-        expanded.add(facet.id);
-      }
-    });
-    return expanded;
-  });
-  const handleAccordionToggle = useCallback(facetId => {
-    setExpandedAccordions(prev => {
-      const next = new Set(prev);
+  var _c = useState(function () {
+      // Initialize with default expanded facets
+      var expanded = new Set();
+      facets.forEach(function (facet) {
+        if (facet.defaultExpanded) {
+          expanded.add(facet.id);
+        }
+      });
+      return expanded;
+    }),
+    expandedAccordions = _c[0],
+    setExpandedAccordions = _c[1];
+  var handleAccordionToggle = useCallback(function (facetId) {
+    setExpandedAccordions(function (prev) {
+      var next = new Set(prev);
       if (next.has(facetId)) {
         next.delete(facetId);
       } else {
@@ -1822,16 +1833,16 @@ const FiltersPanel = ({
       return next;
     });
   }, []);
-  const handleValueToggle = useCallback((attribute, value) => {
+  var handleValueToggle = useCallback(function (attribute, value) {
     onFacetToggle(attribute, value);
   }, [onFacetToggle]);
-  const handleRemoveFilter = useCallback((attribute, value) => {
+  var handleRemoveFilter = useCallback(function (attribute, value) {
     onFacetToggle(attribute, value);
   }, [onFacetToggle]);
-  const handleClearAll = useCallback(() => {
+  var handleClearAll = useCallback(function () {
     // Remove all refined facets
-    facets.forEach(facet => {
-      facet.values.forEach(value => {
+    facets.forEach(function (facet) {
+      facet.values.forEach(function (value) {
         if (value.isRefined) {
           onFacetToggle(facet.attribute, value.value);
         }
@@ -1840,7 +1851,7 @@ const FiltersPanel = ({
   }, [facets, onFacetToggle]);
   if (isLoading) {
     return /*#__PURE__*/React.createElement("div", {
-      className: `${styles$3.filtersPanel} ${className || ""}`
+      className: "".concat(styles$3.filtersPanel, " ").concat(className || "")
     }, /*#__PURE__*/React.createElement("div", {
       className: styles$3.filtersPanelHeader
     }, /*#__PURE__*/React.createElement("h3", {
@@ -1855,7 +1866,7 @@ const FiltersPanel = ({
     return null;
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: `${styles$3.filtersPanel} ${className || ""}`
+    className: "".concat(styles$3.filtersPanel, " ").concat(className || "")
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$3.filtersPanelHeader
   }, /*#__PURE__*/React.createElement("h3", {
@@ -1866,28 +1877,34 @@ const FiltersPanel = ({
     onClearAll: handleClearAll
   }), /*#__PURE__*/React.createElement("div", {
     className: styles$3.filtersList
-  }, facets.map(facet => /*#__PURE__*/React.createElement(FilterAccordion, {
-    key: facet.id,
-    facet: facet,
-    isExpanded: expandedAccordions.has(facet.id),
-    onToggle: () => handleAccordionToggle(facet.id),
-    onValueToggle: handleValueToggle
-  }))));
+  }, facets.map(function (facet) {
+    return /*#__PURE__*/React.createElement(FilterAccordion, {
+      key: facet.id,
+      facet: facet,
+      isExpanded: expandedAccordions.has(facet.id),
+      onToggle: function () {
+        return handleAccordionToggle(facet.id);
+      },
+      onValueToggle: handleValueToggle
+    });
+  })));
 };
 
 var styles$2 = {"resultsView":"ResultsView-module__resultsView___S4Wh2","searchBarWrapper":"ResultsView-module__searchBarWrapper___XNtwR","tabsContainer":"ResultsView-module__tabsContainer___mB-Q2","tabs":"ResultsView-module__tabs___rOexd","tab":"ResultsView-module__tab___IWPLf","tabActive":"ResultsView-module__tabActive___YLWB0","tabCount":"ResultsView-module__tabCount___trVav","resultsContainer":"ResultsView-module__resultsContainer___J4URa","sidebar":"ResultsView-module__sidebar___nQq5J","mainContent":"ResultsView-module__mainContent___S9eIG","resultsList":"ResultsView-module__resultsList___8eYNX","resultsSection":"ResultsView-module__resultsSection___sCUaO","sectionTitle":"ResultsView-module__sectionTitle___mfvH3","loadingState":"ResultsView-module__loadingState___W5YXx","errorState":"ResultsView-module__errorState___UkkG-","emptyState":"ResultsView-module__emptyState___D0Iyn","spinner":"ResultsView-module__spinner___nk8E5","emptyIcon":"ResultsView-module__emptyIcon___fes8T","paginationWrapper":"ResultsView-module__paginationWrapper___mDTyl"};
 
-const ResultsList = ({
-  type,
-  products = [],
-  contents = [],
-  isLoading,
-  error,
-  className = ''
-}) => {
+var ResultsList = function (_a) {
+  var type = _a.type,
+    _b = _a.products,
+    products = _b === void 0 ? [] : _b,
+    _c = _a.contents,
+    contents = _c === void 0 ? [] : _c,
+    isLoading = _a.isLoading,
+    error = _a.error,
+    _d = _a.className,
+    className = _d === void 0 ? '' : _d;
   if (isLoading) {
     return /*#__PURE__*/React.createElement("div", {
-      className: `${styles$2.loadingState} ${className}`
+      className: "".concat(styles$2.loadingState, " ").concat(className)
     }, /*#__PURE__*/React.createElement("div", {
       className: styles$2.spinner,
       "aria-label": "Loading..."
@@ -1895,15 +1912,15 @@ const ResultsList = ({
   }
   if (error) {
     return /*#__PURE__*/React.createElement("div", {
-      className: `${styles$2.errorState} ${className}`
+      className: "".concat(styles$2.errorState, " ").concat(className)
     }, /*#__PURE__*/React.createElement("p", null, error));
   }
-  const hasProducts = products.length > 0;
-  const hasContents = contents.length > 0;
-  const hasResults = hasProducts || hasContents;
+  var hasProducts = products.length > 0;
+  var hasContents = contents.length > 0;
+  var hasResults = hasProducts || hasContents;
   if (!hasResults) {
     return /*#__PURE__*/React.createElement("div", {
-      className: `${styles$2.emptyState} ${className}`
+      className: "".concat(styles$2.emptyState, " ").concat(className)
     }, /*#__PURE__*/React.createElement("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
@@ -1921,60 +1938,65 @@ const ResultsList = ({
       d: "m21 21-4.35-4.35"
     })), /*#__PURE__*/React.createElement("h3", null, "No results found"), /*#__PURE__*/React.createElement("p", null, "Try adjusting your search or filters to find what you're looking for."));
   }
-
   // Render based on type
   if (type === 'products') {
     return /*#__PURE__*/React.createElement("div", {
-      className: `${styles$2.resultsList} ${className}`
-    }, products.map(product => /*#__PURE__*/React.createElement(ProductCardHorizontal, _extends({
-      key: product.id
-    }, product))));
+      className: "".concat(styles$2.resultsList, " ").concat(className)
+    }, products.map(function (product) {
+      return /*#__PURE__*/React.createElement(ProductCardHorizontal, _extends({
+        key: product.id
+      }, product));
+    }));
   }
   if (type === 'content') {
     return /*#__PURE__*/React.createElement("div", {
-      className: `${styles$2.resultsList} ${className}`
-    }, contents.map(content => /*#__PURE__*/React.createElement(ContentCardHorizontal, _extends({
-      key: content.id
-    }, content))));
+      className: "".concat(styles$2.resultsList, " ").concat(className)
+    }, contents.map(function (content) {
+      return /*#__PURE__*/React.createElement(ContentCardHorizontal, _extends({
+        key: content.id
+      }, content));
+    }));
   }
-
   // type === 'all' - Show mixed results
   return /*#__PURE__*/React.createElement("div", {
-    className: `${styles$2.resultsList} ${className}`
+    className: "".concat(styles$2.resultsList, " ").concat(className)
   }, hasProducts && /*#__PURE__*/React.createElement("div", {
     className: styles$2.resultsSection
   }, /*#__PURE__*/React.createElement("h3", {
     className: styles$2.sectionTitle
-  }, "Products (", products.length, ")"), products.map(product => /*#__PURE__*/React.createElement(ProductCardHorizontal, _extends({
-    key: product.id
-  }, product)))), hasContents && /*#__PURE__*/React.createElement("div", {
+  }, "Products (", products.length, ")"), products.map(function (product) {
+    return /*#__PURE__*/React.createElement(ProductCardHorizontal, _extends({
+      key: product.id
+    }, product));
+  })), hasContents && /*#__PURE__*/React.createElement("div", {
     className: styles$2.resultsSection
   }, /*#__PURE__*/React.createElement("h3", {
     className: styles$2.sectionTitle
-  }, "Content (", contents.length, ")"), contents.map(content => /*#__PURE__*/React.createElement(ContentCardHorizontal, _extends({
-    key: content.id
-  }, content)))));
+  }, "Content (", contents.length, ")"), contents.map(function (content) {
+    return /*#__PURE__*/React.createElement(ContentCardHorizontal, _extends({
+      key: content.id
+    }, content));
+  })));
 };
 
-const FederatedResultsView = ({
-  query,
-  onQueryChange,
-  onSearchSubmit,
-  activeTab,
-  onTabChange,
-  products,
-  contents,
-  isLoadingProducts,
-  isLoadingContents,
-  productsError,
-  contentsError,
-  currentPage,
-  totalPages,
-  onPageChange,
-  facets,
-  onFacetToggle
-}) => {
-  const tabs = [{
+var FederatedResultsView = function (_a) {
+  var query = _a.query,
+    onQueryChange = _a.onQueryChange,
+    onSearchSubmit = _a.onSearchSubmit,
+    activeTab = _a.activeTab,
+    onTabChange = _a.onTabChange,
+    products = _a.products,
+    contents = _a.contents,
+    isLoadingProducts = _a.isLoadingProducts,
+    isLoadingContents = _a.isLoadingContents,
+    productsError = _a.productsError,
+    contentsError = _a.contentsError,
+    currentPage = _a.currentPage,
+    totalPages = _a.totalPages,
+    onPageChange = _a.onPageChange,
+    facets = _a.facets,
+    onFacetToggle = _a.onFacetToggle;
+  var tabs = [{
     id: "products",
     label: "Products",
     count: products.length
@@ -1983,12 +2005,11 @@ const FederatedResultsView = ({
     label: "Content",
     count: contents.length
   }];
-  const isLoading = activeTab === "products" && isLoadingProducts || activeTab === "content" && isLoadingContents;
-  const error = activeTab === "products" ? productsError : contentsError;
-
+  var isLoading = activeTab === "products" && isLoadingProducts || activeTab === "content" && isLoadingContents;
+  var error = activeTab === "products" ? productsError : contentsError;
   // Filter results based on active tab
-  const displayProducts = activeTab === "content" ? [] : products;
-  const displayContents = activeTab === "products" ? [] : contents;
+  var displayProducts = activeTab === "content" ? [] : products;
+  var displayContents = activeTab === "products" ? [] : contents;
   return /*#__PURE__*/React.createElement("div", {
     className: styles$2.resultsView
   }, /*#__PURE__*/React.createElement("div", {
@@ -2003,17 +2024,21 @@ const FederatedResultsView = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$2.tabs,
     role: "tablist"
-  }, tabs.map(tab => /*#__PURE__*/React.createElement("button", {
-    key: tab.id,
-    type: "button",
-    role: "tab",
-    "aria-selected": activeTab === tab.id,
-    "aria-controls": `tabpanel-${tab.id}`,
-    onClick: () => onTabChange(tab.id),
-    className: `${styles$2.tab} ${activeTab === tab.id ? styles$2.tabActive : ""}`
-  }, tab.label, tab.count > 0 && /*#__PURE__*/React.createElement("span", {
-    className: styles$2.tabCount
-  }, tab.count))))), /*#__PURE__*/React.createElement("div", {
+  }, tabs.map(function (tab) {
+    return /*#__PURE__*/React.createElement("button", {
+      key: tab.id,
+      type: "button",
+      role: "tab",
+      "aria-selected": activeTab === tab.id,
+      "aria-controls": "tabpanel-".concat(tab.id),
+      onClick: function () {
+        return onTabChange(tab.id);
+      },
+      className: "".concat(styles$2.tab, " ").concat(activeTab === tab.id ? styles$2.tabActive : "")
+    }, tab.label, tab.count > 0 && /*#__PURE__*/React.createElement("span", {
+      className: styles$2.tabCount
+    }, tab.count));
+  }))), /*#__PURE__*/React.createElement("div", {
     className: styles$2.resultsContainer
   }, /*#__PURE__*/React.createElement("aside", {
     className: styles$2.sidebar
@@ -2023,9 +2048,9 @@ const FederatedResultsView = ({
   })), /*#__PURE__*/React.createElement("main", {
     className: styles$2.mainContent
   }, /*#__PURE__*/React.createElement("div", {
-    id: `tabpanel-${activeTab}`,
+    id: "tabpanel-".concat(activeTab),
     role: "tabpanel",
-    "aria-labelledby": `tab-${activeTab}`
+    "aria-labelledby": "tab-".concat(activeTab)
   }, /*#__PURE__*/React.createElement(ResultsList, {
     type: activeTab,
     products: displayProducts,
@@ -2039,7 +2064,7 @@ const FederatedResultsView = ({
     totalPages: totalPages,
     onPageChange: onPageChange,
     maxVisiblePages: 10,
-    ariaLabel: `${activeTab === "products" ? "Products" : "Content"} pagination`
+    ariaLabel: "".concat(activeTab === "products" ? "Products" : "Content", " pagination")
   }))))));
 };
 
@@ -2081,31 +2106,30 @@ var styles$1 = {"searchExperience":"FederatedSearchExperience-module__searchExpe
  * />
  * ```
  */
-const FederatedSearchExperience = ({
-  isOpen,
-  onClose,
-  query,
-  onQueryChange,
-  onSearchSubmit,
-  products,
-  contents,
-  isLoadingProducts,
-  isLoadingContents,
-  productsError,
-  contentsError,
-  onSeeAllProducts,
-  onSeeAllContents,
-  onSeeAllCombined,
-  activeView,
-  onChangeView,
-  activeTab,
-  onTabChange,
-  currentPage,
-  totalPages,
-  onPageChange,
-  facets,
-  onFacetToggle
-}) => {
+var FederatedSearchExperience = function (_a) {
+  var isOpen = _a.isOpen,
+    onClose = _a.onClose,
+    query = _a.query,
+    onQueryChange = _a.onQueryChange,
+    onSearchSubmit = _a.onSearchSubmit,
+    products = _a.products,
+    contents = _a.contents,
+    isLoadingProducts = _a.isLoadingProducts,
+    isLoadingContents = _a.isLoadingContents,
+    productsError = _a.productsError,
+    contentsError = _a.contentsError,
+    onSeeAllProducts = _a.onSeeAllProducts,
+    onSeeAllContents = _a.onSeeAllContents,
+    onSeeAllCombined = _a.onSeeAllCombined,
+    activeView = _a.activeView;
+    _a.onChangeView;
+    var activeTab = _a.activeTab,
+    onTabChange = _a.onTabChange,
+    currentPage = _a.currentPage,
+    totalPages = _a.totalPages,
+    onPageChange = _a.onPageChange,
+    facets = _a.facets,
+    onFacetToggle = _a.onFacetToggle;
   return /*#__PURE__*/React.createElement(SearchModal, {
     isOpen: isOpen,
     onClose: onClose,
@@ -2177,13 +2201,14 @@ const FederatedSearchExperience = ({
 
 var styles = {"searchTrigger":"SearchTriggerButton-module__searchTrigger___PDbDB","searchIcon":"SearchTriggerButton-module__searchIcon___izByW","label":"SearchTriggerButton-module__label___mkS7T"};
 
-const SearchTriggerButton = ({
-  onOpen,
-  ariaLabel = 'Open search',
-  label,
-  className = ''
-}) => {
-  const handleKeyDown = event => {
+var SearchTriggerButton = function (_a) {
+  var onOpen = _a.onOpen,
+    _b = _a.ariaLabel,
+    ariaLabel = _b === void 0 ? 'Open search' : _b,
+    label = _a.label,
+    _c = _a.className,
+    className = _c === void 0 ? '' : _c;
+  var handleKeyDown = function (event) {
     if (event.key === 'Enter' || event.key === ' ') {
       event.preventDefault();
       onOpen();
@@ -2194,7 +2219,7 @@ const SearchTriggerButton = ({
     onClick: onOpen,
     onKeyDown: handleKeyDown,
     "aria-label": ariaLabel,
-    className: `${styles.searchTrigger} ${className}`
+    className: "".concat(styles.searchTrigger, " ").concat(className)
   }, /*#__PURE__*/React.createElement("svg", {
     className: styles.searchIcon,
     xmlns: "http://www.w3.org/2000/svg",