boreal-ui 0.0.76 → 0.0.78

package/dist/next/DataTable.css

@@ -0,0 +1,444 @@
+@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_66d68_85 {
+  width: 100%;
+  overflow-x: auto;
+  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);
+}
+._wrapper_66d68_85 ._table_66d68_94 {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: inherit;
+  min-width: 600px;
+}
+@media (width <= 767.98px) {
+  ._wrapper_66d68_85 ._table_66d68_94 {
+    min-width: 520px;
+  }
+}
+@media (min-width: 1024px) {
+  ._wrapper_66d68_85 ._table_66d68_94 {
+    min-width: 720px;
+  }
+}
+._wrapper_66d68_85 ._table_66d68_94 th {
+  text-align: left;
+  padding: var(--spacing-sm);
+  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);
+  white-space: nowrap;
+  color: var(--text-color-primary);
+}
+._wrapper_66d68_85 ._table_66d68_94 td {
+  padding: var(--spacing-sm);
+  border-bottom: 1px solid var(--text-color-primary);
+  text-align: left;
+  white-space: nowrap;
+  color: var(--text-color-primary);
+  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);
+}
+._wrapper_66d68_85 ._table_66d68_94 th:hover {
+  cursor: pointer;
+}
+._wrapper_66d68_85 ._table_66d68_94 tbody tr:last-child td {
+  border-bottom: none;
+}
+._wrapper_66d68_85 ._table_66d68_94 tbody tr {
+  background-color: var(--background-color-dark);
+}
+._wrapper_66d68_85 ._sortable_66d68_142 {
+  cursor: pointer;
+}
+._wrapper_66d68_85 ._sortable_66d68_142:focus-visible, ._wrapper_66d68_85 ._sortable_66d68_142:focus {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 0.5px;
+}
+._wrapper_66d68_85 ._sortButton_66d68_149 {
+  margin-left: var(--spacing-xxs);
+  background-color: transparent;
+  border: none;
+  color: var(--text-color-primary);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-xs);
+}
+._wrapper_66d68_85 ._sort_icon_66d68_159 {
+  margin-left: var(--spacing-xs);
+  font-size: 0.9em;
+}
+@media (width <= 479.98px) {
+  ._wrapper_66d68_85 ._sort_icon_66d68_159 {
+    font-size: 0.85em;
+  }
+}
+@media (min-width: 1024px) {
+  ._wrapper_66d68_85 ._sort_icon_66d68_159 {
+    font-size: 1em;
+  }
+}
+._wrapper_66d68_85 ._clickable_66d68_173 {
+  cursor: pointer;
+  transition: background-color var(--transition-default);
+}
+._wrapper_66d68_85 ._clickable_66d68_173:hover {
+  background-color: var(--background-color-light);
+}
+._wrapper_66d68_85 ._clickable_66d68_173:hover:nth-child(even) {
+  background-color: var(--background-color);
+}
+._wrapper_66d68_85 ._clickable_66d68_173:focus-visible, ._wrapper_66d68_85 ._clickable_66d68_173:focus {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 0;
+}
+._wrapper_66d68_85 ._striped_66d68_187:nth-child(even) {
+  background-color: var(--background-color-darker);
+}
+._wrapper_66d68_85._clear_66d68_190 {
+  box-shadow: none;
+}
+._wrapper_66d68_85._clear_66d68_190 th {
+  background-color: transparent;
+}
+@media (width <= 767.98px) {
+  ._wrapper_66d68_85 ._table_66d68_94 {
+    font-size: var(--font-size-label);
+  }
+  ._wrapper_66d68_85 ._table_66d68_94 th,
+  ._wrapper_66d68_85 ._table_66d68_94 td {
+    padding: var(--spacing-xs);
+  }
+  ._wrapper_66d68_85 ._table_66d68_94 th {
+    font-size: var(--font-size-caption);
+  }
+  ._wrapper_66d68_85 ._table_66d68_94 td {
+    font-size: var(--font-size-label);
+  }
+}
+@media (width <= 319.98px) {
+  ._wrapper_66d68_85 ._table_66d68_94 {
+    font-size: var(--font-size-caption);
+  }
+  ._wrapper_66d68_85 ._table_66d68_94 th,
+  ._wrapper_66d68_85 ._table_66d68_94 td {
+    display: block;
+    width: 100%;
+    box-sizing: border-box;
+    text-align: left;
+    padding: var(--spacing-xs);
+    border-bottom: 1px solid var(--text-color-primary);
+    white-space: normal;
+  }
+  ._wrapper_66d68_85 ._table_66d68_94 tbody tr {
+    display: block;
+    margin-bottom: var(--spacing-sm);
+    background-color: var(--background-color-dark);
+  }
+  ._wrapper_66d68_85 ._table_66d68_94 thead {
+    display: none;
+  }
+  ._wrapper_66d68_85 ._table_66d68_94 td::before {
+    content: attr(data-label);
+    display: block;
+    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: 2px;
+    color: var(--text-color-secondary);
+  }
+}
+
+._primary_66d68_246 th {
+  background-color: var(--primary-color);
+  color: var(--text-color-primary);
+}
+
+._primary_66d68_246._outline_66d68_251 th {
+  border: 2px solid var(--primary-color);
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+@media (width <= 479.98px) {
+  ._primary_66d68_246._outline_66d68_251 th {
+    border-width: 1.5px;
+  }
+}
+
+._secondary_66d68_262 th {
+  background-color: var(--secondary-color);
+  color: var(--text-color-secondary);
+}
+
+._secondary_66d68_262._outline_66d68_251 th {
+  border: 2px solid var(--secondary-color);
+  background-color: transparent;
+  color: var(--text-color-secondary);
+}
+@media (width <= 479.98px) {
+  ._secondary_66d68_262._outline_66d68_251 th {
+    border-width: 1.5px;
+  }
+}
+
+._tertiary_66d68_278 th {
+  background-color: var(--tertiary-color);
+  color: var(--text-color-primary);
+}
+
+._tertiary_66d68_278._outline_66d68_251 th {
+  border: 2px solid var(--tertiary-color);
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+@media (width <= 479.98px) {
+  ._tertiary_66d68_278._outline_66d68_251 th {
+    border-width: 1.5px;
+  }
+}
+
+._quaternary_66d68_294 th {
+  background-color: var(--quaternary-color);
+  color: var(--text-color-primary);
+}
+
+._quaternary_66d68_294._outline_66d68_251 th {
+  border: 2px solid var(--quaternary-color);
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+@media (width <= 479.98px) {
+  ._quaternary_66d68_294._outline_66d68_251 th {
+    border-width: 1.5px;
+  }
+}
+
+._clear_66d68_190 th {
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+
+._clear_66d68_190._outline_66d68_251 th {
+  border: 2px solid var(--text-color-primary);
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+@media (width <= 479.98px) {
+  ._clear_66d68_190._outline_66d68_251 th {
+    border-width: 1.5px;
+  }
+}
+
+._success_66d68_326 th {
+  background-color: var(--success-color);
+  color: var(--text-color-primary);
+}
+
+._success_66d68_326._outline_66d68_251 th {
+  border: 2px solid var(--success-color);
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+@media (width <= 479.98px) {
+  ._success_66d68_326._outline_66d68_251 th {
+    border-width: 1.5px;
+  }
+}
+
+._error_66d68_342 th {
+  background-color: var(--error-color);
+  color: var(--text-color-primary);
+}
+
+._error_66d68_342._outline_66d68_251 th {
+  border: 2px solid var(--error-color);
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+@media (width <= 479.98px) {
+  ._error_66d68_342._outline_66d68_251 th {
+    border-width: 1.5px;
+  }
+}
+
+._warning_66d68_358 th {
+  background-color: var(--warning-color);
+  color: var(--text-color-primary);
+}
+
+._warning_66d68_358._outline_66d68_251 th {
+  border: 2px solid var(--warning-color);
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+@media (width <= 479.98px) {
+  ._warning_66d68_358._outline_66d68_251 th {
+    border-width: 1.5px;
+  }
+}
+
+._roundNone_66d68_374 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_66d68_378 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_66d68_382 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_66d68_386 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_66d68_390 {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_66d68_394 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_66d68_398 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_66d68_402 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_66d68_406 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_66d68_410 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._wrapper_66d68_85,
+  ._wrapper_66d68_85 * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (hover: none) {
+  ._clickable_66d68_173:hover {
+    background-color: transparent;
+  }
+}
+@media (forced-colors: active) {
+  ._wrapper_66d68_85 ._table_66d68_94 {
+    color: CanvasText;
+    background: Canvas;
+  }
+  ._wrapper_66d68_85 ._table_66d68_94 th,
+  ._wrapper_66d68_85 ._table_66d68_94 td {
+    border-bottom: 1px solid ButtonText;
+  }
+  ._wrapper_66d68_85 ._table_66d68_94 thead th {
+    background: Canvas;
+    color: CanvasText;
+    border: 1px solid ButtonText;
+  }
+  ._wrapper_66d68_85 ._clickable_66d68_173:focus-visible {
+    outline: 2px solid Highlight;
+    outline-offset: 2px;
+  }
+}

package/dist/next/DataTable.js

@@ -1,4 +1,4 @@
-import { D } from "./DataTable-CZj_U9rg.js";
+import { D } from "./DataTable-F9mtABNi.js";
 export {
   D as default
 };

package/dist/next/{DateTimePicker-Cols3qxt.cjs → DateTimePicker-CU-b9irX.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./DateTimePicker.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");
@@ -231,50 +231,38 @@ const DateTimePickerBase = ({
   ] });
 };
 DateTimePickerBase.displayName = "DateTimePickerBase";
-const noScroll = "_noScroll_v5nvz_109";
-const errorMessage = "_errorMessage_v5nvz_110";
-const loadingContainer = "_loadingContainer_v5nvz_111";
-const hideScrollbar = "_hideScrollbar_v5nvz_103";
-const sr_only = "_sr_only_v5nvz_112";
-const wrapper = "_wrapper_v5nvz_637";
-const input = "_input_v5nvz_655";
-const label = "_label_v5nvz_664";
-const inputWrapper = "_inputWrapper_v5nvz_683";
-const icon = "_icon_v5nvz_735";
-const primary = "_primary_v5nvz_766";
-const outline = "_outline_v5nvz_773";
-const secondary = "_secondary_v5nvz_788";
-const tertiary = "_tertiary_v5nvz_810";
-const quaternary = "_quaternary_v5nvz_832";
-const clear = "_clear_v5nvz_854";
-const success = "_success_v5nvz_876";
-const error = "_error_v5nvz_110";
-const warning = "_warning_v5nvz_920";
-const disabled = "_disabled_v5nvz_957";
-const xs = "_xs_v5nvz_971";
-const small = "_small_v5nvz_983";
-const medium = "_medium_v5nvz_995";
-const large = "_large_v5nvz_1007";
-const xl = "_xl_v5nvz_1019";
-const description = "_description_v5nvz_1031";
-const roundNone = "_roundNone_v5nvz_1050";
-const roundSmall = "_roundSmall_v5nvz_1054";
-const roundMedium = "_roundMedium_v5nvz_1058";
-const roundLarge = "_roundLarge_v5nvz_1062";
-const roundFull = "_roundFull_v5nvz_1066";
-const shadowNone = "_shadowNone_v5nvz_1070";
-const shadowLight = "_shadowLight_v5nvz_1074";
-const shadowMedium = "_shadowMedium_v5nvz_1078";
-const shadowStrong = "_shadowStrong_v5nvz_1082";
-const shadowIntense = "_shadowIntense_v5nvz_1086";
-const spin = "_spin_v5nvz_1";
-const pulse = "_pulse_v5nvz_1";
+const wrapper = "_wrapper_1nvv1_85";
+const input = "_input_1nvv1_103";
+const label = "_label_1nvv1_112";
+const inputWrapper = "_inputWrapper_1nvv1_131";
+const icon = "_icon_1nvv1_183";
+const primary = "_primary_1nvv1_214";
+const outline = "_outline_1nvv1_221";
+const secondary = "_secondary_1nvv1_236";
+const tertiary = "_tertiary_1nvv1_258";
+const quaternary = "_quaternary_1nvv1_280";
+const clear = "_clear_1nvv1_302";
+const success = "_success_1nvv1_324";
+const error = "_error_1nvv1_346";
+const warning = "_warning_1nvv1_368";
+const disabled = "_disabled_1nvv1_405";
+const xs = "_xs_1nvv1_419";
+const small = "_small_1nvv1_431";
+const medium = "_medium_1nvv1_443";
+const large = "_large_1nvv1_455";
+const xl = "_xl_1nvv1_467";
+const description = "_description_1nvv1_479";
+const roundNone = "_roundNone_1nvv1_498";
+const roundSmall = "_roundSmall_1nvv1_502";
+const roundMedium = "_roundMedium_1nvv1_506";
+const roundLarge = "_roundLarge_1nvv1_510";
+const roundFull = "_roundFull_1nvv1_514";
+const shadowNone = "_shadowNone_1nvv1_518";
+const shadowLight = "_shadowLight_1nvv1_522";
+const shadowMedium = "_shadowMedium_1nvv1_526";
+const shadowStrong = "_shadowStrong_1nvv1_530";
+const shadowIntense = "_shadowIntense_1nvv1_534";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   wrapper,
   input,
   label,
@@ -305,18 +293,9 @@ const styles = {
   shadowLight,
   shadowMedium,
   shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_v5nvz_1",
-  "slide-up": "_slide-up_v5nvz_1",
-  "spin-3d": "_spin-3d_v5nvz_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_v5nvz_1",
-  "progress-grow": "_progress-grow_v5nvz_1",
-  "indeterminate-move": "_indeterminate-move_v5nvz_1",
-  "skeleton-loading": "_skeleton-loading_v5nvz_1"
+  shadowIntense
 };
 const DateTimePicker = (props) => /* @__PURE__ */ require$$2.jsx(DateTimePickerBase, { ...props, classMap: styles });
 DateTimePicker.displayName = "DateTimePicker";
 exports.DateTimePicker = DateTimePicker;
-//# sourceMappingURL=DateTimePicker-Cols3qxt.cjs.map
+//# sourceMappingURL=DateTimePicker-CU-b9irX.cjs.map

package/dist/next/{DateTimePicker-Cols3qxt.cjs.map → DateTimePicker-CU-b9irX.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-Cols3qxt.cjs","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/next/DateTimePicker.tsx"],"sourcesContent":["const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 10V6C3 4.89543 3.89543 4 5 4H7\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M7 2V6\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M21 10V6C21 4.89543 20.1046 4 19 4H18.5\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default CalendarIcon;\r\n","import React, { useId, useMemo, useRef } from \"react\";\r\nimport { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n  label,\r\n  value,\r\n  onChange,\r\n  min,\r\n  max,\r\n  name,\r\n  required = false,\r\n  disabled = false,\r\n  readOnly = false,\r\n  placeholder,\r\n  autoComplete = \"off\",\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"datetime-picker\",\r\n  classMap,\r\n  error,\r\n  description,\r\n  id,\r\n  labelId,\r\n  descriptionId,\r\n  errorId,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-errormessage\": ariaErrorMessage,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  pickerButtonAriaLabel,\r\n  pickerButtonAriaLabelledBy,\r\n  pickerButtonAriaDescribedBy,\r\n  pickerButtonTitle,\r\n  inputProps,\r\n  buttonProps,\r\n}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const computedLabelId = labelId || (label ? `${inputId}-label` : undefined);\r\n  const computedDescriptionId =\r\n    descriptionId || (description ? `${inputId}-description` : undefined);\r\n  const computedErrorId = errorId || (error ? `${inputId}-error` : undefined);\r\n\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const invalidRange = min && max ? min > max : false;\r\n  const outOfBounds = value\r\n    ? (min ? value < min : false) || (max ? value > max : false)\r\n    : false;\r\n\r\n  const openPicker = () => {\r\n    const el = inputRef.current;\r\n    if (!el || disabled || readOnly) return;\r\n\r\n    if (typeof el.showPicker === \"function\") {\r\n      el.showPicker();\r\n    } else {\r\n      el.focus();\r\n    }\r\n  };\r\n\r\n  const pickerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        disabled && classMap.disabled,\r\n        readOnly && classMap.readOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      readOnly,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  const mergedDescribedBy =\r\n    [ariaDescribedBy, computedDescriptionId, computedErrorId]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const resolvedAriaInvalid =\r\n    (ariaInvalid ?? Boolean(error || invalidRange || outOfBounds)) || undefined;\r\n\r\n  const resolvedAriaRequired = (ariaRequired ?? required) || undefined;\r\n\r\n  const resolvedAriaLabel =\r\n    ariaLabel || (!label && !ariaLabelledBy ? \"Date and time\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ||\r\n    (!ariaLabel && computedLabelId ? computedLabelId : undefined);\r\n\r\n  const resolvedAriaErrorMessage =\r\n    ariaErrorMessage || (error ? computedErrorId : undefined);\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label\r\n          id={computedLabelId}\r\n          htmlFor={inputId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && <span aria-hidden=\"true\"> *</span>}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.inputWrapper}>\r\n        <input\r\n          id={inputId}\r\n          ref={inputRef}\r\n          type=\"datetime-local\"\r\n          className={classMap.input}\r\n          value={value}\r\n          onChange={(e) => onChange?.(e.target.value)}\r\n          min={min}\r\n          max={max}\r\n          name={name}\r\n          required={required}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          placeholder={placeholder}\r\n          autoComplete={autoComplete}\r\n          title={title}\r\n          aria-label={resolvedAriaLabel}\r\n          aria-labelledby={resolvedAriaLabelledBy}\r\n          aria-describedby={mergedDescribedBy}\r\n          aria-errormessage={resolvedAriaErrorMessage}\r\n          aria-invalid={resolvedAriaInvalid}\r\n          aria-required={resolvedAriaRequired}\r\n          data-testid={`${testId}-input`}\r\n          {...inputProps}\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          disabled={disabled || readOnly}\r\n          aria-label={pickerButtonAriaLabel || \"Open date and time picker\"}\r\n          aria-labelledby={pickerButtonAriaLabelledBy}\r\n          aria-describedby={pickerButtonAriaDescribedBy}\r\n          title={\r\n            pickerButtonTitle ||\r\n            pickerButtonAriaLabel ||\r\n            \"Open date and time picker\"\r\n          }\r\n          data-testid={`${testId}-button`}\r\n          {...buttonProps}\r\n        >\r\n          <CalendarIcon aria-hidden={true} focusable={false} />\r\n        </button>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={computedDescriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={computedErrorId}\r\n          className={classMap.error}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\r\n\r\nexport default DateTimePickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport styles from \"./DateTimePicker.module.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={styles} />\r\n);\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":["jsxs","jsx","label","disabled","getDefaultSize","outline","getDefaultTheme","getDefaultRounding","getDefaultShadow","error","description","useId","useRef","useMemo","combineClassNames","capitalize"],"mappings":"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"}
+{"version":3,"file":"DateTimePicker-CU-b9irX.cjs","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/next/DateTimePicker.tsx"],"sourcesContent":["const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 10V6C3 4.89543 3.89543 4 5 4H7\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M7 2V6\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M21 10V6C21 4.89543 20.1046 4 19 4H18.5\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default CalendarIcon;\r\n","import React, { useId, useMemo, useRef } from \"react\";\r\nimport { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n  label,\r\n  value,\r\n  onChange,\r\n  min,\r\n  max,\r\n  name,\r\n  required = false,\r\n  disabled = false,\r\n  readOnly = false,\r\n  placeholder,\r\n  autoComplete = \"off\",\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"datetime-picker\",\r\n  classMap,\r\n  error,\r\n  description,\r\n  id,\r\n  labelId,\r\n  descriptionId,\r\n  errorId,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-errormessage\": ariaErrorMessage,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  pickerButtonAriaLabel,\r\n  pickerButtonAriaLabelledBy,\r\n  pickerButtonAriaDescribedBy,\r\n  pickerButtonTitle,\r\n  inputProps,\r\n  buttonProps,\r\n}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const computedLabelId = labelId || (label ? `${inputId}-label` : undefined);\r\n  const computedDescriptionId =\r\n    descriptionId || (description ? `${inputId}-description` : undefined);\r\n  const computedErrorId = errorId || (error ? `${inputId}-error` : undefined);\r\n\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const invalidRange = min && max ? min > max : false;\r\n  const outOfBounds = value\r\n    ? (min ? value < min : false) || (max ? value > max : false)\r\n    : false;\r\n\r\n  const openPicker = () => {\r\n    const el = inputRef.current;\r\n    if (!el || disabled || readOnly) return;\r\n\r\n    if (typeof el.showPicker === \"function\") {\r\n      el.showPicker();\r\n    } else {\r\n      el.focus();\r\n    }\r\n  };\r\n\r\n  const pickerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        disabled && classMap.disabled,\r\n        readOnly && classMap.readOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      readOnly,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  const mergedDescribedBy =\r\n    [ariaDescribedBy, computedDescriptionId, computedErrorId]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const resolvedAriaInvalid =\r\n    (ariaInvalid ?? Boolean(error || invalidRange || outOfBounds)) || undefined;\r\n\r\n  const resolvedAriaRequired = (ariaRequired ?? required) || undefined;\r\n\r\n  const resolvedAriaLabel =\r\n    ariaLabel || (!label && !ariaLabelledBy ? \"Date and time\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ||\r\n    (!ariaLabel && computedLabelId ? computedLabelId : undefined);\r\n\r\n  const resolvedAriaErrorMessage =\r\n    ariaErrorMessage || (error ? computedErrorId : undefined);\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label\r\n          id={computedLabelId}\r\n          htmlFor={inputId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && <span aria-hidden=\"true\"> *</span>}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.inputWrapper}>\r\n        <input\r\n          id={inputId}\r\n          ref={inputRef}\r\n          type=\"datetime-local\"\r\n          className={classMap.input}\r\n          value={value}\r\n          onChange={(e) => onChange?.(e.target.value)}\r\n          min={min}\r\n          max={max}\r\n          name={name}\r\n          required={required}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          placeholder={placeholder}\r\n          autoComplete={autoComplete}\r\n          title={title}\r\n          aria-label={resolvedAriaLabel}\r\n          aria-labelledby={resolvedAriaLabelledBy}\r\n          aria-describedby={mergedDescribedBy}\r\n          aria-errormessage={resolvedAriaErrorMessage}\r\n          aria-invalid={resolvedAriaInvalid}\r\n          aria-required={resolvedAriaRequired}\r\n          data-testid={`${testId}-input`}\r\n          {...inputProps}\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          disabled={disabled || readOnly}\r\n          aria-label={pickerButtonAriaLabel || \"Open date and time picker\"}\r\n          aria-labelledby={pickerButtonAriaLabelledBy}\r\n          aria-describedby={pickerButtonAriaDescribedBy}\r\n          title={\r\n            pickerButtonTitle ||\r\n            pickerButtonAriaLabel ||\r\n            \"Open date and time picker\"\r\n          }\r\n          data-testid={`${testId}-button`}\r\n          {...buttonProps}\r\n        >\r\n          <CalendarIcon aria-hidden={true} focusable={false} />\r\n        </button>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={computedDescriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={computedErrorId}\r\n          className={classMap.error}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\r\n\r\nexport default DateTimePickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport styles from \"./DateTimePicker.module.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={styles} />\r\n);\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":["jsxs","jsx","label","disabled","getDefaultSize","outline","getDefaultTheme","getDefaultRounding","getDefaultShadow","error","description","useId","useRef","useMemo","combineClassNames","capitalize"],"mappings":"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"}