boreal-ui 0.0.76 → 0.0.78

package/dist/next/DateTimePicker.css

@@ -0,0 +1,563 @@
+@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.
+ */
+._wrapper_1nvv1_85 {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+  gap: var(--spacing-xs);
+  font-family: var(--font-family-ui);
+}
+@media (width <= 479.98px) {
+  ._wrapper_1nvv1_85 {
+    gap: var(--spacing-xxs);
+  }
+}
+@media (min-width: 1024px) {
+  ._wrapper_1nvv1_85 {
+    gap: var(--spacing-sm);
+  }
+}
+
+._input_1nvv1_103[type=datetime-local]::-webkit-calendar-picker-indicator {
+  display: none;
+  appearance: none;
+}
+
+._input_1nvv1_103[type=datetime-local] {
+  border: 0;
+}
+
+._label_1nvv1_112 {
+  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);
+}
+@media (width <= 479.98px) {
+  ._label_1nvv1_112 {
+    font-size: var(--font-size-caption);
+  }
+}
+@media (min-width: 1024px) {
+  ._label_1nvv1_112 {
+    font-size: var(--font-size-body-sm);
+  }
+}
+
+._inputWrapper_1nvv1_131 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  width: fit-content;
+}
+._inputWrapper_1nvv1_131:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+}
+
+._input_1nvv1_103 {
+  z-index: 1;
+  width: fit-content;
+  padding: 0;
+  border: 2px solid transparent;
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-body);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+  background-color: transparent;
+  color: var(--text-color-primary);
+  transition: border-color var(--transition-default), background-color var(--transition-default);
+}
+@media (width <= 479.98px) {
+  ._input_1nvv1_103 {
+    font-size: var(--font-size-label);
+    border-width: 1.2px;
+  }
+}
+@media (min-width: 1024px) {
+  ._input_1nvv1_103 {
+    font-size: var(--font-size-h6);
+  }
+}
+._input_1nvv1_103:focus {
+  outline: none;
+  border-color: var(--focus-outline-color, var(--primary-color));
+}
+._input_1nvv1_103:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+}
+._input_1nvv1_103::-webkit-calendar-picker-indicator {
+  opacity: 1;
+  filter: invert(1);
+  z-index: 2;
+  cursor: pointer;
+}
+
+._icon_1nvv1_183 {
+  font-size: var(--font-size-body);
+  cursor: pointer;
+  z-index: 2;
+  pointer-events: auto;
+  transition: color var(--transition-default), transform var(--transition-default);
+  color: var(--text-color-primary);
+  line-height: 1em;
+  background-color: transparent;
+  border: none;
+  margin: 0;
+}
+@media (width <= 479.98px) {
+  ._icon_1nvv1_183 {
+    font-size: var(--font-size-label);
+  }
+}
+@media (min-width: 1024px) {
+  ._icon_1nvv1_183 {
+    font-size: var(--font-size-h6);
+  }
+}
+._icon_1nvv1_183:hover {
+  transform: translateY(-1px);
+}
+._icon_1nvv1_183:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+
+._primary_1nvv1_214 ._inputWrapper_1nvv1_131 {
+  background-color: var(--primary-color);
+  color: var(--text-color-primary);
+}
+._primary_1nvv1_214 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--primary-color);
+}
+._primary_1nvv1_214._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+  border: 2px solid var(--primary-color);
+}
+@media (width <= 479.98px) {
+  ._primary_1nvv1_214._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+    border-width: 1.5px;
+  }
+}
+._primary_1nvv1_214._outline_1nvv1_221 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--primary-color);
+}
+._primary_1nvv1_214._outline_1nvv1_221 ._inputWrapper_1nvv1_131:hover {
+  border-color: var(--primary-color-hover);
+}
+
+._secondary_1nvv1_236 ._inputWrapper_1nvv1_131 {
+  background-color: var(--secondary-color);
+  color: var(--text-color-secondary);
+}
+._secondary_1nvv1_236 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--secondary-color);
+}
+._secondary_1nvv1_236._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+  border: 2px solid var(--secondary-color);
+}
+@media (width <= 479.98px) {
+  ._secondary_1nvv1_236._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+    border-width: 1.5px;
+  }
+}
+._secondary_1nvv1_236._outline_1nvv1_221 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--secondary-color);
+}
+._secondary_1nvv1_236._outline_1nvv1_221 ._inputWrapper_1nvv1_131:hover {
+  border-color: var(--secondary-color-hover);
+}
+
+._tertiary_1nvv1_258 ._inputWrapper_1nvv1_131 {
+  background-color: var(--tertiary-color);
+  color: var(--text-color-primary);
+}
+._tertiary_1nvv1_258 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--tertiary-color);
+}
+._tertiary_1nvv1_258._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+  border: 2px solid var(--tertiary-color);
+}
+@media (width <= 479.98px) {
+  ._tertiary_1nvv1_258._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+    border-width: 1.5px;
+  }
+}
+._tertiary_1nvv1_258._outline_1nvv1_221 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--tertiary-color);
+}
+._tertiary_1nvv1_258._outline_1nvv1_221 ._inputWrapper_1nvv1_131:hover {
+  border-color: var(--tertiary-color-hover);
+}
+
+._quaternary_1nvv1_280 ._inputWrapper_1nvv1_131 {
+  background-color: var(--quaternary-color);
+  color: var(--text-color-primary);
+}
+._quaternary_1nvv1_280 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--quaternary-color);
+}
+._quaternary_1nvv1_280._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+  border: 2px solid var(--quaternary-color);
+}
+@media (width <= 479.98px) {
+  ._quaternary_1nvv1_280._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+    border-width: 1.5px;
+  }
+}
+._quaternary_1nvv1_280._outline_1nvv1_221 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--quaternary-color);
+}
+._quaternary_1nvv1_280._outline_1nvv1_221 ._inputWrapper_1nvv1_131:hover {
+  border-color: var(--quaternary-color-hover);
+}
+
+._clear_1nvv1_302 ._inputWrapper_1nvv1_131 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+._clear_1nvv1_302 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--text-color-primary);
+}
+._clear_1nvv1_302._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+  border: 2px solid transparent;
+}
+@media (width <= 479.98px) {
+  ._clear_1nvv1_302._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+    border-width: 1.5px;
+  }
+}
+._clear_1nvv1_302._outline_1nvv1_221 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--text-color-primary);
+}
+._clear_1nvv1_302._outline_1nvv1_221 ._inputWrapper_1nvv1_131:hover {
+  border-color: rgba(0, 0, 0, 0.2);
+}
+
+._success_1nvv1_324 ._inputWrapper_1nvv1_131 {
+  background-color: var(--success-color);
+  color: var(--text-color-primary);
+}
+._success_1nvv1_324 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--success-color);
+}
+._success_1nvv1_324._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+  border: 2px solid var(--success-color);
+}
+@media (width <= 479.98px) {
+  ._success_1nvv1_324._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+    border-width: 1.5px;
+  }
+}
+._success_1nvv1_324._outline_1nvv1_221 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--success-color);
+}
+._success_1nvv1_324._outline_1nvv1_221 ._inputWrapper_1nvv1_131:hover {
+  border-color: var(--success-color-hover);
+}
+
+._error_1nvv1_346 ._inputWrapper_1nvv1_131 {
+  background-color: var(--error-color);
+  color: var(--text-color-primary);
+}
+._error_1nvv1_346 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--error-color);
+}
+._error_1nvv1_346._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+  border: 2px solid var(--error-color);
+}
+@media (width <= 479.98px) {
+  ._error_1nvv1_346._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+    border-width: 1.5px;
+  }
+}
+._error_1nvv1_346._outline_1nvv1_221 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--error-color);
+}
+._error_1nvv1_346._outline_1nvv1_221 ._inputWrapper_1nvv1_131:hover {
+  border-color: var(--error-color-hover);
+}
+
+._warning_1nvv1_368 ._inputWrapper_1nvv1_131 {
+  background-color: var(--warning-color);
+  color: var(--text-color-primary);
+}
+._warning_1nvv1_368 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--warning-color);
+}
+._warning_1nvv1_368._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+  border: 2px solid var(--warning-color);
+}
+@media (width <= 479.98px) {
+  ._warning_1nvv1_368._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+    border-width: 1.5px;
+  }
+}
+._warning_1nvv1_368._outline_1nvv1_221 ._inputWrapper_1nvv1_131:focus-within {
+  border-color: var(--warning-color);
+}
+._warning_1nvv1_368._outline_1nvv1_221 ._inputWrapper_1nvv1_131:hover {
+  border-color: var(--warning-color-hover);
+}
+
+._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+._clear_1nvv1_302._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+  color: var(--text-color-primary);
+  border: 2px solid var(--text-color-primary);
+}
+@media (width <= 479.98px) {
+  ._clear_1nvv1_302._outline_1nvv1_221 ._inputWrapper_1nvv1_131 {
+    border-width: 1.5px;
+  }
+}
+
+._disabled_1nvv1_405 ._inputWrapper_1nvv1_131 {
+  opacity: 0.6;
+  pointer-events: none;
+  background-color: var(--disabled-color);
+  color: var(--text-color-secondary);
+  cursor: not-allowed;
+}
+._disabled_1nvv1_405 ._icon_1nvv1_183 {
+  opacity: 0.6;
+  pointer-events: none;
+  color: var(--text-color-secondary);
+  cursor: not-allowed;
+}
+
+._xs_1nvv1_419 ._inputWrapper_1nvv1_131 {
+  padding: 4px 3px;
+}
+._xs_1nvv1_419 ._input_1nvv1_103 {
+  font-size: var(--font-size-caption);
+  max-width: 170px;
+}
+._xs_1nvv1_419 ._icon_1nvv1_183 svg {
+  width: 15px;
+  height: 15px;
+}
+
+._small_1nvv1_431 ._inputWrapper_1nvv1_131 {
+  padding: 6px 10px;
+}
+._small_1nvv1_431 ._input_1nvv1_103 {
+  font-size: var(--font-size-label);
+  max-width: 190px;
+}
+._small_1nvv1_431 ._icon_1nvv1_183 svg {
+  width: 20px;
+  height: 20px;
+}
+
+._medium_1nvv1_443 ._inputWrapper_1nvv1_131 {
+  padding: 6px 10px;
+}
+._medium_1nvv1_443 ._input_1nvv1_103 {
+  font-size: var(--font-size-body-sm);
+  max-width: 215px;
+}
+._medium_1nvv1_443 ._icon_1nvv1_183 svg {
+  width: 22px;
+  height: 22px;
+}
+
+._large_1nvv1_455 ._inputWrapper_1nvv1_131 {
+  padding: 8px 16px;
+}
+._large_1nvv1_455 ._input_1nvv1_103 {
+  font-size: var(--font-size-body);
+  max-width: 250px;
+}
+._large_1nvv1_455 ._icon_1nvv1_183 svg {
+  width: 25px;
+  height: 25px;
+}
+
+._xl_1nvv1_467 ._inputWrapper_1nvv1_131 {
+  padding: 10px 20px;
+}
+._xl_1nvv1_467 ._input_1nvv1_103 {
+  font-size: var(--font-size-h6);
+  max-width: 330px;
+}
+._xl_1nvv1_467 ._icon_1nvv1_183 svg {
+  width: 30px;
+  height: 30px;
+}
+
+._description_1nvv1_479 {
+  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-primary);
+}
+@media (width <= 479.98px) {
+  ._description_1nvv1_479 {
+    font-size: var(--font-size-label);
+  }
+}
+@media (min-width: 1024px) {
+  ._description_1nvv1_479 {
+    font-size: var(--font-size-body);
+  }
+}
+
+._roundNone_1nvv1_498 ._inputWrapper_1nvv1_131 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_1nvv1_502 ._inputWrapper_1nvv1_131 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_1nvv1_506 ._inputWrapper_1nvv1_131 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_1nvv1_510 ._inputWrapper_1nvv1_131 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_1nvv1_514 ._inputWrapper_1nvv1_131 {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_1nvv1_518 ._inputWrapper_1nvv1_131 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_1nvv1_522 ._inputWrapper_1nvv1_131 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_1nvv1_526 ._inputWrapper_1nvv1_131 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_1nvv1_530 ._inputWrapper_1nvv1_131 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_1nvv1_534 ._inputWrapper_1nvv1_131 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._wrapper_1nvv1_85,
+  ._wrapper_1nvv1_85 * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (hover: none) {
+  ._icon_1nvv1_183:hover {
+    transform: none;
+  }
+}
+@media (forced-colors: active) {
+  ._inputWrapper_1nvv1_131 {
+    background: Canvas;
+    color: CanvasText;
+    border: 1px solid ButtonText !important;
+    outline-color: Highlight;
+    box-shadow: none !important;
+  }
+  ._icon_1nvv1_183 {
+    color: ButtonText;
+    border: 1px solid ButtonText;
+    border-radius: 4px;
+  }
+}

package/dist/next/DateTimePicker.js

@@ -1,4 +1,4 @@
-import { D } from "./DateTimePicker-DB2exnHd.js";
+import { D } from "./DateTimePicker-WVVLqcd9.js";
 export {
   D as default
 };

package/dist/next/{Divider-Dr0xlon0.cjs → Divider-BGxUapmt.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Divider.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
@@ -70,32 +70,20 @@ const DividerBase = React.forwardRef(
   }
 );
 DividerBase.displayName = "DividerBase";
-const noScroll = "_noScroll_9zawq_109";
-const errorMessage = "_errorMessage_9zawq_110";
-const loadingContainer = "_loadingContainer_9zawq_111";
-const hideScrollbar = "_hideScrollbar_9zawq_103";
-const sr_only = "_sr_only_9zawq_112";
-const divider = "_divider_9zawq_637";
-const horizontal = "_horizontal_9zawq_646";
-const vertical = "_vertical_9zawq_663";
-const dashed = "_dashed_9zawq_680";
-const disabled = "_disabled_9zawq_703";
-const primary = "_primary_9zawq_708";
-const secondary = "_secondary_9zawq_717";
-const tertiary = "_tertiary_9zawq_726";
-const quaternary = "_quaternary_9zawq_735";
-const clear = "_clear_9zawq_744";
-const success = "_success_9zawq_753";
-const error = "_error_9zawq_110";
-const warning = "_warning_9zawq_771";
-const spin = "_spin_9zawq_1";
-const pulse = "_pulse_9zawq_1";
+const divider = "_divider_h9or9_85";
+const horizontal = "_horizontal_h9or9_94";
+const vertical = "_vertical_h9or9_111";
+const dashed = "_dashed_h9or9_128";
+const disabled = "_disabled_h9or9_151";
+const primary = "_primary_h9or9_156";
+const secondary = "_secondary_h9or9_165";
+const tertiary = "_tertiary_h9or9_174";
+const quaternary = "_quaternary_h9or9_183";
+const clear = "_clear_h9or9_192";
+const success = "_success_h9or9_201";
+const error = "_error_h9or9_210";
+const warning = "_warning_h9or9_219";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   divider,
   horizontal,
   vertical,
@@ -108,18 +96,9 @@ const styles = {
   clear,
   success,
   error,
-  warning,
-  "fade-in": "_fade-in_9zawq_1",
-  "slide-up": "_slide-up_9zawq_1",
-  "spin-3d": "_spin-3d_9zawq_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_9zawq_1",
-  "progress-grow": "_progress-grow_9zawq_1",
-  "indeterminate-move": "_indeterminate-move_9zawq_1",
-  "skeleton-loading": "_skeleton-loading_9zawq_1"
+  warning
 };
 const Divider = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(DividerBase, { ...props, classMap: styles, ref }));
 Divider.displayName = "Divider";
 exports.Divider = Divider;
-//# sourceMappingURL=Divider-Dr0xlon0.cjs.map
+//# sourceMappingURL=Divider-BGxUapmt.cjs.map

package/dist/next/{Divider-Dr0xlon0.cjs.map → Divider-BGxUapmt.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Divider-Dr0xlon0.cjs","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/next/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      decorative = true,\r\n      label,\r\n      labelledBy,\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      style,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n    const ComponentTag = as;\r\n\r\n    const isHr = ComponentTag === \"hr\";\r\n\r\n    const computedRole = decorative\r\n      ? undefined\r\n      : isHr && !isVertical\r\n        ? undefined\r\n        : \"separator\";\r\n\r\n    const computedStyle: React.CSSProperties = isHr\r\n      ? {\r\n          border: 0,\r\n          margin: 0,\r\n          ...(isVertical\r\n            ? {\r\n                width: 0,\r\n                height: length,\r\n                borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }\r\n            : {\r\n                height: 0,\r\n                width: length,\r\n                borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }),\r\n          ...style,\r\n        }\r\n      : {\r\n          width: isVertical ? thickness : length,\r\n          height: isVertical ? length : thickness,\r\n          backgroundColor: dashed ? \"transparent\" : undefined,\r\n          ...style,\r\n        };\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className,\r\n        )}\r\n        role={computedRole}\r\n        aria-hidden={decorative ? true : undefined}\r\n        aria-orientation={!decorative && isVertical ? \"vertical\" : undefined}\r\n        aria-label={!decorative ? label : undefined}\r\n        aria-labelledby={!decorative ? labelledBy : undefined}\r\n        data-orientation={orientation}\r\n        style={computedStyle}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport styles from \"./Divider.module.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst Divider = forwardRef<HTMLDivElement, DividerProps>((props, ref) => (\r\n  <DividerBase {...props} classMap={styles} ref={ref} />\r\n));\r\nDivider.displayName = \"Divider\";\r\nexport default Divider;\r\n"],"names":["forwardRef","dashed","getDefaultTheme","jsx","combineClassNames"],"mappings":";;;;;AAKA,MAAM,cAAcA,MAAAA;AAAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAAC,UAAS;AAAA,IACT,QAAQC,kBAAAA,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AACnC,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB;AAE9B,UAAM,eAAe,aACjB,SACA,QAAQ,CAAC,aACP,SACA;AAEN,UAAM,gBAAqC,OACvC;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAID,UAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAIA,UAAS,WAAW,OAAO;AAAA,MAAA;AAAA,MAE5D,GAAG;AAAA,IAAA,IAEL;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiBA,UAAS,gBAAgB;AAAA,MAC1C,GAAG;AAAA,IAAA;AAGT,WACEE,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,WAAAA;AAAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvBH,WAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAEF,MAAM;AAAA,QACN,eAAa,aAAa,OAAO;AAAA,QACjC,oBAAkB,CAAC,cAAc,aAAa,aAAa;AAAA,QAC3D,cAAY,CAAC,aAAa,QAAQ;AAAA,QAClC,mBAAiB,CAAC,aAAa,aAAa;AAAA,QAC5C,oBAAkB;AAAA,QAClB,OAAO;AAAA,QACP,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/E1B,MAAM,UAAUD,MAAAA,WAAyC,CAAC,OAAO,QAC/DG,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ,IAAA,CAAU,CACrD;AACD,QAAQ,cAAc;;"}
+{"version":3,"file":"Divider-BGxUapmt.cjs","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/next/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      decorative = true,\r\n      label,\r\n      labelledBy,\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      style,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n    const ComponentTag = as;\r\n\r\n    const isHr = ComponentTag === \"hr\";\r\n\r\n    const computedRole = decorative\r\n      ? undefined\r\n      : isHr && !isVertical\r\n        ? undefined\r\n        : \"separator\";\r\n\r\n    const computedStyle: React.CSSProperties = isHr\r\n      ? {\r\n          border: 0,\r\n          margin: 0,\r\n          ...(isVertical\r\n            ? {\r\n                width: 0,\r\n                height: length,\r\n                borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }\r\n            : {\r\n                height: 0,\r\n                width: length,\r\n                borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }),\r\n          ...style,\r\n        }\r\n      : {\r\n          width: isVertical ? thickness : length,\r\n          height: isVertical ? length : thickness,\r\n          backgroundColor: dashed ? \"transparent\" : undefined,\r\n          ...style,\r\n        };\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className,\r\n        )}\r\n        role={computedRole}\r\n        aria-hidden={decorative ? true : undefined}\r\n        aria-orientation={!decorative && isVertical ? \"vertical\" : undefined}\r\n        aria-label={!decorative ? label : undefined}\r\n        aria-labelledby={!decorative ? labelledBy : undefined}\r\n        data-orientation={orientation}\r\n        style={computedStyle}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport styles from \"./Divider.module.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst Divider = forwardRef<HTMLDivElement, DividerProps>((props, ref) => (\r\n  <DividerBase {...props} classMap={styles} ref={ref} />\r\n));\r\nDivider.displayName = \"Divider\";\r\nexport default Divider;\r\n"],"names":["forwardRef","dashed","getDefaultTheme","jsx","combineClassNames"],"mappings":";;;;;AAKA,MAAM,cAAcA,MAAAA;AAAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAAC,UAAS;AAAA,IACT,QAAQC,kBAAAA,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AACnC,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB;AAE9B,UAAM,eAAe,aACjB,SACA,QAAQ,CAAC,aACP,SACA;AAEN,UAAM,gBAAqC,OACvC;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAID,UAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAIA,UAAS,WAAW,OAAO;AAAA,MAAA;AAAA,MAE5D,GAAG;AAAA,IAAA,IAEL;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiBA,UAAS,gBAAgB;AAAA,MAC1C,GAAG;AAAA,IAAA;AAGT,WACEE,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,WAAAA;AAAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvBH,WAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAEF,MAAM;AAAA,QACN,eAAa,aAAa,OAAO;AAAA,QACjC,oBAAkB,CAAC,cAAc,aAAa,aAAa;AAAA,QAC3D,cAAY,CAAC,aAAa,QAAQ;AAAA,QAClC,mBAAiB,CAAC,aAAa,aAAa;AAAA,QAC5C,oBAAkB;AAAA,QAClB,OAAO;AAAA,QACP,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/E1B,MAAM,UAAUD,MAAAA,WAAyC,CAAC,OAAO,QAC/DG,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ,IAAA,CAAU,CACrD;AACD,QAAQ,cAAc;;"}