boreal-ui 0.0.76 → 0.0.78

package/dist/next/FileUpload.css

@@ -0,0 +1,474 @@
+@charset "UTF-8";
+/**
+ * ---------------------------------------------------------------------
+ * theme.scss
+ * ---------------------------------------------------------------------
+ * Global design tokens and theme configuration for the Boreal UI system.
+ * This file defines SCSS variables, maps, and constants for:
+ * - Colors (brand, background, feedback, text)
+ * - Fonts (families, sizes, weights)
+ * - Spacing
+ * - Border radii
+ * - Shadows
+ * - Transitions
+ * - Z-index layers
+ * - Thematic color maps
+ * - UI states (success, error, warning)
+ * - Rounding and shadow presets
+ * 
+ * All variables support the `!default` flag to allow overrides via user-defined themes.
+ * ---------------------------------------------------------------------
+ *
+ * == Color Palette ==
+ * $primary-color           – Brand primary color
+ * $secondary-color         – Secondary accent color
+ * $tertiary-color          – Alternate accent color
+ * $quaternary-color        – Alternate accent color
+ * $background-color        – Main background color (dark)
+ * $background-color-surface – Surface layer background (cards, modals)
+ * $error-color, $success-color, $warning-color – Feedback states
+ * $link-color              – Link default color
+ * $link-hover-color        – Link hover state
+ * $text-color, $text-color-light, $text-color-primary, $text-color-secondary – Text coloring
+ *
+ * == Typography ==
+ * $font-family-primary / secondary – Primary typefaces
+ * $font-size-xxs to $font-size-xxl – Font size scale
+ * $font-weight-light to bolder     – Font weights
+ *
+ * == Spacing ==
+ * $spacing-xxs to $spacing-xl – Margin/padding utility scale
+ *
+ * == Border Radius ==
+ * $border-radius-xs to full  – Border rounding presets
+ *
+ * == Shadows ==
+ * $box-shadow-light to intense – Shadow elevation levels
+ * $inverted-shadows            – Shadows used on dark surfaces (e.g. modals)
+ *
+ * == Transitions ==
+ * $transition-fast / default / slow – Standard easing transitions
+ *
+ * == Z-Index Layers ==
+ * $z-index-drawer   – For slide-out panels
+ * $z-index-modal    – For modals and overlays
+ * $z-index-tooltip  – Highest layer for tooltips and floating labels
+ *
+ * == Theme Map ==
+ * $themes: map of theme names (e.g. "primary", "secondary") to their visual styles
+ *  - Each theme includes: bg, hover, text, border, text-hover
+ *
+ * == State Map ==
+ * $states: visual styles for UI feedback states (success, error, warning)
+ *
+ * == Rounding / Shadow Maps ==
+ * $rounding: key-value pairs for component rounding levels
+ * $shadow: key-value pairs for shadow levels
+ */
+/**
+ * -----------------------------------------------------
+ * _breakpoints.scss
+ * -----------------------------------------------------
+ * These constants define the standard device-width breakpoints
+ * used in responsive media queries throughout the theme.
+ *
+ * - $breakpoint-xs: 320px  (Extra small, portrait phones)
+ * - $breakpoint-sm: 480px  (Small devices, larger phones)
+ * - $breakpoint-md: 768px  (Medium devices, tablets)
+ * - $breakpoint-lg: 1024px (Large devices, desktops)
+ * - $breakpoint-xl: 1280px (Extra large desktops)
+ * - $breakpoint-xxl: 1536px (Widescreens, large monitors)
+ *
+ * $breakpoints map:
+ *  Use this map to loop over breakpoints or access named values.
+ */
+/**
+ * -----------------------------------------------------
+ * _animations.scss
+ * -----------------------------------------------------
+ * This file contains reusable keyframe animations
+ * used across the component library for transitions,
+ * loaders, and visual enhancements.
+ *
+ * List of Animations:
+ *
+ * 1. fade-in
+ *    - Smoothly fades in an element by transitioning opacity from 0 to 1.
+ *
+ * 2. slide-up
+ *    - Slides an element upward into view from below while fading in.
+ *
+ * 3. spin-3d
+ *    - Rotates an element in 3D space along both X and Y axes (360°).
+ *
+ * 4. spin
+ *    - Continuously rotates an element clockwise in 2D space.
+ *
+ * 5. pulse
+ *    - Gently scales an element up and down to create a pulsing effect.
+ *
+ * 6. fade-in-up
+ *    - Combines a fade-in with a slight upward motion (used for tooltips, popups).
+ *
+ * 7. progress-grow
+ *    - Expands the width of a progress bar from 0% to 100%.
+ *
+ * 8. indeterminate-move
+ *    - Moves an element from left to right in a loop, used in indeterminate loaders.
+ *
+ * 9. skeleton-loading
+ *    - Creates a sweeping shimmer effect for skeleton loaders.
+ */
+@keyframes _fade-in_vbx1v_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _slide-up_vbx1v_1 {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes _spin-3d_vbx1v_1 {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
+@keyframes _spin_vbx1v_1 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _pulse_vbx1v_1 {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes _fade-in-up_vbx1v_1 {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _progress-grow_vbx1v_1 {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+@keyframes _indeterminate-move_vbx1v_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes _skeleton-loading_vbx1v_1 {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+._fileUpload_vbx1v_204 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-md);
+  text-align: center;
+  background-color: var(--background-color-light);
+  border: 2px dashed var(--background-color-darker);
+  transition: var(--transition-default);
+  max-width: 300px;
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body-sm);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+}
+@media (width <= 767.98px) {
+  ._fileUpload_vbx1v_204 {
+    padding: var(--spacing-md);
+    max-width: 100%;
+  }
+}
+@media (width <= 319.98px) {
+  ._fileUpload_vbx1v_204 {
+    padding: var(--spacing-sm);
+  }
+}
+@media (min-width: 1024px) {
+  ._fileUpload_vbx1v_204 {
+    max-width: 420px;
+  }
+}
+._fileUpload_vbx1v_204:hover {
+  background-color: var(--background-color-lighter);
+}
+._fileUpload_vbx1v_204:focus-visible, ._fileUpload_vbx1v_204:focus-within {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 3px;
+}
+._fileUpload_vbx1v_204._dragOver_vbx1v_245, ._fileUpload_vbx1v_204[data-drag-active=true] {
+  background-color: var(--background-color-lighter);
+  border-color: var(--focus-outline-color, var(--primary-color));
+}
+._fileUpload_vbx1v_204._disabled_vbx1v_249, ._fileUpload_vbx1v_204[aria-disabled=true] {
+  background-color: var(--background-color-light);
+  border-color: var(--background-color-darker);
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.6;
+}
+._fileUpload_vbx1v_204 ._uploadActions_vbx1v_256 {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+._fileUpload_vbx1v_204 ._uploadControls_vbx1v_262 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  align-items: center;
+  width: 100%;
+}
+@media (min-width: 1024px) {
+  ._fileUpload_vbx1v_204 ._uploadControls_vbx1v_262 {
+    gap: var(--spacing-md);
+  }
+}
+._fileUpload_vbx1v_204 ._uploadProgress_vbx1v_274 {
+  width: 100%;
+  margin-top: var(--spacing-sm);
+}
+._fileUpload_vbx1v_204 ._uploadButton_vbx1v_278 {
+  align-self: center;
+}
+._fileUpload_vbx1v_204 ._removeButton_vbx1v_281 {
+  border: none !important;
+  box-shadow: none !important;
+}
+._fileUpload_vbx1v_204 ._hiddenInput_vbx1v_285 {
+  display: none;
+}
+._fileUpload_vbx1v_204 ._fileList_vbx1v_288 {
+  margin: var(--spacing-sm) 0;
+  padding: 0;
+  list-style: none;
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body-sm);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+  color: var(--text-color-secondary);
+}
+@media (width <= 319.98px) {
+  ._fileUpload_vbx1v_204 ._fileList_vbx1v_288 {
+    font-size: var(--font-size-label);
+  }
+}
+@media (min-width: 1024px) {
+  ._fileUpload_vbx1v_204 ._fileList_vbx1v_288 {
+    font-size: var(--font-size-body);
+  }
+}
+._fileUpload_vbx1v_204 ._fileListItem_vbx1v_309 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-sm);
+  padding: 2px 0;
+  font-family: inherit;
+  font-size: inherit;
+  text-overflow: ellipsis;
+}
+._fileUpload_vbx1v_204 ._fileListItem_vbx1v_309 > :first-child {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+@media (width <= 319.98px) {
+  ._fileUpload_vbx1v_204 ._fileListItem_vbx1v_309 > :first-child {
+    white-space: normal;
+  }
+}
+@media (width <= 319.98px) {
+  ._fileUpload_vbx1v_204 ._fileListItem_vbx1v_309 {
+    gap: var(--spacing-xxs);
+  }
+}
+._fileUpload_vbx1v_204 ._rejectedFiles_vbx1v_336 {
+  margin-top: var(--spacing-sm);
+  color: var(--error-color);
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body-sm);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+}
+@media (width <= 319.98px) {
+  ._fileUpload_vbx1v_204 ._rejectedFiles_vbx1v_336 {
+    font-size: var(--font-size-label);
+  }
+}
+._fileUpload_vbx1v_204 ._rejectedLabel_vbx1v_350 {
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  margin-bottom: var(--spacing-xs);
+}
+._fileUpload_vbx1v_204 ._rejectedList_vbx1v_358 {
+  list-style: disc;
+  padding-left: var(--spacing-md);
+}
+._fileUpload_vbx1v_204 ._rejectedItem_vbx1v_362 {
+  margin-bottom: 2px;
+}
+
+._roundNone_vbx1v_366 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_vbx1v_370 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_vbx1v_374 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_vbx1v_378 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_vbx1v_382 {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_vbx1v_386 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_vbx1v_390 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_vbx1v_394 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_vbx1v_398 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_vbx1v_402 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+._primary_vbx1v_406:hover {
+  border-color: var(--primary-color);
+}
+
+._secondary_vbx1v_410:hover {
+  border-color: var(--secondary-color);
+}
+
+._tertiary_vbx1v_414:hover {
+  border-color: var(--tertiary-color);
+}
+
+._quaternary_vbx1v_418:hover {
+  border-color: var(--quaternary-color);
+}
+
+._clear_vbx1v_422:hover {
+  border-color: var(--text-color-primary);
+}
+
+._success_vbx1v_426 {
+  border-color: var(--success-color);
+}
+
+._success_vbx1v_426:hover {
+  border-color: var(--success-color-hover);
+}
+
+._error_vbx1v_434 {
+  border-color: var(--error-color);
+}
+
+._error_vbx1v_434:hover {
+  border-color: var(--error-color-hover);
+}
+
+._warning_vbx1v_442 {
+  border-color: var(--warning-color);
+}
+
+._warning_vbx1v_442:hover {
+  border-color: var(--warning-color-hover);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._fileUpload_vbx1v_204,
+  ._fileUpload_vbx1v_204 * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (hover: none) {
+  ._fileUpload_vbx1v_204:hover {
+    background-color: var(--background-color-light);
+  }
+}
+@media (forced-colors: active) {
+  ._fileUpload_vbx1v_204 {
+    background: Canvas;
+    color: CanvasText;
+    border: 1px dashed ButtonText;
+    outline-color: Highlight;
+  }
+  ._fileUpload_vbx1v_204:focus-visible,
+  ._fileUpload_vbx1v_204:focus-within {
+    outline: 2px solid Highlight;
+    outline-offset: 3px;
+  }
+}

package/dist/next/FileUpload.js

@@ -1,4 +1,4 @@
-import { F } from "./FileUpload-BQW5ol7P.js";
+import { F } from "./FileUpload-Bvj5JEBv.js";
 export {
   F as default
 };

package/dist/next/{Footer-Dl_wQwsb.js → Footer-Bdu_9H3p.js}

@@ -3,10 +3,10 @@ import { forwardRef, useContext, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { d as getDefaultTheme, b as getDefaultShadow, a as getDefaultRounding } from "./boreal-style-config-DsaRlxmw.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-/* empty css                 */
-import { I as IconButton } from "./IconButton-BWw3WPaS.js";
+import './globals.css';import './Footer.css';/* empty css                 */
+import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
 import { T as ThemeContext } from "./ThemeContext-zE_shsx6.js";
-import { S as Select } from "./Select-b8fO1q2K.js";
+import { S as Select } from "./Select-D4bH7djH.js";
 import { L as Link } from "./link-4NcriBFB.js";
 import { I as Image } from "./image-CvorlI3C.js";
 const UserThemeSettings = forwardRef(
@@ -231,44 +231,34 @@ const FooterBase = ({
   );
 };
 FooterBase.displayName = "FooterBase";
-const noScroll = "_noScroll_1ptp1_109";
-const errorMessage = "_errorMessage_1ptp1_110";
-const loadingContainer = "_loadingContainer_1ptp1_111";
-const hideScrollbar = "_hideScrollbar_1ptp1_103";
-const sr_only = "_sr_only_1ptp1_112";
-const footer = "_footer_1ptp1_637";
-const primary = "_primary_1ptp1_647";
-const secondary = "_secondary_1ptp1_651";
-const tertiary = "_tertiary_1ptp1_655";
-const quaternary = "_quaternary_1ptp1_659";
-const clear = "_clear_1ptp1_663";
-const roundNone = "_roundNone_1ptp1_667";
-const roundSmall = "_roundSmall_1ptp1_671";
-const roundMedium = "_roundMedium_1ptp1_675";
-const roundLarge = "_roundLarge_1ptp1_679";
-const roundFull = "_roundFull_1ptp1_683";
-const shadowNone = "_shadowNone_1ptp1_687";
-const shadowLight = "_shadowLight_1ptp1_690";
-const shadowMedium = "_shadowMedium_1ptp1_693";
-const shadowStrong = "_shadowStrong_1ptp1_696";
-const shadowIntense = "_shadowIntense_1ptp1_699";
-const attachmentStatic = "_attachmentStatic_1ptp1_702";
-const attachmentSticky = "_attachmentSticky_1ptp1_705";
-const attachmentFixed = "_attachmentFixed_1ptp1_713";
-const content = "_content_1ptp1_722";
-const left = "_left_1ptp1_741";
-const links = "_links_1ptp1_768";
-const logo = "_logo_1ptp1_812";
-const social = "_social_1ptp1_828";
-const themeToggle = "_themeToggle_1ptp1_845";
-const spin = "_spin_1ptp1_1";
-const pulse = "_pulse_1ptp1_1";
+const footer = "_footer_1vcyu_204";
+const primary = "_primary_1vcyu_214";
+const secondary = "_secondary_1vcyu_218";
+const tertiary = "_tertiary_1vcyu_222";
+const quaternary = "_quaternary_1vcyu_226";
+const clear = "_clear_1vcyu_230";
+const roundNone = "_roundNone_1vcyu_234";
+const roundSmall = "_roundSmall_1vcyu_238";
+const roundMedium = "_roundMedium_1vcyu_242";
+const roundLarge = "_roundLarge_1vcyu_246";
+const roundFull = "_roundFull_1vcyu_250";
+const shadowNone = "_shadowNone_1vcyu_254";
+const shadowLight = "_shadowLight_1vcyu_257";
+const shadowMedium = "_shadowMedium_1vcyu_260";
+const shadowStrong = "_shadowStrong_1vcyu_263";
+const shadowIntense = "_shadowIntense_1vcyu_266";
+const attachmentStatic = "_attachmentStatic_1vcyu_269";
+const attachmentSticky = "_attachmentSticky_1vcyu_272";
+const attachmentFixed = "_attachmentFixed_1vcyu_280";
+const content = "_content_1vcyu_289";
+const left = "_left_1vcyu_308";
+const links = "_links_1vcyu_335";
+const logo = "_logo_1vcyu_379";
+const social = "_social_1vcyu_395";
+const themeToggle = "_themeToggle_1vcyu_412";
+const spin = "_spin_1vcyu_1";
+const pulse = "_pulse_1vcyu_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   footer,
   primary,
   secondary,
@@ -294,15 +284,15 @@ const styles = {
   logo,
   social,
   themeToggle,
-  "fade-in": "_fade-in_1ptp1_1",
-  "slide-up": "_slide-up_1ptp1_1",
-  "spin-3d": "_spin-3d_1ptp1_1",
+  "fade-in": "_fade-in_1vcyu_1",
+  "slide-up": "_slide-up_1vcyu_1",
+  "spin-3d": "_spin-3d_1vcyu_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1ptp1_1",
-  "progress-grow": "_progress-grow_1ptp1_1",
-  "indeterminate-move": "_indeterminate-move_1ptp1_1",
-  "skeleton-loading": "_skeleton-loading_1ptp1_1"
+  "fade-in-up": "_fade-in-up_1vcyu_1",
+  "progress-grow": "_progress-grow_1vcyu_1",
+  "indeterminate-move": "_indeterminate-move_1vcyu_1",
+  "skeleton-loading": "_skeleton-loading_1vcyu_1"
 };
 const Footer = (props) => {
   return /* @__PURE__ */ jsx(
@@ -322,4 +312,4 @@ export {
   Footer as F,
   UserThemeSettings as U
 };
-//# sourceMappingURL=Footer-Dl_wQwsb.js.map
+//# sourceMappingURL=Footer-Bdu_9H3p.js.map

package/dist/next/{Footer-Dl_wQwsb.js.map → Footer-Bdu_9H3p.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Footer-Dl_wQwsb.js","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useContext, useMemo, forwardRef } from \"react\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { ThemeSelectProps } from \"../../Select.types\";\r\n\r\nconst UserThemeSettings = forwardRef<HTMLSelectElement, ThemeSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      shadow = getDefaultShadow(),\r\n      rounding = getDefaultRounding(),\r\n      state = \"\",\r\n      \"data-testid\": testId = \"theme-select\",\r\n    },\r\n    ref,\r\n  ) => {\r\n    const ctx = useContext(ThemeContext);\r\n    if (!ctx)\r\n      throw new Error(\"ThemeContext is undefined. Wrap with ThemeProvider.\");\r\n\r\n    const { selectedScheme, setSelectedScheme, schemes } = ctx;\r\n\r\n    const options = useMemo(\r\n      () =>\r\n        schemes.map((scheme, index) => ({\r\n          value: String(index),\r\n          label: scheme.name,\r\n        })),\r\n      [schemes],\r\n    );\r\n\r\n    return (\r\n      <div className={`control-container`}>\r\n        <Select\r\n          ref={ref}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={shadow}\r\n          rounding={rounding}\r\n          options={options}\r\n          data-testid={testId}\r\n          value={String(selectedScheme)}\r\n          aria-label=\"Select Theme\"\r\n          onChange={(value: string | number) =>\r\n            setSelectedScheme(parseInt(String(value), 10))\r\n          }\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\nUserThemeSettings.displayName = \"UserThemeSettings\";\r\nexport default UserThemeSettings;\r\n","import React, { useMemo } from \"react\";\r\nimport { BaseFooterProps, LogoSource } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n  theme = getDefaultTheme(),\r\n  attachment = \"static\",\r\n  shadow = \"none\",\r\n  rounding = \"none\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"footer\",\r\n  copyright,\r\n  links = [],\r\n  logo,\r\n  socialLinks = [],\r\n  showThemeSelect = false,\r\n  IconButton,\r\n  ImageComponent = \"img\",\r\n  ThemeSelect,\r\n  classMap,\r\n  LinkWrapper = ({ href, children, ...rest }) => (\r\n    <a href={href} {...rest}>\r\n      {children}\r\n    </a>\r\n  ),\r\n\r\n  // New accessibility props\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  navAriaLabel = \"Footer site links\",\r\n  socialNavAriaLabel = \"Social media\",\r\n  themeSelectAriaLabel = \"Theme selector\",\r\n  logoAriaLabel = \"Logo\",\r\n  logoDecorative = false,\r\n  labelId,\r\n\r\n  // Pass-through HTML props\r\n  ...rest\r\n}) => {\r\n  const footerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.footer,\r\n        classMap[theme],\r\n        shadow !== \"none\" && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding !== \"none\" && classMap[`round${capitalize(rounding)}`],\r\n        classMap[`attachment${capitalize(attachment)}`],\r\n        className,\r\n      ),\r\n    [classMap, theme, shadow, rounding, attachment, className],\r\n  );\r\n\r\n  const isLogoImage = (\r\n    value: unknown,\r\n  ): value is { src: string; width?: number; height?: number } =>\r\n    typeof value === \"object\" &&\r\n    value !== null &&\r\n    \"src\" in (value as Record<string, unknown>);\r\n\r\n  const isImgLike = typeof logo === \"string\" || isLogoImage(logo);\r\n\r\n  const imgLogo = isImgLike\r\n    ? typeof logo === \"string\"\r\n      ? { src: logo }\r\n      : logo\r\n    : undefined;\r\n\r\n  const logoSrc = imgLogo?.src;\r\n  const logoW = imgLogo?.width ?? 20;\r\n  const logoH = imgLogo?.height ?? 20;\r\n\r\n  return (\r\n    <footer\r\n      className={footerClass}\r\n      data-testid={testId}\r\n      role=\"contentinfo\"\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={ariaLabelledBy ?? labelId}\r\n      aria-describedby={ariaDescribedBy}\r\n      {...rest}\r\n    >\r\n      <div className={classMap.content}>\r\n        <div className={classMap.left} data-testid={`${testId}-left`}>\r\n          {isImgLike && logoSrc ? (\r\n            typeof ImageComponent === \"string\" ? (\r\n              <img\r\n                className={classMap.logo}\r\n                data-testid={`${testId}-logo`}\r\n                loading=\"lazy\"\r\n                src={logoSrc}\r\n                alt={logoDecorative ? \"\" : logoAriaLabel}\r\n                aria-hidden={logoDecorative ? true : undefined}\r\n                height={logoH}\r\n                width={logoW}\r\n              />\r\n            ) : (\r\n              <ImageComponent\r\n                className={classMap.logo}\r\n                data-testid={`${testId}-logo`}\r\n                src={logoSrc}\r\n                alt={logoDecorative ? \"\" : logoAriaLabel}\r\n                aria-hidden={logoDecorative ? true : undefined}\r\n                height={logoH}\r\n                width={logoW}\r\n              />\r\n            )\r\n          ) : logo ? (\r\n            <span\r\n              className={classMap.logo}\r\n              role={logoDecorative ? undefined : \"img\"}\r\n              aria-label={logoDecorative ? undefined : logoAriaLabel}\r\n              aria-hidden={logoDecorative ? true : undefined}\r\n              data-testid={`${testId}-logo`}\r\n            >\r\n              {\r\n                logo as Exclude<\r\n                  LogoSource,\r\n                  string | { src: string; width?: number; height?: number }\r\n                >\r\n              }\r\n            </span>\r\n          ) : null}\r\n\r\n          {copyright && (\r\n            <div\r\n              className={classMap.copyright ?? classMap.left}\r\n              data-testid={`${testId}-copyright`}\r\n            >\r\n              <p id={labelId}>{copyright}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {links.length > 0 && (\r\n          <nav\r\n            className={classMap.links}\r\n            aria-label={navAriaLabel}\r\n            data-testid={`${testId}-nav`}\r\n          >\r\n            <ul>\r\n              {links.map((link, i) => {\r\n                const slug = (link.label || link.href || `link-${i}`)\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\");\r\n\r\n                if (link.disabled) {\r\n                  return (\r\n                    <li key={`${link.href ?? slug}-${i}`}>\r\n                      <span\r\n                        className={classMap.link}\r\n                        data-testid={`${testId}-link-${slug}`}\r\n                        aria-disabled=\"true\"\r\n                        title={link.title}\r\n                      >\r\n                        {link.label}\r\n                      </span>\r\n                    </li>\r\n                  );\r\n                }\r\n\r\n                return (\r\n                  <li key={`${link.href ?? slug}-${i}`}>\r\n                    <LinkWrapper\r\n                      href={link.href}\r\n                      className={classMap.link}\r\n                      data-testid={`${testId}-link-${slug}`}\r\n                      aria-label={link[\"aria-label\"]}\r\n                      aria-current={link[\"aria-current\"]}\r\n                      title={link.title}\r\n                      rel={link.rel}\r\n                      target={link.target}\r\n                    >\r\n                      {link.label}\r\n                    </LinkWrapper>\r\n                  </li>\r\n                );\r\n              })}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n\r\n        {showThemeSelect && (\r\n          <div\r\n            className={classMap.themeToggle}\r\n            data-testid={`${testId}-theme-select`}\r\n            aria-label={themeSelectAriaLabel}\r\n          >\r\n            <ThemeSelect\r\n              theme=\"clear\"\r\n              shadow=\"none\"\r\n              aria-label={themeSelectAriaLabel}\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {socialLinks.length > 0 && (\r\n          <nav\r\n            className={classMap.social}\r\n            aria-label={socialNavAriaLabel}\r\n            data-testid={`${testId}-social`}\r\n          >\r\n            {socialLinks.map((social, index) => (\r\n              <IconButton\r\n                key={`${social.href ?? social.title}-${index}`}\r\n                icon={social.icon}\r\n                href={social.href}\r\n                isExternal={social.isExternal ?? true}\r\n                shadow=\"none\"\r\n                aria-label={social[\"aria-label\"] ?? social.title}\r\n                title={social.tooltip ?? social.title}\r\n                theme=\"clear\"\r\n                disabled={social.disabled}\r\n                rel={social.rel}\r\n                target={social.target}\r\n                data-testid={`${testId}-social-${social.title\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\")}`}\r\n              />\r\n            ))}\r\n          </nav>\r\n        )}\r\n      </div>\r\n    </footer>\r\n  );\r\n};\r\n\r\nFooterBase.displayName = \"FooterBase\";\r\nexport default FooterBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Footer.module.scss\";\r\nimport Image from \"next/image\";\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n  return (\r\n    <FooterBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ImageComponent={Image}\r\n      ThemeSelect={ThemeSelect}\r\n      LinkWrapper={({ href, children, className, ...rest }) => (\r\n        <Link href={href} className={className} {...rest}>\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nFooter.displayName = \"Footer\";\r\nexport default Footer;\r\n"],"names":["links","logo","IconButton","rest","social","ThemeSelect"],"mappings":";;;;;;;;;;;AAYA,MAAM,oBAAoB;AAAA,EACxB,CACE;AAAA,IACE,QAAQ,gBAAA;AAAA,IACR,SAAS,iBAAA;AAAA,IACT,WAAW,mBAAA;AAAA,IACX,QAAQ;AAAA,IACR,eAAe,SAAS;AAAA,EAAA,GAE1B,QACG;AACH,UAAM,MAAM,WAAW,YAAY;AACnC,QAAI,CAAC;AACH,YAAM,IAAI,MAAM,qDAAqD;AAEvE,UAAM,EAAE,gBAAgB,mBAAmB,QAAA,IAAY;AAEvD,UAAM,UAAU;AAAA,MACd,MACE,QAAQ,IAAI,CAAC,QAAQ,WAAW;AAAA,QAC9B,OAAO,OAAO,KAAK;AAAA,QACnB,OAAO,OAAO;AAAA,MAAA,EACd;AAAA,MACJ,CAAC,OAAO;AAAA,IAAA;AAGV,WACE,oBAAC,OAAA,EAAI,WAAW,qBACd,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,OAAO,OAAO,cAAc;AAAA,QAC5B,cAAW;AAAA,QACX,UAAU,CAAC,UACT,kBAAkB,SAAS,OAAO,KAAK,GAAG,EAAE,CAAC;AAAA,MAAA;AAAA,IAAA,GAGnD;AAAA,EAEJ;AACF;AACA,kBAAkB,cAAc;ACpDhC,MAAM,aAAwC,CAAC;AAAA,EAC7C,QAAQ,gBAAA;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,OAAAA,SAAQ,CAAA;AAAA,EACR,MAAAC;AAAA,EACA,cAAc,CAAA;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAAC;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,cAAc,CAAC,EAAE,MAAM,UAAU,GAAGC,MAAAA,MAClC,oBAAC,KAAA,EAAE,MAAa,GAAGA,OAChB,SAAA,CACH;AAAA;AAAA,EAIF,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB;AAAA;AAAA,EAGA,GAAG;AACL,MAAM;AACJ,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,WAAW,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAC3D,aAAa,UAAU,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MAC9D,SAAS,aAAa,WAAW,UAAU,CAAC,EAAE;AAAA,MAC9C;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,QAAQ,UAAU,YAAY,SAAS;AAAA,EAAA;AAG3D,QAAM,cAAc,CAClB,UAEA,OAAO,UAAU,YACjB,UAAU,QACV,SAAU;AAEZ,QAAM,YAAY,OAAOF,UAAS,YAAY,YAAYA,KAAI;AAE9D,QAAM,UAAU,YACZ,OAAOA,UAAS,WACd,EAAE,KAAKA,UACPA,QACF;AAEJ,QAAM,UAAU,mCAAS;AACzB,QAAM,SAAQ,mCAAS,UAAS;AAChC,QAAM,SAAQ,mCAAS,WAAU;AAEjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,mBAAiB,kBAAkB;AAAA,MACnC,oBAAkB;AAAA,MACjB,GAAG;AAAA,MAEJ,UAAA,qBAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,QAAA,qBAAC,SAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SAClD,UAAA;AAAA,UAAA,aAAa,UACZ,OAAO,mBAAmB,WACxB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cACtB,SAAQ;AAAA,cACR,KAAK;AAAA,cACL,KAAK,iBAAiB,KAAK;AAAA,cAC3B,eAAa,iBAAiB,OAAO;AAAA,cACrC,QAAQ;AAAA,cACR,OAAO;AAAA,YAAA;AAAA,UAAA,IAGT;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cACtB,KAAK;AAAA,cACL,KAAK,iBAAiB,KAAK;AAAA,cAC3B,eAAa,iBAAiB,OAAO;AAAA,cACrC,QAAQ;AAAA,cACR,OAAO;AAAA,YAAA;AAAA,UAAA,IAGTA,QACF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,MAAM,iBAAiB,SAAY;AAAA,cACnC,cAAY,iBAAiB,SAAY;AAAA,cACzC,eAAa,iBAAiB,OAAO;AAAA,cACrC,eAAa,GAAG,MAAM;AAAA,cAGpB,UAAAA;AAAA,YAAA;AAAA,UAAA,IAMF;AAAA,UAEH,aACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS,aAAa,SAAS;AAAA,cAC1C,eAAa,GAAG,MAAM;AAAA,cAEtB,UAAA,oBAAC,KAAA,EAAE,IAAI,SAAU,UAAA,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAC7B,GAEJ;AAAA,QAECD,OAAM,SAAS,KACd;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,cAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,YAEtB,8BAAC,MAAA,EACE,UAAAA,OAAM,IAAI,CAAC,MAAM,MAAM;AACtB,oBAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,QAAQ,CAAC,IAC/C,YAAA,EACA,QAAQ,QAAQ,GAAG;AAEtB,kBAAI,KAAK,UAAU;AACjB,2CACG,MAAA,EACC,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAa,GAAG,MAAM,SAAS,IAAI;AAAA,oBACnC,iBAAc;AAAA,oBACd,OAAO,KAAK;AAAA,oBAEX,UAAA,KAAK;AAAA,kBAAA;AAAA,gBAAA,KAPD,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,EASlC;AAAA,cAEJ;AAEA,yCACG,MAAA,EACC,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAM,KAAK;AAAA,kBACX,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM,SAAS,IAAI;AAAA,kBACnC,cAAY,KAAK,YAAY;AAAA,kBAC7B,gBAAc,KAAK,cAAc;AAAA,kBACjC,OAAO,KAAK;AAAA,kBACZ,KAAK,KAAK;AAAA,kBACV,QAAQ,KAAK;AAAA,kBAEZ,UAAA,KAAK;AAAA,gBAAA;AAAA,cAAA,KAXD,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,EAalC;AAAA,YAEJ,CAAC,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,QAIH,mBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YACtB,cAAY;AAAA,YAEZ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,QAAO;AAAA,gBACP,cAAY;AAAA,cAAA;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,QAIH,YAAY,SAAS,KACpB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,cAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA,YAAY,IAAI,CAACI,SAAQ,UACxB;AAAA,cAACF;AAAA,cAAA;AAAA,gBAEC,MAAME,QAAO;AAAA,gBACb,MAAMA,QAAO;AAAA,gBACb,YAAYA,QAAO,cAAc;AAAA,gBACjC,QAAO;AAAA,gBACP,cAAYA,QAAO,YAAY,KAAKA,QAAO;AAAA,gBAC3C,OAAOA,QAAO,WAAWA,QAAO;AAAA,gBAChC,OAAM;AAAA,gBACN,UAAUA,QAAO;AAAA,gBACjB,KAAKA,QAAO;AAAA,gBACZ,QAAQA,QAAO;AAAA,gBACf,eAAa,GAAG,MAAM,WAAWA,QAAO,MACrC,cACA,QAAQ,QAAQ,GAAG,CAAC;AAAA,cAAA;AAAA,cAblB,GAAGA,QAAO,QAAQA,QAAO,KAAK,IAAI,KAAK;AAAA,YAAA,CAe/C;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3NzB,MAAM,SAAgC,CAAC,UAAU;AAC/C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,gBAAgB;AAAA,MAAA,aAChBC;AAAAA,MACA,aAAa,CAAC,EAAE,MAAM,UAAU,WAAW,GAAG,KAAA,0BAC3C,MAAA,EAAK,MAAY,WAAuB,GAAG,MACzC,SAAA,CACH;AAAA,MAEF,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,OAAO,cAAc;"}
+{"version":3,"file":"Footer-Bdu_9H3p.js","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useContext, useMemo, forwardRef } from \"react\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { ThemeSelectProps } from \"../../Select.types\";\r\n\r\nconst UserThemeSettings = forwardRef<HTMLSelectElement, ThemeSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      shadow = getDefaultShadow(),\r\n      rounding = getDefaultRounding(),\r\n      state = \"\",\r\n      \"data-testid\": testId = \"theme-select\",\r\n    },\r\n    ref,\r\n  ) => {\r\n    const ctx = useContext(ThemeContext);\r\n    if (!ctx)\r\n      throw new Error(\"ThemeContext is undefined. Wrap with ThemeProvider.\");\r\n\r\n    const { selectedScheme, setSelectedScheme, schemes } = ctx;\r\n\r\n    const options = useMemo(\r\n      () =>\r\n        schemes.map((scheme, index) => ({\r\n          value: String(index),\r\n          label: scheme.name,\r\n        })),\r\n      [schemes],\r\n    );\r\n\r\n    return (\r\n      <div className={`control-container`}>\r\n        <Select\r\n          ref={ref}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={shadow}\r\n          rounding={rounding}\r\n          options={options}\r\n          data-testid={testId}\r\n          value={String(selectedScheme)}\r\n          aria-label=\"Select Theme\"\r\n          onChange={(value: string | number) =>\r\n            setSelectedScheme(parseInt(String(value), 10))\r\n          }\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\nUserThemeSettings.displayName = \"UserThemeSettings\";\r\nexport default UserThemeSettings;\r\n","import React, { useMemo } from \"react\";\r\nimport { BaseFooterProps, LogoSource } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n  theme = getDefaultTheme(),\r\n  attachment = \"static\",\r\n  shadow = \"none\",\r\n  rounding = \"none\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"footer\",\r\n  copyright,\r\n  links = [],\r\n  logo,\r\n  socialLinks = [],\r\n  showThemeSelect = false,\r\n  IconButton,\r\n  ImageComponent = \"img\",\r\n  ThemeSelect,\r\n  classMap,\r\n  LinkWrapper = ({ href, children, ...rest }) => (\r\n    <a href={href} {...rest}>\r\n      {children}\r\n    </a>\r\n  ),\r\n\r\n  // New accessibility props\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  navAriaLabel = \"Footer site links\",\r\n  socialNavAriaLabel = \"Social media\",\r\n  themeSelectAriaLabel = \"Theme selector\",\r\n  logoAriaLabel = \"Logo\",\r\n  logoDecorative = false,\r\n  labelId,\r\n\r\n  // Pass-through HTML props\r\n  ...rest\r\n}) => {\r\n  const footerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.footer,\r\n        classMap[theme],\r\n        shadow !== \"none\" && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding !== \"none\" && classMap[`round${capitalize(rounding)}`],\r\n        classMap[`attachment${capitalize(attachment)}`],\r\n        className,\r\n      ),\r\n    [classMap, theme, shadow, rounding, attachment, className],\r\n  );\r\n\r\n  const isLogoImage = (\r\n    value: unknown,\r\n  ): value is { src: string; width?: number; height?: number } =>\r\n    typeof value === \"object\" &&\r\n    value !== null &&\r\n    \"src\" in (value as Record<string, unknown>);\r\n\r\n  const isImgLike = typeof logo === \"string\" || isLogoImage(logo);\r\n\r\n  const imgLogo = isImgLike\r\n    ? typeof logo === \"string\"\r\n      ? { src: logo }\r\n      : logo\r\n    : undefined;\r\n\r\n  const logoSrc = imgLogo?.src;\r\n  const logoW = imgLogo?.width ?? 20;\r\n  const logoH = imgLogo?.height ?? 20;\r\n\r\n  return (\r\n    <footer\r\n      className={footerClass}\r\n      data-testid={testId}\r\n      role=\"contentinfo\"\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={ariaLabelledBy ?? labelId}\r\n      aria-describedby={ariaDescribedBy}\r\n      {...rest}\r\n    >\r\n      <div className={classMap.content}>\r\n        <div className={classMap.left} data-testid={`${testId}-left`}>\r\n          {isImgLike && logoSrc ? (\r\n            typeof ImageComponent === \"string\" ? (\r\n              <img\r\n                className={classMap.logo}\r\n                data-testid={`${testId}-logo`}\r\n                loading=\"lazy\"\r\n                src={logoSrc}\r\n                alt={logoDecorative ? \"\" : logoAriaLabel}\r\n                aria-hidden={logoDecorative ? true : undefined}\r\n                height={logoH}\r\n                width={logoW}\r\n              />\r\n            ) : (\r\n              <ImageComponent\r\n                className={classMap.logo}\r\n                data-testid={`${testId}-logo`}\r\n                src={logoSrc}\r\n                alt={logoDecorative ? \"\" : logoAriaLabel}\r\n                aria-hidden={logoDecorative ? true : undefined}\r\n                height={logoH}\r\n                width={logoW}\r\n              />\r\n            )\r\n          ) : logo ? (\r\n            <span\r\n              className={classMap.logo}\r\n              role={logoDecorative ? undefined : \"img\"}\r\n              aria-label={logoDecorative ? undefined : logoAriaLabel}\r\n              aria-hidden={logoDecorative ? true : undefined}\r\n              data-testid={`${testId}-logo`}\r\n            >\r\n              {\r\n                logo as Exclude<\r\n                  LogoSource,\r\n                  string | { src: string; width?: number; height?: number }\r\n                >\r\n              }\r\n            </span>\r\n          ) : null}\r\n\r\n          {copyright && (\r\n            <div\r\n              className={classMap.copyright ?? classMap.left}\r\n              data-testid={`${testId}-copyright`}\r\n            >\r\n              <p id={labelId}>{copyright}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {links.length > 0 && (\r\n          <nav\r\n            className={classMap.links}\r\n            aria-label={navAriaLabel}\r\n            data-testid={`${testId}-nav`}\r\n          >\r\n            <ul>\r\n              {links.map((link, i) => {\r\n                const slug = (link.label || link.href || `link-${i}`)\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\");\r\n\r\n                if (link.disabled) {\r\n                  return (\r\n                    <li key={`${link.href ?? slug}-${i}`}>\r\n                      <span\r\n                        className={classMap.link}\r\n                        data-testid={`${testId}-link-${slug}`}\r\n                        aria-disabled=\"true\"\r\n                        title={link.title}\r\n                      >\r\n                        {link.label}\r\n                      </span>\r\n                    </li>\r\n                  );\r\n                }\r\n\r\n                return (\r\n                  <li key={`${link.href ?? slug}-${i}`}>\r\n                    <LinkWrapper\r\n                      href={link.href}\r\n                      className={classMap.link}\r\n                      data-testid={`${testId}-link-${slug}`}\r\n                      aria-label={link[\"aria-label\"]}\r\n                      aria-current={link[\"aria-current\"]}\r\n                      title={link.title}\r\n                      rel={link.rel}\r\n                      target={link.target}\r\n                    >\r\n                      {link.label}\r\n                    </LinkWrapper>\r\n                  </li>\r\n                );\r\n              })}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n\r\n        {showThemeSelect && (\r\n          <div\r\n            className={classMap.themeToggle}\r\n            data-testid={`${testId}-theme-select`}\r\n            aria-label={themeSelectAriaLabel}\r\n          >\r\n            <ThemeSelect\r\n              theme=\"clear\"\r\n              shadow=\"none\"\r\n              aria-label={themeSelectAriaLabel}\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {socialLinks.length > 0 && (\r\n          <nav\r\n            className={classMap.social}\r\n            aria-label={socialNavAriaLabel}\r\n            data-testid={`${testId}-social`}\r\n          >\r\n            {socialLinks.map((social, index) => (\r\n              <IconButton\r\n                key={`${social.href ?? social.title}-${index}`}\r\n                icon={social.icon}\r\n                href={social.href}\r\n                isExternal={social.isExternal ?? true}\r\n                shadow=\"none\"\r\n                aria-label={social[\"aria-label\"] ?? social.title}\r\n                title={social.tooltip ?? social.title}\r\n                theme=\"clear\"\r\n                disabled={social.disabled}\r\n                rel={social.rel}\r\n                target={social.target}\r\n                data-testid={`${testId}-social-${social.title\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\")}`}\r\n              />\r\n            ))}\r\n          </nav>\r\n        )}\r\n      </div>\r\n    </footer>\r\n  );\r\n};\r\n\r\nFooterBase.displayName = \"FooterBase\";\r\nexport default FooterBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Footer.module.scss\";\r\nimport Image from \"next/image\";\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n  return (\r\n    <FooterBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ImageComponent={Image}\r\n      ThemeSelect={ThemeSelect}\r\n      LinkWrapper={({ href, children, className, ...rest }) => (\r\n        <Link href={href} className={className} {...rest}>\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nFooter.displayName = \"Footer\";\r\nexport default Footer;\r\n"],"names":["links","logo","IconButton","rest","social","ThemeSelect"],"mappings":"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"}