boreal-ui 0.0.76 → 0.0.78

package/dist/next/TextInput.css

@@ -0,0 +1,438 @@
+@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.
+ */
+._container_stb1y_85 {
+  display: flex;
+  gap: var(--spacing-xs);
+  width: fit-content;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+._label_stb1y_93 {
+  font-size: var(--font-size-body-sm);
+  font-weight: var(--font-weight-ui);
+}
+
+._labelTop_stb1y_98 {
+  flex-direction: column;
+}
+
+._labelBottom_stb1y_102 {
+  flex-direction: column-reverse;
+}
+
+._labelLeft_stb1y_106 {
+  flex-direction: row;
+  align-items: center;
+}
+
+._labelRight_stb1y_111 {
+  flex-direction: row-reverse;
+  align-items: center;
+}
+
+._roundNone_stb1y_116 {
+  border-radius: var(--border-radius-none);
+}
+._roundNone_stb1y_116 input {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_stb1y_123 {
+  border-radius: var(--border-radius-sm);
+}
+._roundSmall_stb1y_123 input {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_stb1y_130 {
+  border-radius: var(--border-radius-md);
+}
+._roundMedium_stb1y_130 input {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_stb1y_137 {
+  border-radius: var(--border-radius-lg);
+}
+._roundLarge_stb1y_137 input {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_stb1y_144 {
+  border-radius: var(--border-radius-full);
+}
+._roundFull_stb1y_144 input {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_stb1y_151 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_stb1y_155 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_stb1y_159 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_stb1y_163 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_stb1y_167 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+._textInput_stb1y_171 {
+  display: inline-flex;
+  justify-content: space-between;
+  align-items: center;
+  width: fit-content;
+  height: fit-content;
+  margin: var(--spacing-sm);
+  transition: var(--transition-default);
+  background: transparent;
+  outline: none;
+  margin: var(--spacing-sm);
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+  border: none;
+  border-radius: var(--border-radius-lg);
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+._textInput_stb1y_171:focus-within {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 3px;
+  border-radius: var(--border-radius-md);
+}
+@media (width <= 319.98px) {
+  ._textInput_stb1y_171 {
+    padding: var(--spacing-xs);
+    height: 35px;
+    width: 95%;
+    max-width: none;
+  }
+}
+._textInput_stb1y_171 input {
+  width: 100%;
+  padding: var(--spacing-sm);
+  border: none;
+  height: 100%;
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+._textInput_stb1y_171 input:hover {
+  background-color: transparent;
+}
+._textInput_stb1y_171 input:focus, ._textInput_stb1y_171 input:focus-within {
+  outline: none;
+}
+._textInput_stb1y_171::placeholder {
+  color: var(--text-color-primary);
+  opacity: 0.8;
+  font: inherit;
+}
+._textInput_stb1y_171:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: var(--border-radius-lg);
+}
+@media (width <= 319.98px) {
+  ._textInput_stb1y_171 {
+    width: 100%;
+    font-size: var(--font-size-body-sm);
+    margin: var(--spacing-xs);
+  }
+}
+
+._success_stb1y_237 {
+  border: 2px solid var(--success-color);
+}
+
+._error_stb1y_241 {
+  border: 2px solid var(--error-color);
+}
+
+._warning_stb1y_245 {
+  border: 2px solid var(--warning-color);
+}
+
+._primary_stb1y_249 {
+  background-color: var(--primary-color);
+  color: var(--text-color-primary);
+  box-shadow: var(--box-shadow-medium);
+}
+._primary_stb1y_249:hover {
+  background-color: var(--primary-color-hover);
+}
+._primary_stb1y_249 ._textInput_stb1y_171::placeholder {
+  color: var(--text-color-primary);
+}
+._primary_stb1y_249 ._iconContainer_stb1y_260 svg {
+  color: var(--text-color-primary);
+}
+._primary_stb1y_249._outline_stb1y_263 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  box-shadow: none;
+  border: 2px solid var(--primary-color);
+}
+
+._secondary_stb1y_270 {
+  background-color: var(--secondary-color);
+  color: var(--text-color-secondary);
+  box-shadow: var(--box-shadow-medium);
+}
+._secondary_stb1y_270:hover {
+  background-color: var(--secondary-color-hover);
+}
+._secondary_stb1y_270 ._textInput_stb1y_171::placeholder {
+  color: var(--text-color-secondary);
+}
+._secondary_stb1y_270 ._iconContainer_stb1y_260 svg {
+  color: var(--text-color-secondary);
+}
+._secondary_stb1y_270._outline_stb1y_263 {
+  background-color: transparent;
+  color: var(--text-color-secondary);
+  box-shadow: none;
+  border: 2px solid var(--secondary-color);
+}
+
+._tertiary_stb1y_291 {
+  background-color: var(--tertiary-color);
+  color: var(--text-color-primary);
+  box-shadow: var(--box-shadow-medium);
+}
+._tertiary_stb1y_291:hover {
+  background-color: var(--tertiary-color-hover);
+}
+._tertiary_stb1y_291 ._textInput_stb1y_171::placeholder {
+  color: var(--text-color-primary);
+}
+._tertiary_stb1y_291 ._iconContainer_stb1y_260 svg {
+  color: var(--text-color-primary);
+}
+._tertiary_stb1y_291._outline_stb1y_263 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  box-shadow: none;
+  border: 2px solid var(--tertiary-color);
+}
+
+._quaternary_stb1y_312 {
+  background-color: var(--quaternary-color);
+  color: var(--text-color-primary);
+  box-shadow: var(--box-shadow-medium);
+}
+._quaternary_stb1y_312:hover {
+  background-color: var(--quaternary-color-hover);
+}
+._quaternary_stb1y_312 ._textInput_stb1y_171::placeholder {
+  color: var(--text-color-primary);
+}
+._quaternary_stb1y_312 ._iconContainer_stb1y_260 svg {
+  color: var(--text-color-primary);
+}
+._quaternary_stb1y_312._outline_stb1y_263 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  box-shadow: none;
+  border: 2px solid var(--quaternary-color);
+}
+
+._clear_stb1y_333 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  box-shadow: var(--box-shadow-medium);
+}
+._clear_stb1y_333:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+._clear_stb1y_333 ._textInput_stb1y_171::placeholder {
+  color: var(--text-color-primary);
+}
+._clear_stb1y_333 ._iconContainer_stb1y_260 svg {
+  color: var(--text-color-primary);
+}
+._clear_stb1y_333._outline_stb1y_263 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  box-shadow: none;
+  border: 2px solid var(--text-color-primary);
+}
+
+._clear_stb1y_333 {
+  box-shadow: none;
+}
+._clear_stb1y_333 ._textInput_stb1y_171 {
+  border: none;
+}
+
+._iconContainer_stb1y_260 {
+  display: flex;
+  box-sizing: border-box;
+  margin: 0.5rem;
+  background-color: transparent;
+}
+@media (width <= 319.98px) {
+  ._iconContainer_stb1y_260 {
+    margin: 0.1rem;
+  }
+}
+._iconContainer_stb1y_260 svg {
+  width: 1em;
+  height: 1em;
+  color: var(--text-color-primary);
+}
+@media (width <= 319.98px) {
+  ._iconContainer_stb1y_260 svg {
+    width: 15px;
+    height: 15px;
+  }
+}
+
+._togglePassword_stb1y_384 {
+  padding: var(--spacing-xs);
+  box-sizing: border-box;
+  background: transparent;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+}
+._togglePassword_stb1y_384:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: var(--border-radius-xs);
+}
+@media (width <= 319.98px) {
+  ._togglePassword_stb1y_384 {
+    margin-top: var(--spacing-xs);
+  }
+}
+
+._disabled_stb1y_403 {
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.6;
+  background-color: var(--disabled-color);
+}
+._disabled_stb1y_403 ._textInput_stb1y_171 {
+  background-color: transparent;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._container_stb1y_85,
+  ._container_stb1y_85 * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (forced-colors: active) {
+  ._container_stb1y_85 {
+    background: Canvas;
+    color: CanvasText;
+    border: 1px solid ButtonText;
+  }
+  ._textInput_stb1y_171 {
+    color: CanvasText;
+    background: Canvas;
+  }
+  ._textInput_stb1y_171::placeholder {
+    color: CanvasText;
+  }
+  ._textInput_stb1y_171:focus-visible,
+  ._container_stb1y_85:focus-within {
+    outline: 2px solid Highlight !important;
+    outline-offset: 2px !important;
+  }
+}

package/dist/next/TextInput.js

@@ -1,4 +1,4 @@
-import { T } from "./TextInput-yUHEWbdK.js";
+import { T } from "./TextInput-CKM34-yu.js";
 export {
   T as default
 };

package/dist/next/{Timeline-BTsKMULd.js → Timeline-BF_ru3Qq.js}

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const timeline = "_timeline_l5scm_85";
+import './Timeline.css';const timeline = "_timeline_l5scm_85";
 const horizontal = "_horizontal_l5scm_109";
 const item = "_item_l5scm_123";
 const marker = "_marker_l5scm_175";
@@ -220,4 +220,4 @@ Timeline.displayName = "Timeline";
 export {
   Timeline as T
 };
-//# sourceMappingURL=Timeline-BTsKMULd.js.map
+//# sourceMappingURL=Timeline-BF_ru3Qq.js.map

package/dist/next/{Timeline-BTsKMULd.js.map → Timeline-BF_ru3Qq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Timeline-BTsKMULd.js","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/next/Timeline.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { TimelineProps } from \"./Timeline.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TimelineBase: React.FC<\r\n  TimelineProps & { classMap: Record<string, string> }\r\n> = ({\r\n  items,\r\n  orientation = \"vertical\",\r\n  \"aria-label\": ariaLabel = \"Timeline\",\r\n  \"aria-label\": ariaLabelOverride,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  role = \"list\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  classMap,\r\n  className,\r\n  \"data-testid\": testId = \"timeline\",\r\n  ...rest\r\n}) => {\r\n  const outerWrapper = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.timeline,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        className,\r\n      ),\r\n    [classMap, orientation, theme, className],\r\n  );\r\n\r\n  const itemClassName = useMemo(\r\n    () =>\r\n      combineClassNames(classMap.item, classMap[orientation], classMap[theme]),\r\n    [classMap, orientation, theme],\r\n  );\r\n\r\n  const markerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.marker,\r\n        classMap[theme],\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n      ),\r\n    [classMap, theme, orientation, shadow],\r\n  );\r\n\r\n  const contentClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.content,\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, orientation, shadow, rounding],\r\n  );\r\n\r\n  const setSize = items.length;\r\n\r\n  return (\r\n    <ul\r\n      className={outerWrapper}\r\n      data-testid={testId}\r\n      role={role}\r\n      aria-label={ariaLabelledBy ? undefined : (ariaLabelOverride ?? ariaLabel)}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      {...rest}\r\n    >\r\n      {items.map((item, index) => {\r\n        const IconComponent = item.icon;\r\n        const itemTestId = `${testId}-item-${index}`;\r\n        const labelId = `${itemTestId}-title`;\r\n        const descriptionId = item.description\r\n          ? `${itemTestId}-description`\r\n          : undefined;\r\n        const dateId = item.date ? `${itemTestId}-date` : undefined;\r\n        const hasTitle = Boolean(item.title);\r\n\r\n        let dateTimeAttr: string | undefined;\r\n        if (item.date) {\r\n          const dateObj = new Date(item.date);\r\n          if (!isNaN(dateObj.getTime())) {\r\n            dateTimeAttr = dateObj.toISOString();\r\n          }\r\n        }\r\n\r\n        const describedBy =\r\n          [dateId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n        return (\r\n          <li\r\n            key={index}\r\n            role=\"listitem\"\r\n            className={itemClassName}\r\n            data-testid={itemTestId}\r\n            aria-labelledby={hasTitle ? labelId : undefined}\r\n            aria-label={!hasTitle ? `Timeline item ${index + 1}` : undefined}\r\n            aria-describedby={describedBy}\r\n            aria-posinset={index + 1}\r\n            aria-setsize={setSize}\r\n          >\r\n            <div\r\n              className={markerClassName}\r\n              data-testid={`${itemTestId}-marker`}\r\n              aria-hidden={true}\r\n            >\r\n              {IconComponent ? (\r\n                <div\r\n                  className={classMap.icon}\r\n                  data-testid={`${itemTestId}-icon`}\r\n                  aria-hidden={true}\r\n                >\r\n                  <IconComponent aria-hidden={true} />\r\n                </div>\r\n              ) : (\r\n                <div\r\n                  className={classMap.dot}\r\n                  data-testid={`${itemTestId}-dot`}\r\n                  aria-hidden={true}\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            <div\r\n              className={contentClassName}\r\n              data-testid={`${itemTestId}-content`}\r\n            >\r\n              {hasTitle && (\r\n                <h3\r\n                  id={labelId}\r\n                  className={classMap.title}\r\n                  data-testid={`${itemTestId}-title`}\r\n                >\r\n                  {item.title}\r\n                </h3>\r\n              )}\r\n\r\n              {item.date && (\r\n                <p\r\n                  id={dateId}\r\n                  className={classMap.date}\r\n                  data-testid={`${itemTestId}-date`}\r\n                >\r\n                  <time dateTime={dateTimeAttr}>{item.date}</time>\r\n                </p>\r\n              )}\r\n\r\n              {item.description && (\r\n                <p\r\n                  id={descriptionId}\r\n                  className={classMap.description}\r\n                  data-testid={`${itemTestId}-description`}\r\n                >\r\n                  {item.description}\r\n                </p>\r\n              )}\r\n            </div>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n};\r\n\r\nTimelineBase.displayName = \"TimelineBase\";\r\nexport default TimelineBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Timeline.module.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n  return <TimelineBase {...props} classMap={styles} />;\r\n};\r\nTimeline.displayName = \"Timeline\";\r\nexport default Timeline;\r\n"],"names":["item"],"mappings":"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"}
+{"version":3,"file":"Timeline-BF_ru3Qq.js","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/next/Timeline.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { TimelineProps } from \"./Timeline.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TimelineBase: React.FC<\r\n  TimelineProps & { classMap: Record<string, string> }\r\n> = ({\r\n  items,\r\n  orientation = \"vertical\",\r\n  \"aria-label\": ariaLabel = \"Timeline\",\r\n  \"aria-label\": ariaLabelOverride,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  role = \"list\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  classMap,\r\n  className,\r\n  \"data-testid\": testId = \"timeline\",\r\n  ...rest\r\n}) => {\r\n  const outerWrapper = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.timeline,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        className,\r\n      ),\r\n    [classMap, orientation, theme, className],\r\n  );\r\n\r\n  const itemClassName = useMemo(\r\n    () =>\r\n      combineClassNames(classMap.item, classMap[orientation], classMap[theme]),\r\n    [classMap, orientation, theme],\r\n  );\r\n\r\n  const markerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.marker,\r\n        classMap[theme],\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n      ),\r\n    [classMap, theme, orientation, shadow],\r\n  );\r\n\r\n  const contentClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.content,\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, orientation, shadow, rounding],\r\n  );\r\n\r\n  const setSize = items.length;\r\n\r\n  return (\r\n    <ul\r\n      className={outerWrapper}\r\n      data-testid={testId}\r\n      role={role}\r\n      aria-label={ariaLabelledBy ? undefined : (ariaLabelOverride ?? ariaLabel)}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      {...rest}\r\n    >\r\n      {items.map((item, index) => {\r\n        const IconComponent = item.icon;\r\n        const itemTestId = `${testId}-item-${index}`;\r\n        const labelId = `${itemTestId}-title`;\r\n        const descriptionId = item.description\r\n          ? `${itemTestId}-description`\r\n          : undefined;\r\n        const dateId = item.date ? `${itemTestId}-date` : undefined;\r\n        const hasTitle = Boolean(item.title);\r\n\r\n        let dateTimeAttr: string | undefined;\r\n        if (item.date) {\r\n          const dateObj = new Date(item.date);\r\n          if (!isNaN(dateObj.getTime())) {\r\n            dateTimeAttr = dateObj.toISOString();\r\n          }\r\n        }\r\n\r\n        const describedBy =\r\n          [dateId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n        return (\r\n          <li\r\n            key={index}\r\n            role=\"listitem\"\r\n            className={itemClassName}\r\n            data-testid={itemTestId}\r\n            aria-labelledby={hasTitle ? labelId : undefined}\r\n            aria-label={!hasTitle ? `Timeline item ${index + 1}` : undefined}\r\n            aria-describedby={describedBy}\r\n            aria-posinset={index + 1}\r\n            aria-setsize={setSize}\r\n          >\r\n            <div\r\n              className={markerClassName}\r\n              data-testid={`${itemTestId}-marker`}\r\n              aria-hidden={true}\r\n            >\r\n              {IconComponent ? (\r\n                <div\r\n                  className={classMap.icon}\r\n                  data-testid={`${itemTestId}-icon`}\r\n                  aria-hidden={true}\r\n                >\r\n                  <IconComponent aria-hidden={true} />\r\n                </div>\r\n              ) : (\r\n                <div\r\n                  className={classMap.dot}\r\n                  data-testid={`${itemTestId}-dot`}\r\n                  aria-hidden={true}\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            <div\r\n              className={contentClassName}\r\n              data-testid={`${itemTestId}-content`}\r\n            >\r\n              {hasTitle && (\r\n                <h3\r\n                  id={labelId}\r\n                  className={classMap.title}\r\n                  data-testid={`${itemTestId}-title`}\r\n                >\r\n                  {item.title}\r\n                </h3>\r\n              )}\r\n\r\n              {item.date && (\r\n                <p\r\n                  id={dateId}\r\n                  className={classMap.date}\r\n                  data-testid={`${itemTestId}-date`}\r\n                >\r\n                  <time dateTime={dateTimeAttr}>{item.date}</time>\r\n                </p>\r\n              )}\r\n\r\n              {item.description && (\r\n                <p\r\n                  id={descriptionId}\r\n                  className={classMap.description}\r\n                  data-testid={`${itemTestId}-description`}\r\n                >\r\n                  {item.description}\r\n                </p>\r\n              )}\r\n            </div>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n};\r\n\r\nTimelineBase.displayName = \"TimelineBase\";\r\nexport default TimelineBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Timeline.module.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n  return <TimelineBase {...props} classMap={styles} />;\r\n};\r\nTimeline.displayName = \"Timeline\";\r\nexport default Timeline;\r\n"],"names":["item"],"mappings":"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"}

package/dist/next/{Timeline-Dep_oZrh.cjs → Timeline-uKeDlojT.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Timeline.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
@@ -219,4 +219,4 @@ const Timeline = (props) => {
 };
 Timeline.displayName = "Timeline";
 exports.Timeline = Timeline;
-//# sourceMappingURL=Timeline-Dep_oZrh.cjs.map
+//# sourceMappingURL=Timeline-uKeDlojT.cjs.map

package/dist/next/{Timeline-Dep_oZrh.cjs.map → Timeline-uKeDlojT.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Timeline-Dep_oZrh.cjs","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/next/Timeline.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { TimelineProps } from \"./Timeline.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TimelineBase: React.FC<\r\n  TimelineProps & { classMap: Record<string, string> }\r\n> = ({\r\n  items,\r\n  orientation = \"vertical\",\r\n  \"aria-label\": ariaLabel = \"Timeline\",\r\n  \"aria-label\": ariaLabelOverride,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  role = \"list\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  classMap,\r\n  className,\r\n  \"data-testid\": testId = \"timeline\",\r\n  ...rest\r\n}) => {\r\n  const outerWrapper = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.timeline,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        className,\r\n      ),\r\n    [classMap, orientation, theme, className],\r\n  );\r\n\r\n  const itemClassName = useMemo(\r\n    () =>\r\n      combineClassNames(classMap.item, classMap[orientation], classMap[theme]),\r\n    [classMap, orientation, theme],\r\n  );\r\n\r\n  const markerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.marker,\r\n        classMap[theme],\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n      ),\r\n    [classMap, theme, orientation, shadow],\r\n  );\r\n\r\n  const contentClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.content,\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, orientation, shadow, rounding],\r\n  );\r\n\r\n  const setSize = items.length;\r\n\r\n  return (\r\n    <ul\r\n      className={outerWrapper}\r\n      data-testid={testId}\r\n      role={role}\r\n      aria-label={ariaLabelledBy ? undefined : (ariaLabelOverride ?? ariaLabel)}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      {...rest}\r\n    >\r\n      {items.map((item, index) => {\r\n        const IconComponent = item.icon;\r\n        const itemTestId = `${testId}-item-${index}`;\r\n        const labelId = `${itemTestId}-title`;\r\n        const descriptionId = item.description\r\n          ? `${itemTestId}-description`\r\n          : undefined;\r\n        const dateId = item.date ? `${itemTestId}-date` : undefined;\r\n        const hasTitle = Boolean(item.title);\r\n\r\n        let dateTimeAttr: string | undefined;\r\n        if (item.date) {\r\n          const dateObj = new Date(item.date);\r\n          if (!isNaN(dateObj.getTime())) {\r\n            dateTimeAttr = dateObj.toISOString();\r\n          }\r\n        }\r\n\r\n        const describedBy =\r\n          [dateId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n        return (\r\n          <li\r\n            key={index}\r\n            role=\"listitem\"\r\n            className={itemClassName}\r\n            data-testid={itemTestId}\r\n            aria-labelledby={hasTitle ? labelId : undefined}\r\n            aria-label={!hasTitle ? `Timeline item ${index + 1}` : undefined}\r\n            aria-describedby={describedBy}\r\n            aria-posinset={index + 1}\r\n            aria-setsize={setSize}\r\n          >\r\n            <div\r\n              className={markerClassName}\r\n              data-testid={`${itemTestId}-marker`}\r\n              aria-hidden={true}\r\n            >\r\n              {IconComponent ? (\r\n                <div\r\n                  className={classMap.icon}\r\n                  data-testid={`${itemTestId}-icon`}\r\n                  aria-hidden={true}\r\n                >\r\n                  <IconComponent aria-hidden={true} />\r\n                </div>\r\n              ) : (\r\n                <div\r\n                  className={classMap.dot}\r\n                  data-testid={`${itemTestId}-dot`}\r\n                  aria-hidden={true}\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            <div\r\n              className={contentClassName}\r\n              data-testid={`${itemTestId}-content`}\r\n            >\r\n              {hasTitle && (\r\n                <h3\r\n                  id={labelId}\r\n                  className={classMap.title}\r\n                  data-testid={`${itemTestId}-title`}\r\n                >\r\n                  {item.title}\r\n                </h3>\r\n              )}\r\n\r\n              {item.date && (\r\n                <p\r\n                  id={dateId}\r\n                  className={classMap.date}\r\n                  data-testid={`${itemTestId}-date`}\r\n                >\r\n                  <time dateTime={dateTimeAttr}>{item.date}</time>\r\n                </p>\r\n              )}\r\n\r\n              {item.description && (\r\n                <p\r\n                  id={descriptionId}\r\n                  className={classMap.description}\r\n                  data-testid={`${itemTestId}-description`}\r\n                >\r\n                  {item.description}\r\n                </p>\r\n              )}\r\n            </div>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n};\r\n\r\nTimelineBase.displayName = \"TimelineBase\";\r\nexport default TimelineBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Timeline.module.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n  return <TimelineBase {...props} classMap={styles} />;\r\n};\r\nTimeline.displayName = \"Timeline\";\r\nexport default Timeline;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,eAEF,CAAC;AAAA,EACH;AAAA,EACA,cAAc;AAAA,EACd,cAAc,YAAY;AAAA,EAC1B,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,OAAO;AAAA,EACP,QAAQA,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT;AAAA,EACA;AAAA,EACA,eAAe,SAAS;AAAA,EACxB,GAAG;AACL,MAAM;AACJ,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,WAAW;AAAA,MACpB,SAAS,KAAK;AAAA,MACd;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,aAAa,OAAO,SAAS;AAAA,EAAA;AAG1C,QAAM,gBAAgBD,MAAAA;AAAAA,IACpB,MACEC,WAAAA,kBAAkB,SAAS,MAAM,SAAS,WAAW,GAAG,SAAS,KAAK,CAAC;AAAA,IACzE,CAAC,UAAU,aAAa,KAAK;AAAA,EAAA;AAG/B,QAAM,kBAAkBD,MAAAA;AAAAA,IACtB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,WAAW;AAAA,MACpB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,OAAO,aAAa,MAAM;AAAA,EAAA;AAGvC,QAAM,mBAAmBF,MAAAA;AAAAA,IACvB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,WAAW;AAAA,MACpB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,aAAa,QAAQ,QAAQ;AAAA,EAAA;AAG1C,QAAM,UAAU,MAAM;AAEtB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAa;AAAA,MACb;AAAA,MACA,cAAY,iBAAiB,SAAa,qBAAqB;AAAA,MAC/D,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MAEH,UAAA,MAAM,IAAI,CAACC,OAAM,UAAU;AAC1B,cAAM,gBAAgBA,MAAK;AAC3B,cAAM,aAAa,GAAG,MAAM,SAAS,KAAK;AAC1C,cAAM,UAAU,GAAG,UAAU;AAC7B,cAAM,gBAAgBA,MAAK,cACvB,GAAG,UAAU,iBACb;AACJ,cAAM,SAASA,MAAK,OAAO,GAAG,UAAU,UAAU;AAClD,cAAM,WAAW,QAAQA,MAAK,KAAK;AAEnC,YAAI;AACJ,YAAIA,MAAK,MAAM;AACb,gBAAM,UAAU,IAAI,KAAKA,MAAK,IAAI;AAClC,cAAI,CAAC,MAAM,QAAQ,QAAA,CAAS,GAAG;AAC7B,2BAAe,QAAQ,YAAA;AAAA,UACzB;AAAA,QACF;AAEA,cAAM,cACJ,CAAC,QAAQ,aAAa,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAEvD,eACEC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,WAAW;AAAA,YACX,eAAa;AAAA,YACb,mBAAiB,WAAW,UAAU;AAAA,YACtC,cAAY,CAAC,WAAW,iBAAiB,QAAQ,CAAC,KAAK;AAAA,YACvD,oBAAkB;AAAA,YAClB,iBAAe,QAAQ;AAAA,YACvB,gBAAc;AAAA,YAEd,UAAA;AAAA,cAAAF,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,eAAa,GAAG,UAAU;AAAA,kBAC1B,eAAa;AAAA,kBAEZ,UAAA,gBACCA,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAW,SAAS;AAAA,sBACpB,eAAa,GAAG,UAAU;AAAA,sBAC1B,eAAa;AAAA,sBAEb,UAAAA,2BAAAA,IAAC,eAAA,EAAc,eAAa,KAAA,CAAM;AAAA,oBAAA;AAAA,kBAAA,IAGpCA,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAW,SAAS;AAAA,sBACpB,eAAa,GAAG,UAAU;AAAA,sBAC1B,eAAa;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACf;AAAA,cAAA;AAAA,cAIJE,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,eAAa,GAAG,UAAU;AAAA,kBAEzB,UAAA;AAAA,oBAAA,YACCF,2BAAAA;AAAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,IAAI;AAAA,wBACJ,WAAW,SAAS;AAAA,wBACpB,eAAa,GAAG,UAAU;AAAA,wBAEzB,UAAAC,MAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAITA,MAAK,QACJD,2BAAAA;AAAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,IAAI;AAAA,wBACJ,WAAW,SAAS;AAAA,wBACpB,eAAa,GAAG,UAAU;AAAA,wBAE1B,UAAAA,2BAAAA,IAAC,QAAA,EAAK,UAAU,cAAe,gBAAK,KAAA,CAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAI5CC,MAAK,eACJD,2BAAAA;AAAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,IAAI;AAAA,wBACJ,WAAW,SAAS;AAAA,wBACpB,eAAa,GAAG,UAAU;AAAA,wBAEzB,UAAAC,MAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACR;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA;AAAA,UAjEK;AAAA,QAAA;AAAA,MAoEX,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,aAAa,cAAc;ACxK3B,MAAM,WAAoC,CAAC,UAAU;AACnD,SAAOD,2BAAAA,IAAC,cAAA,EAAc,GAAG,OAAO,UAAU,QAAQ;AACpD;AACA,SAAS,cAAc;;"}
+{"version":3,"file":"Timeline-uKeDlojT.cjs","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/next/Timeline.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { TimelineProps } from \"./Timeline.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TimelineBase: React.FC<\r\n  TimelineProps & { classMap: Record<string, string> }\r\n> = ({\r\n  items,\r\n  orientation = \"vertical\",\r\n  \"aria-label\": ariaLabel = \"Timeline\",\r\n  \"aria-label\": ariaLabelOverride,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  role = \"list\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  classMap,\r\n  className,\r\n  \"data-testid\": testId = \"timeline\",\r\n  ...rest\r\n}) => {\r\n  const outerWrapper = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.timeline,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        className,\r\n      ),\r\n    [classMap, orientation, theme, className],\r\n  );\r\n\r\n  const itemClassName = useMemo(\r\n    () =>\r\n      combineClassNames(classMap.item, classMap[orientation], classMap[theme]),\r\n    [classMap, orientation, theme],\r\n  );\r\n\r\n  const markerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.marker,\r\n        classMap[theme],\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n      ),\r\n    [classMap, theme, orientation, shadow],\r\n  );\r\n\r\n  const contentClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.content,\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, orientation, shadow, rounding],\r\n  );\r\n\r\n  const setSize = items.length;\r\n\r\n  return (\r\n    <ul\r\n      className={outerWrapper}\r\n      data-testid={testId}\r\n      role={role}\r\n      aria-label={ariaLabelledBy ? undefined : (ariaLabelOverride ?? ariaLabel)}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      {...rest}\r\n    >\r\n      {items.map((item, index) => {\r\n        const IconComponent = item.icon;\r\n        const itemTestId = `${testId}-item-${index}`;\r\n        const labelId = `${itemTestId}-title`;\r\n        const descriptionId = item.description\r\n          ? `${itemTestId}-description`\r\n          : undefined;\r\n        const dateId = item.date ? `${itemTestId}-date` : undefined;\r\n        const hasTitle = Boolean(item.title);\r\n\r\n        let dateTimeAttr: string | undefined;\r\n        if (item.date) {\r\n          const dateObj = new Date(item.date);\r\n          if (!isNaN(dateObj.getTime())) {\r\n            dateTimeAttr = dateObj.toISOString();\r\n          }\r\n        }\r\n\r\n        const describedBy =\r\n          [dateId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n        return (\r\n          <li\r\n            key={index}\r\n            role=\"listitem\"\r\n            className={itemClassName}\r\n            data-testid={itemTestId}\r\n            aria-labelledby={hasTitle ? labelId : undefined}\r\n            aria-label={!hasTitle ? `Timeline item ${index + 1}` : undefined}\r\n            aria-describedby={describedBy}\r\n            aria-posinset={index + 1}\r\n            aria-setsize={setSize}\r\n          >\r\n            <div\r\n              className={markerClassName}\r\n              data-testid={`${itemTestId}-marker`}\r\n              aria-hidden={true}\r\n            >\r\n              {IconComponent ? (\r\n                <div\r\n                  className={classMap.icon}\r\n                  data-testid={`${itemTestId}-icon`}\r\n                  aria-hidden={true}\r\n                >\r\n                  <IconComponent aria-hidden={true} />\r\n                </div>\r\n              ) : (\r\n                <div\r\n                  className={classMap.dot}\r\n                  data-testid={`${itemTestId}-dot`}\r\n                  aria-hidden={true}\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            <div\r\n              className={contentClassName}\r\n              data-testid={`${itemTestId}-content`}\r\n            >\r\n              {hasTitle && (\r\n                <h3\r\n                  id={labelId}\r\n                  className={classMap.title}\r\n                  data-testid={`${itemTestId}-title`}\r\n                >\r\n                  {item.title}\r\n                </h3>\r\n              )}\r\n\r\n              {item.date && (\r\n                <p\r\n                  id={dateId}\r\n                  className={classMap.date}\r\n                  data-testid={`${itemTestId}-date`}\r\n                >\r\n                  <time dateTime={dateTimeAttr}>{item.date}</time>\r\n                </p>\r\n              )}\r\n\r\n              {item.description && (\r\n                <p\r\n                  id={descriptionId}\r\n                  className={classMap.description}\r\n                  data-testid={`${itemTestId}-description`}\r\n                >\r\n                  {item.description}\r\n                </p>\r\n              )}\r\n            </div>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n};\r\n\r\nTimelineBase.displayName = \"TimelineBase\";\r\nexport default TimelineBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Timeline.module.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n  return <TimelineBase {...props} classMap={styles} />;\r\n};\r\nTimeline.displayName = \"Timeline\";\r\nexport default Timeline;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs"],"mappings":"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"}

package/dist/next/Timeline.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Timeline = require("./Timeline-Dep_oZrh.cjs");
+const Timeline = require("./Timeline-uKeDlojT.cjs");
 module.exports = Timeline.Timeline;
 //# sourceMappingURL=Timeline.cjs.js.map