boreal-ui 0.0.21 → 0.0.23

package/dist/next/{DataTable-D5ffcx-L.js → DataTable-BxpVeU6-.js}

@@ -3,39 +3,39 @@ import { useState, 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-BILmxkZG.js";
-const noScroll = "_noScroll_89c8f_91";
-const errorMessage = "_errorMessage_89c8f_92";
-const loadingContainer = "_loadingContainer_89c8f_93";
-const hideScrollbar = "_hideScrollbar_89c8f_85";
-const sr_only = "_sr_only_89c8f_94";
-const wrapper = "_wrapper_89c8f_479";
-const table = "_table_89c8f_485";
-const data_table = "_data_table_89c8f_509";
-const sortable = "_sortable_89c8f_509";
-const sort_icon = "_sort_icon_89c8f_512";
-const clickable = "_clickable_89c8f_516";
-const striped = "_striped_89c8f_526";
-const primary = "_primary_89c8f_532";
-const outline = "_outline_89c8f_536";
-const secondary = "_secondary_89c8f_540";
-const tertiary = "_tertiary_89c8f_548";
-const quaternary = "_quaternary_89c8f_556";
-const clear = "_clear_89c8f_564";
-const success = "_success_89c8f_572";
-const error = "_error_89c8f_92";
-const warning = "_warning_89c8f_588";
-const roundNone = "_roundNone_89c8f_640";
-const roundSmall = "_roundSmall_89c8f_644";
-const roundMedium = "_roundMedium_89c8f_648";
-const roundLarge = "_roundLarge_89c8f_652";
-const roundFull = "_roundFull_89c8f_656";
-const shadowNone = "_shadowNone_89c8f_660";
-const shadowLight = "_shadowLight_89c8f_664";
-const shadowMedium = "_shadowMedium_89c8f_668";
-const shadowStrong = "_shadowStrong_89c8f_672";
-const shadowIntense = "_shadowIntense_89c8f_676";
-const spin = "_spin_89c8f_1";
-const pulse = "_pulse_89c8f_1";
+const noScroll = "_noScroll_mhzry_91";
+const errorMessage = "_errorMessage_mhzry_92";
+const loadingContainer = "_loadingContainer_mhzry_93";
+const hideScrollbar = "_hideScrollbar_mhzry_85";
+const sr_only = "_sr_only_mhzry_94";
+const wrapper = "_wrapper_mhzry_539";
+const table = "_table_mhzry_545";
+const data_table = "_data_table_mhzry_569";
+const sortable = "_sortable_mhzry_569";
+const sort_icon = "_sort_icon_mhzry_572";
+const clickable = "_clickable_mhzry_576";
+const striped = "_striped_mhzry_586";
+const primary = "_primary_mhzry_592";
+const outline = "_outline_mhzry_596";
+const secondary = "_secondary_mhzry_600";
+const tertiary = "_tertiary_mhzry_608";
+const quaternary = "_quaternary_mhzry_616";
+const clear = "_clear_mhzry_624";
+const success = "_success_mhzry_632";
+const error = "_error_mhzry_92";
+const warning = "_warning_mhzry_648";
+const roundNone = "_roundNone_mhzry_700";
+const roundSmall = "_roundSmall_mhzry_704";
+const roundMedium = "_roundMedium_mhzry_708";
+const roundLarge = "_roundLarge_mhzry_712";
+const roundFull = "_roundFull_mhzry_716";
+const shadowNone = "_shadowNone_mhzry_720";
+const shadowLight = "_shadowLight_mhzry_724";
+const shadowMedium = "_shadowMedium_mhzry_728";
+const shadowStrong = "_shadowStrong_mhzry_732";
+const shadowIntense = "_shadowIntense_mhzry_736";
+const spin = "_spin_mhzry_1";
+const pulse = "_pulse_mhzry_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -68,15 +68,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_89c8f_1",
-  "slide-up": "_slide-up_89c8f_1",
-  "spin-3d": "_spin-3d_89c8f_1",
+  "fade-in": "_fade-in_mhzry_1",
+  "slide-up": "_slide-up_mhzry_1",
+  "spin-3d": "_spin-3d_mhzry_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_89c8f_1",
-  "progress-grow": "_progress-grow_89c8f_1",
-  "indeterminate-move": "_indeterminate-move_89c8f_1",
-  "skeleton-loading": "_skeleton-loading_89c8f_1"
+  "fade-in-up": "_fade-in-up_mhzry_1",
+  "progress-grow": "_progress-grow_mhzry_1",
+  "indeterminate-move": "_indeterminate-move_mhzry_1",
+  "skeleton-loading": "_skeleton-loading_mhzry_1"
 };
 function DataTableBase({
   columns,
@@ -212,4 +212,4 @@ function DataTable(props) {
 export {
   DataTable as D
 };
-//# sourceMappingURL=DataTable-D5ffcx-L.js.map
+//# sourceMappingURL=DataTable-BxpVeU6-.js.map

package/dist/next/{DataTable-D5ffcx-L.js.map → DataTable-BxpVeU6-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DataTable-D5ffcx-L.js","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/next/DataTable.tsx"],"sourcesContent":["import { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { DataTableBaseProps } from \"./DataTable.types\";\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\nfunction DataTableBase<T extends object>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  outline = false,\r\n  className = \"\",\r\n  striped = true,\r\n  defaultSortKey,\r\n  defaultSortOrder = \"asc\",\r\n  serverSort = false,\r\n  onSortChange,\r\n  rowKey,\r\n  \"data-testid\": testId = \"data-table\",\r\n}: DataTableBaseProps<T>) {\r\n  const [sortKey, setSortKey] = useState<keyof T | undefined>(defaultSortKey);\r\n  const [sortOrder, setSortOrder] = useState<\"asc\" | \"desc\">(defaultSortOrder);\r\n\r\n  const sortedData = useMemo(() => {\r\n    if (serverSort || !sortKey) return data;\r\n    if (!sortKey) return data;\r\n    return [...data].sort((a, b) => {\r\n      const valA = a[sortKey];\r\n      const valB = b[sortKey];\r\n      if (valA === valB) return 0;\r\n      if (valA == null) return 1;\r\n      if (valB == null) return -1;\r\n      const isNumA = !isNaN(Number(valA));\r\n      const isNumB = !isNaN(Number(valB));\r\n      if (isNumA && isNumB)\r\n        return sortOrder === \"asc\" ? +valA - +valB : +valB - +valA;\r\n      return sortOrder === \"asc\"\r\n        ? String(valA).localeCompare(String(valB))\r\n        : String(valB).localeCompare(String(valA));\r\n    });\r\n  }, [data, sortKey, sortOrder]);\r\n\r\n  const handleSort = (key: keyof T) => {\r\n    const newOrder = key === sortKey && sortOrder === \"asc\" ? \"desc\" : \"asc\";\r\n    setSortKey(key);\r\n    setSortOrder(newOrder);\r\n    if (serverSort && onSortChange) onSortChange(key, newOrder);\r\n  };\r\n\r\n  const handleSortKeyDown = (e: KeyboardEvent, key: keyof T) => {\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      handleSort(key);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        striped && classMap.striped,\r\n        className\r\n      )}\r\n      data-testid={testId}\r\n    >\r\n      <table\r\n        className={combineClassNames(\r\n          classMap.table,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline\r\n        )}\r\n        role=\"table\"\r\n      >\r\n        <caption className=\"sr_only\">Sortable data table</caption>\r\n        <thead>\r\n          <tr role=\"row\">\r\n            {columns.map((col) => {\r\n              const isActive = sortKey === col.key;\r\n              return (\r\n                <th\r\n                  key={String(col.key)}\r\n                  scope=\"col\"\r\n                  role=\"columnheader\"\r\n                  tabIndex={col.sortable ? 0 : undefined}\r\n                  aria-sort={\r\n                    col.sortable\r\n                      ? isActive\r\n                        ? sortOrder === \"asc\"\r\n                          ? \"ascending\"\r\n                          : \"descending\"\r\n                        : \"none\"\r\n                      : undefined\r\n                  }\r\n                  onClick={() => col.sortable && handleSort(col.key)}\r\n                  onKeyDown={(e) =>\r\n                    col.sortable && handleSortKeyDown(e, col.key)\r\n                  }\r\n                  className={combineClassNames(\r\n                    col.sortable && classMap.sortable,\r\n                    classMap.headerCell\r\n                  )}\r\n                >\r\n                  <span>{col.label}</span>\r\n                  {col.sortable && (\r\n                    <span className={classMap.sortIcon} aria-hidden=\"true\">\r\n                      {isActive ? (sortOrder === \"asc\" ? \"▲\" : \"▼\") : \"⇅\"}\r\n                    </span>\r\n                  )}\r\n                </th>\r\n              );\r\n            })}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {sortedData.map((row, idx) => {\r\n            const key = rowKey ? rowKey(row) : idx;\r\n            return (\r\n              <tr\r\n                key={key}\r\n                role=\"row\"\r\n                className={combineClassNames(\r\n                  onRowClick && classMap.clickable,\r\n                  striped && idx % 2 === 1 && classMap.striped\r\n                )}\r\n                onClick={() => onRowClick?.(row)}\r\n                tabIndex={onRowClick ? 0 : undefined}\r\n                aria-label={onRowClick ? \"Selectable row\" : undefined}\r\n              >\r\n                {columns.map((col) => (\r\n                  <td\r\n                    key={String(col.key)}\r\n                    role=\"cell\"\r\n                    data-label={col.label}\r\n                    className={classMap.cell}\r\n                  >\r\n                    {col.render\r\n                      ? col.render(row[col.key], row)\r\n                      : typeof row[col.key] === \"object\"\r\n                        ? JSON.stringify(row[col.key])\r\n                        : String(row[col.key] ?? \"\")}\r\n                  </td>\r\n                ))}\r\n              </tr>\r\n            );\r\n          })}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default DataTableBase;\r\n","\"use client\";\r\n\r\nimport styles from \"./DataTable.module.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n  return <DataTableBase {...props} classMap={styles} />;\r\n}\r\n\r\nexport default DataTable;\r\n"],"names":["outline","striped"],"mappings":"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"}
+{"version":3,"file":"DataTable-BxpVeU6-.js","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/next/DataTable.tsx"],"sourcesContent":["import { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { DataTableBaseProps } from \"./DataTable.types\";\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\nfunction DataTableBase<T extends object>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  outline = false,\r\n  className = \"\",\r\n  striped = true,\r\n  defaultSortKey,\r\n  defaultSortOrder = \"asc\",\r\n  serverSort = false,\r\n  onSortChange,\r\n  rowKey,\r\n  \"data-testid\": testId = \"data-table\",\r\n}: DataTableBaseProps<T>) {\r\n  const [sortKey, setSortKey] = useState<keyof T | undefined>(defaultSortKey);\r\n  const [sortOrder, setSortOrder] = useState<\"asc\" | \"desc\">(defaultSortOrder);\r\n\r\n  const sortedData = useMemo(() => {\r\n    if (serverSort || !sortKey) return data;\r\n    if (!sortKey) return data;\r\n    return [...data].sort((a, b) => {\r\n      const valA = a[sortKey];\r\n      const valB = b[sortKey];\r\n      if (valA === valB) return 0;\r\n      if (valA == null) return 1;\r\n      if (valB == null) return -1;\r\n      const isNumA = !isNaN(Number(valA));\r\n      const isNumB = !isNaN(Number(valB));\r\n      if (isNumA && isNumB)\r\n        return sortOrder === \"asc\" ? +valA - +valB : +valB - +valA;\r\n      return sortOrder === \"asc\"\r\n        ? String(valA).localeCompare(String(valB))\r\n        : String(valB).localeCompare(String(valA));\r\n    });\r\n  }, [data, sortKey, sortOrder]);\r\n\r\n  const handleSort = (key: keyof T) => {\r\n    const newOrder = key === sortKey && sortOrder === \"asc\" ? \"desc\" : \"asc\";\r\n    setSortKey(key);\r\n    setSortOrder(newOrder);\r\n    if (serverSort && onSortChange) onSortChange(key, newOrder);\r\n  };\r\n\r\n  const handleSortKeyDown = (e: KeyboardEvent, key: keyof T) => {\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      handleSort(key);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        striped && classMap.striped,\r\n        className\r\n      )}\r\n      data-testid={testId}\r\n    >\r\n      <table\r\n        className={combineClassNames(\r\n          classMap.table,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline\r\n        )}\r\n        role=\"table\"\r\n      >\r\n        <caption className=\"sr_only\">Sortable data table</caption>\r\n        <thead>\r\n          <tr role=\"row\">\r\n            {columns.map((col) => {\r\n              const isActive = sortKey === col.key;\r\n              return (\r\n                <th\r\n                  key={String(col.key)}\r\n                  scope=\"col\"\r\n                  role=\"columnheader\"\r\n                  tabIndex={col.sortable ? 0 : undefined}\r\n                  aria-sort={\r\n                    col.sortable\r\n                      ? isActive\r\n                        ? sortOrder === \"asc\"\r\n                          ? \"ascending\"\r\n                          : \"descending\"\r\n                        : \"none\"\r\n                      : undefined\r\n                  }\r\n                  onClick={() => col.sortable && handleSort(col.key)}\r\n                  onKeyDown={(e) =>\r\n                    col.sortable && handleSortKeyDown(e, col.key)\r\n                  }\r\n                  className={combineClassNames(\r\n                    col.sortable && classMap.sortable,\r\n                    classMap.headerCell\r\n                  )}\r\n                >\r\n                  <span>{col.label}</span>\r\n                  {col.sortable && (\r\n                    <span className={classMap.sortIcon} aria-hidden=\"true\">\r\n                      {isActive ? (sortOrder === \"asc\" ? \"▲\" : \"▼\") : \"⇅\"}\r\n                    </span>\r\n                  )}\r\n                </th>\r\n              );\r\n            })}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {sortedData.map((row, idx) => {\r\n            const key = rowKey ? rowKey(row) : idx;\r\n            return (\r\n              <tr\r\n                key={key}\r\n                role=\"row\"\r\n                className={combineClassNames(\r\n                  onRowClick && classMap.clickable,\r\n                  striped && idx % 2 === 1 && classMap.striped\r\n                )}\r\n                onClick={() => onRowClick?.(row)}\r\n                tabIndex={onRowClick ? 0 : undefined}\r\n                aria-label={onRowClick ? \"Selectable row\" : undefined}\r\n              >\r\n                {columns.map((col) => (\r\n                  <td\r\n                    key={String(col.key)}\r\n                    role=\"cell\"\r\n                    data-label={col.label}\r\n                    className={classMap.cell}\r\n                  >\r\n                    {col.render\r\n                      ? col.render(row[col.key], row)\r\n                      : typeof row[col.key] === \"object\"\r\n                        ? JSON.stringify(row[col.key])\r\n                        : String(row[col.key] ?? \"\")}\r\n                  </td>\r\n                ))}\r\n              </tr>\r\n            );\r\n          })}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default DataTableBase;\r\n","\"use client\";\r\n\r\nimport styles from \"./DataTable.module.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n  return <DataTableBase {...props} classMap={styles} />;\r\n}\r\n\r\nexport default DataTable;\r\n"],"names":["outline","striped"],"mappings":"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"}

package/dist/next/{DataTable-9JLEi0CK.cjs → DataTable-C5OyGLWn.cjs}

@@ -4,39 +4,39 @@ const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const noScroll = "_noScroll_89c8f_91";
-const errorMessage = "_errorMessage_89c8f_92";
-const loadingContainer = "_loadingContainer_89c8f_93";
-const hideScrollbar = "_hideScrollbar_89c8f_85";
-const sr_only = "_sr_only_89c8f_94";
-const wrapper = "_wrapper_89c8f_479";
-const table = "_table_89c8f_485";
-const data_table = "_data_table_89c8f_509";
-const sortable = "_sortable_89c8f_509";
-const sort_icon = "_sort_icon_89c8f_512";
-const clickable = "_clickable_89c8f_516";
-const striped = "_striped_89c8f_526";
-const primary = "_primary_89c8f_532";
-const outline = "_outline_89c8f_536";
-const secondary = "_secondary_89c8f_540";
-const tertiary = "_tertiary_89c8f_548";
-const quaternary = "_quaternary_89c8f_556";
-const clear = "_clear_89c8f_564";
-const success = "_success_89c8f_572";
-const error = "_error_89c8f_92";
-const warning = "_warning_89c8f_588";
-const roundNone = "_roundNone_89c8f_640";
-const roundSmall = "_roundSmall_89c8f_644";
-const roundMedium = "_roundMedium_89c8f_648";
-const roundLarge = "_roundLarge_89c8f_652";
-const roundFull = "_roundFull_89c8f_656";
-const shadowNone = "_shadowNone_89c8f_660";
-const shadowLight = "_shadowLight_89c8f_664";
-const shadowMedium = "_shadowMedium_89c8f_668";
-const shadowStrong = "_shadowStrong_89c8f_672";
-const shadowIntense = "_shadowIntense_89c8f_676";
-const spin = "_spin_89c8f_1";
-const pulse = "_pulse_89c8f_1";
+const noScroll = "_noScroll_mhzry_91";
+const errorMessage = "_errorMessage_mhzry_92";
+const loadingContainer = "_loadingContainer_mhzry_93";
+const hideScrollbar = "_hideScrollbar_mhzry_85";
+const sr_only = "_sr_only_mhzry_94";
+const wrapper = "_wrapper_mhzry_539";
+const table = "_table_mhzry_545";
+const data_table = "_data_table_mhzry_569";
+const sortable = "_sortable_mhzry_569";
+const sort_icon = "_sort_icon_mhzry_572";
+const clickable = "_clickable_mhzry_576";
+const striped = "_striped_mhzry_586";
+const primary = "_primary_mhzry_592";
+const outline = "_outline_mhzry_596";
+const secondary = "_secondary_mhzry_600";
+const tertiary = "_tertiary_mhzry_608";
+const quaternary = "_quaternary_mhzry_616";
+const clear = "_clear_mhzry_624";
+const success = "_success_mhzry_632";
+const error = "_error_mhzry_92";
+const warning = "_warning_mhzry_648";
+const roundNone = "_roundNone_mhzry_700";
+const roundSmall = "_roundSmall_mhzry_704";
+const roundMedium = "_roundMedium_mhzry_708";
+const roundLarge = "_roundLarge_mhzry_712";
+const roundFull = "_roundFull_mhzry_716";
+const shadowNone = "_shadowNone_mhzry_720";
+const shadowLight = "_shadowLight_mhzry_724";
+const shadowMedium = "_shadowMedium_mhzry_728";
+const shadowStrong = "_shadowStrong_mhzry_732";
+const shadowIntense = "_shadowIntense_mhzry_736";
+const spin = "_spin_mhzry_1";
+const pulse = "_pulse_mhzry_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -69,15 +69,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_89c8f_1",
-  "slide-up": "_slide-up_89c8f_1",
-  "spin-3d": "_spin-3d_89c8f_1",
+  "fade-in": "_fade-in_mhzry_1",
+  "slide-up": "_slide-up_mhzry_1",
+  "spin-3d": "_spin-3d_mhzry_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_89c8f_1",
-  "progress-grow": "_progress-grow_89c8f_1",
-  "indeterminate-move": "_indeterminate-move_89c8f_1",
-  "skeleton-loading": "_skeleton-loading_89c8f_1"
+  "fade-in-up": "_fade-in-up_mhzry_1",
+  "progress-grow": "_progress-grow_mhzry_1",
+  "indeterminate-move": "_indeterminate-move_mhzry_1",
+  "skeleton-loading": "_skeleton-loading_mhzry_1"
 };
 function DataTableBase({
   columns,
@@ -211,4 +211,4 @@ function DataTable(props) {
   return /* @__PURE__ */ require$$2.jsx(DataTableBase, { ...props, classMap: styles });
 }
 exports.DataTable = DataTable;
-//# sourceMappingURL=DataTable-9JLEi0CK.cjs.map
+//# sourceMappingURL=DataTable-C5OyGLWn.cjs.map

package/dist/next/{DataTable-9JLEi0CK.cjs.map → DataTable-C5OyGLWn.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DataTable-9JLEi0CK.cjs","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/next/DataTable.tsx"],"sourcesContent":["import { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { DataTableBaseProps } from \"./DataTable.types\";\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\nfunction DataTableBase<T extends object>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  outline = false,\r\n  className = \"\",\r\n  striped = true,\r\n  defaultSortKey,\r\n  defaultSortOrder = \"asc\",\r\n  serverSort = false,\r\n  onSortChange,\r\n  rowKey,\r\n  \"data-testid\": testId = \"data-table\",\r\n}: DataTableBaseProps<T>) {\r\n  const [sortKey, setSortKey] = useState<keyof T | undefined>(defaultSortKey);\r\n  const [sortOrder, setSortOrder] = useState<\"asc\" | \"desc\">(defaultSortOrder);\r\n\r\n  const sortedData = useMemo(() => {\r\n    if (serverSort || !sortKey) return data;\r\n    if (!sortKey) return data;\r\n    return [...data].sort((a, b) => {\r\n      const valA = a[sortKey];\r\n      const valB = b[sortKey];\r\n      if (valA === valB) return 0;\r\n      if (valA == null) return 1;\r\n      if (valB == null) return -1;\r\n      const isNumA = !isNaN(Number(valA));\r\n      const isNumB = !isNaN(Number(valB));\r\n      if (isNumA && isNumB)\r\n        return sortOrder === \"asc\" ? +valA - +valB : +valB - +valA;\r\n      return sortOrder === \"asc\"\r\n        ? String(valA).localeCompare(String(valB))\r\n        : String(valB).localeCompare(String(valA));\r\n    });\r\n  }, [data, sortKey, sortOrder]);\r\n\r\n  const handleSort = (key: keyof T) => {\r\n    const newOrder = key === sortKey && sortOrder === \"asc\" ? \"desc\" : \"asc\";\r\n    setSortKey(key);\r\n    setSortOrder(newOrder);\r\n    if (serverSort && onSortChange) onSortChange(key, newOrder);\r\n  };\r\n\r\n  const handleSortKeyDown = (e: KeyboardEvent, key: keyof T) => {\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      handleSort(key);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        striped && classMap.striped,\r\n        className\r\n      )}\r\n      data-testid={testId}\r\n    >\r\n      <table\r\n        className={combineClassNames(\r\n          classMap.table,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline\r\n        )}\r\n        role=\"table\"\r\n      >\r\n        <caption className=\"sr_only\">Sortable data table</caption>\r\n        <thead>\r\n          <tr role=\"row\">\r\n            {columns.map((col) => {\r\n              const isActive = sortKey === col.key;\r\n              return (\r\n                <th\r\n                  key={String(col.key)}\r\n                  scope=\"col\"\r\n                  role=\"columnheader\"\r\n                  tabIndex={col.sortable ? 0 : undefined}\r\n                  aria-sort={\r\n                    col.sortable\r\n                      ? isActive\r\n                        ? sortOrder === \"asc\"\r\n                          ? \"ascending\"\r\n                          : \"descending\"\r\n                        : \"none\"\r\n                      : undefined\r\n                  }\r\n                  onClick={() => col.sortable && handleSort(col.key)}\r\n                  onKeyDown={(e) =>\r\n                    col.sortable && handleSortKeyDown(e, col.key)\r\n                  }\r\n                  className={combineClassNames(\r\n                    col.sortable && classMap.sortable,\r\n                    classMap.headerCell\r\n                  )}\r\n                >\r\n                  <span>{col.label}</span>\r\n                  {col.sortable && (\r\n                    <span className={classMap.sortIcon} aria-hidden=\"true\">\r\n                      {isActive ? (sortOrder === \"asc\" ? \"▲\" : \"▼\") : \"⇅\"}\r\n                    </span>\r\n                  )}\r\n                </th>\r\n              );\r\n            })}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {sortedData.map((row, idx) => {\r\n            const key = rowKey ? rowKey(row) : idx;\r\n            return (\r\n              <tr\r\n                key={key}\r\n                role=\"row\"\r\n                className={combineClassNames(\r\n                  onRowClick && classMap.clickable,\r\n                  striped && idx % 2 === 1 && classMap.striped\r\n                )}\r\n                onClick={() => onRowClick?.(row)}\r\n                tabIndex={onRowClick ? 0 : undefined}\r\n                aria-label={onRowClick ? \"Selectable row\" : undefined}\r\n              >\r\n                {columns.map((col) => (\r\n                  <td\r\n                    key={String(col.key)}\r\n                    role=\"cell\"\r\n                    data-label={col.label}\r\n                    className={classMap.cell}\r\n                  >\r\n                    {col.render\r\n                      ? col.render(row[col.key], row)\r\n                      : typeof row[col.key] === \"object\"\r\n                        ? JSON.stringify(row[col.key])\r\n                        : String(row[col.key] ?? \"\")}\r\n                  </td>\r\n                ))}\r\n              </tr>\r\n            );\r\n          })}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default DataTableBase;\r\n","\"use client\";\r\n\r\nimport styles from \"./DataTable.module.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n  return <DataTableBase {...props} classMap={styles} />;\r\n}\r\n\r\nexport default DataTable;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","outline","striped","useState","useMemo","jsx","combineClassNames","capitalize","jsxs"],"mappings":"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"}
+{"version":3,"file":"DataTable-C5OyGLWn.cjs","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/next/DataTable.tsx"],"sourcesContent":["import { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { DataTableBaseProps } from \"./DataTable.types\";\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\nfunction DataTableBase<T extends object>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  outline = false,\r\n  className = \"\",\r\n  striped = true,\r\n  defaultSortKey,\r\n  defaultSortOrder = \"asc\",\r\n  serverSort = false,\r\n  onSortChange,\r\n  rowKey,\r\n  \"data-testid\": testId = \"data-table\",\r\n}: DataTableBaseProps<T>) {\r\n  const [sortKey, setSortKey] = useState<keyof T | undefined>(defaultSortKey);\r\n  const [sortOrder, setSortOrder] = useState<\"asc\" | \"desc\">(defaultSortOrder);\r\n\r\n  const sortedData = useMemo(() => {\r\n    if (serverSort || !sortKey) return data;\r\n    if (!sortKey) return data;\r\n    return [...data].sort((a, b) => {\r\n      const valA = a[sortKey];\r\n      const valB = b[sortKey];\r\n      if (valA === valB) return 0;\r\n      if (valA == null) return 1;\r\n      if (valB == null) return -1;\r\n      const isNumA = !isNaN(Number(valA));\r\n      const isNumB = !isNaN(Number(valB));\r\n      if (isNumA && isNumB)\r\n        return sortOrder === \"asc\" ? +valA - +valB : +valB - +valA;\r\n      return sortOrder === \"asc\"\r\n        ? String(valA).localeCompare(String(valB))\r\n        : String(valB).localeCompare(String(valA));\r\n    });\r\n  }, [data, sortKey, sortOrder]);\r\n\r\n  const handleSort = (key: keyof T) => {\r\n    const newOrder = key === sortKey && sortOrder === \"asc\" ? \"desc\" : \"asc\";\r\n    setSortKey(key);\r\n    setSortOrder(newOrder);\r\n    if (serverSort && onSortChange) onSortChange(key, newOrder);\r\n  };\r\n\r\n  const handleSortKeyDown = (e: KeyboardEvent, key: keyof T) => {\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      handleSort(key);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        striped && classMap.striped,\r\n        className\r\n      )}\r\n      data-testid={testId}\r\n    >\r\n      <table\r\n        className={combineClassNames(\r\n          classMap.table,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline\r\n        )}\r\n        role=\"table\"\r\n      >\r\n        <caption className=\"sr_only\">Sortable data table</caption>\r\n        <thead>\r\n          <tr role=\"row\">\r\n            {columns.map((col) => {\r\n              const isActive = sortKey === col.key;\r\n              return (\r\n                <th\r\n                  key={String(col.key)}\r\n                  scope=\"col\"\r\n                  role=\"columnheader\"\r\n                  tabIndex={col.sortable ? 0 : undefined}\r\n                  aria-sort={\r\n                    col.sortable\r\n                      ? isActive\r\n                        ? sortOrder === \"asc\"\r\n                          ? \"ascending\"\r\n                          : \"descending\"\r\n                        : \"none\"\r\n                      : undefined\r\n                  }\r\n                  onClick={() => col.sortable && handleSort(col.key)}\r\n                  onKeyDown={(e) =>\r\n                    col.sortable && handleSortKeyDown(e, col.key)\r\n                  }\r\n                  className={combineClassNames(\r\n                    col.sortable && classMap.sortable,\r\n                    classMap.headerCell\r\n                  )}\r\n                >\r\n                  <span>{col.label}</span>\r\n                  {col.sortable && (\r\n                    <span className={classMap.sortIcon} aria-hidden=\"true\">\r\n                      {isActive ? (sortOrder === \"asc\" ? \"▲\" : \"▼\") : \"⇅\"}\r\n                    </span>\r\n                  )}\r\n                </th>\r\n              );\r\n            })}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {sortedData.map((row, idx) => {\r\n            const key = rowKey ? rowKey(row) : idx;\r\n            return (\r\n              <tr\r\n                key={key}\r\n                role=\"row\"\r\n                className={combineClassNames(\r\n                  onRowClick && classMap.clickable,\r\n                  striped && idx % 2 === 1 && classMap.striped\r\n                )}\r\n                onClick={() => onRowClick?.(row)}\r\n                tabIndex={onRowClick ? 0 : undefined}\r\n                aria-label={onRowClick ? \"Selectable row\" : undefined}\r\n              >\r\n                {columns.map((col) => (\r\n                  <td\r\n                    key={String(col.key)}\r\n                    role=\"cell\"\r\n                    data-label={col.label}\r\n                    className={classMap.cell}\r\n                  >\r\n                    {col.render\r\n                      ? col.render(row[col.key], row)\r\n                      : typeof row[col.key] === \"object\"\r\n                        ? JSON.stringify(row[col.key])\r\n                        : String(row[col.key] ?? \"\")}\r\n                  </td>\r\n                ))}\r\n              </tr>\r\n            );\r\n          })}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default DataTableBase;\r\n","\"use client\";\r\n\r\nimport styles from \"./DataTable.module.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n  return <DataTableBase {...props} classMap={styles} />;\r\n}\r\n\r\nexport default DataTable;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","outline","striped","useState","useMemo","jsx","combineClassNames","capitalize","jsxs"],"mappings":"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"}

package/dist/next/DataTable.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const DataTable = require("./DataTable-9JLEi0CK.cjs");
+const DataTable = require("./DataTable-C5OyGLWn.cjs");
 module.exports = DataTable.DataTable;
 //# sourceMappingURL=DataTable.cjs.js.map

package/dist/next/DataTable.js

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

package/dist/next/{DateTimePicker-CoTQNBzD.cjs → DateTimePicker-CnHSl0jQ.cjs}

@@ -151,37 +151,37 @@ const DateTimePickerBase = ({
     error2 && /* @__PURE__ */ require$$2.jsx("p", { id: errorId, className: classMap.error, role: "alert", children: error2 })
   ] });
 };
-const wrapper = "_wrapper_1d7bm_68";
-const input = "_input_1d7bm_75";
-const label = "_label_1d7bm_84";
-const inputWrapper = "_inputWrapper_1d7bm_90";
-const icon = "_icon_1d7bm_116";
-const primary = "_primary_1d7bm_126";
-const outline = "_outline_1d7bm_130";
-const secondary = "_secondary_1d7bm_133";
-const tertiary = "_tertiary_1d7bm_140";
-const quaternary = "_quaternary_1d7bm_147";
-const clear = "_clear_1d7bm_154";
-const success = "_success_1d7bm_165";
-const error = "_error_1d7bm_172";
-const warning = "_warning_1d7bm_179";
-const disabled = "_disabled_1d7bm_196";
-const xs = "_xs_1d7bm_211";
-const small = "_small_1d7bm_225";
-const medium = "_medium_1d7bm_239";
-const large = "_large_1d7bm_253";
-const xl = "_xl_1d7bm_267";
-const description = "_description_1d7bm_281";
-const roundNone = "_roundNone_1d7bm_286";
-const roundSmall = "_roundSmall_1d7bm_290";
-const roundMedium = "_roundMedium_1d7bm_294";
-const roundLarge = "_roundLarge_1d7bm_298";
-const roundFull = "_roundFull_1d7bm_302";
-const shadowNone = "_shadowNone_1d7bm_306";
-const shadowLight = "_shadowLight_1d7bm_310";
-const shadowMedium = "_shadowMedium_1d7bm_314";
-const shadowStrong = "_shadowStrong_1d7bm_318";
-const shadowIntense = "_shadowIntense_1d7bm_322";
+const wrapper = "_wrapper_pxbx5_68";
+const input = "_input_pxbx5_75";
+const label = "_label_pxbx5_84";
+const inputWrapper = "_inputWrapper_pxbx5_90";
+const icon = "_icon_pxbx5_116";
+const primary = "_primary_pxbx5_126";
+const outline = "_outline_pxbx5_130";
+const secondary = "_secondary_pxbx5_133";
+const tertiary = "_tertiary_pxbx5_140";
+const quaternary = "_quaternary_pxbx5_147";
+const clear = "_clear_pxbx5_154";
+const success = "_success_pxbx5_165";
+const error = "_error_pxbx5_172";
+const warning = "_warning_pxbx5_179";
+const disabled = "_disabled_pxbx5_196";
+const xs = "_xs_pxbx5_211";
+const small = "_small_pxbx5_225";
+const medium = "_medium_pxbx5_239";
+const large = "_large_pxbx5_253";
+const xl = "_xl_pxbx5_267";
+const description = "_description_pxbx5_281";
+const roundNone = "_roundNone_pxbx5_286";
+const roundSmall = "_roundSmall_pxbx5_290";
+const roundMedium = "_roundMedium_pxbx5_294";
+const roundLarge = "_roundLarge_pxbx5_298";
+const roundFull = "_roundFull_pxbx5_302";
+const shadowNone = "_shadowNone_pxbx5_306";
+const shadowLight = "_shadowLight_pxbx5_310";
+const shadowMedium = "_shadowMedium_pxbx5_314";
+const shadowStrong = "_shadowStrong_pxbx5_318";
+const shadowIntense = "_shadowIntense_pxbx5_322";
 const styles = {
   wrapper,
   input,
@@ -217,4 +217,4 @@ const styles = {
 };
 const DateTimePicker = (props) => /* @__PURE__ */ require$$2.jsx(DateTimePickerBase, { ...props, classMap: styles });
 exports.DateTimePicker = DateTimePicker;
-//# sourceMappingURL=DateTimePicker-CoTQNBzD.cjs.map
+//# sourceMappingURL=DateTimePicker-CnHSl0jQ.cjs.map

package/dist/next/{DateTimePicker-CoTQNBzD.cjs.map → DateTimePicker-CnHSl0jQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-CoTQNBzD.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 { DateTimePickerProps } 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\nexport interface DateTimePickerBaseProps extends DateTimePickerProps {\r\n  classMap: Record<string, string>;\r\n  error?: string;\r\n  description?: string;\r\n  id?: string;\r\n}\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  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}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const descriptionId = description ? `${inputId}-description` : undefined;\r\n  const errorId = error ? `${inputId}-error` : undefined;\r\n\r\n  const openPicker = () => {\r\n    inputRef.current?.showPicker?.();\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        className\r\n      ),\r\n    [classMap, theme, state, size, outline, disabled, className]\r\n  );\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label htmlFor={inputId} className={classMap.label}>\r\n          {label} {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          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          ref={inputRef}\r\n          required={required}\r\n          disabled={disabled}\r\n          aria-required={required}\r\n          aria-disabled={disabled}\r\n          aria-invalid={!!error}\r\n          aria-describedby={\r\n            [descriptionId, errorId].filter(Boolean).join(\" \") || undefined\r\n          }\r\n          aria-errormessage={errorId || undefined}\r\n          aria-label={label || \"Date and time\"}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n        <span\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          onKeyDown={(e) =>\r\n            (e.key === \"Enter\" || e.key === \" \") && openPicker()\r\n          }\r\n          aria-hidden=\"true\"\r\n          role=\"button\"\r\n          tabIndex={0}\r\n        >\r\n          <CalendarIcon />\r\n        </span>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p id={descriptionId} className={classMap.description}>\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p id={errorId} className={classMap.error} role=\"alert\">\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\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\n\r\nexport default DateTimePicker;\r\n"],"names":["jsxs","jsx","label","disabled","getDefaultSize","outline","getDefaultTheme","getDefaultRounding","getDefaultShadow","error","description","useId","useRef","useMemo","combineClassNames","capitalize"],"mappings":";;;;;;AAAA,MAAM,eAAwD,CAAC,UAC7DA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjBA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjBA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjBA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA;AACH;ACpBF,MAAM,qBAAwD,CAAC;AAAA,EAC7D,OAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAAC,YAAW;AAAA,EACX,OAAOC,kBAAAA,eAAA;AAAA,EACP,SAAAC;AAAA,EACA,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAcC,MAAAA,MAAA;AACpB,QAAM,UAAU,MAAM;AACtB,QAAM,WAAWC,MAAAA,OAAyB,IAAI;AAE9C,QAAM,gBAAgBF,eAAc,GAAG,OAAO,iBAAiB;AAC/D,QAAM,UAAUD,SAAQ,GAAG,OAAO,WAAW;AAE7C,QAAM,aAAa,MAAM;;AACvB,yBAAS,YAAT,mBAAkB,eAAlB;AAAA,EACF;AAEA,QAAM,cAAcI,MAAAA;AAAAA,IAClB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDV,YAAW,SAAS;AAAA,MACpBF,aAAY,SAAS;AAAA,MACrB;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,OAAO,MAAME,UAASF,WAAU,SAAS;AAAA,EAAA;AAG7D,SACEH,2BAAAA,KAAC,OAAA,EAAI,WAAW,aAAa,eAAa,QACvC,UAAA;AAAA,IAAAE,0CACE,SAAA,EAAM,SAAS,SAAS,WAAW,SAAS,OAC1C,UAAA;AAAA,MAAAA;AAAA,MAAM;AAAA,MAAE,YAAYD,2BAAAA,IAAC,QAAA,EAAK,eAAY,QAAO,UAAA,IAAA,CAAC;AAAA,IAAA,GACjD;AAAA,IAGFD,2BAAAA,KAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB;AAAA,UACA,UAAU,CAAC,MAAM,qCAAW,EAAE,OAAO;AAAA,UACrC;AAAA,UACA;AAAA,UACA;AAAA,UACA,KAAK;AAAA,UACL;AAAA,UACA,UAAAE;AAAA,UACA,iBAAe;AAAA,UACf,iBAAeA;AAAA,UACf,gBAAc,CAAC,CAACM;AAAA,UAChB,oBACE,CAAC,eAAe,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,UAExD,qBAAmB,WAAW;AAAA,UAC9B,cAAYP,UAAS;AAAA,UACrB,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAExBD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,SAAS;AAAA,UACT,WAAW,CAAC,OACT,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,WAAA;AAAA,UAE1C,eAAY;AAAA,UACZ,MAAK;AAAA,UACL,UAAU;AAAA,UAEV,yCAAC,cAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GACF;AAAA,IAECS,gBAAe,CAACD,UACfR,+BAAC,KAAA,EAAE,IAAI,eAAe,WAAW,SAAS,aACvC,UAAAS,aAAA,CACH;AAAA,IAGDD,UACCR,2BAAAA,IAAC,KAAA,EAAE,IAAI,SAAS,WAAW,SAAS,OAAO,MAAK,SAC7C,UAAAQ,OAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvHA,MAAM,iBAAgD,CAAC,UACrDR,+BAAC,sBAAoB,GAAG,OAAO,UAAU,OAAA,CAAQ;;"}
+{"version":3,"file":"DateTimePicker-CnHSl0jQ.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 { DateTimePickerProps } 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\nexport interface DateTimePickerBaseProps extends DateTimePickerProps {\r\n  classMap: Record<string, string>;\r\n  error?: string;\r\n  description?: string;\r\n  id?: string;\r\n}\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  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}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const descriptionId = description ? `${inputId}-description` : undefined;\r\n  const errorId = error ? `${inputId}-error` : undefined;\r\n\r\n  const openPicker = () => {\r\n    inputRef.current?.showPicker?.();\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        className\r\n      ),\r\n    [classMap, theme, state, size, outline, disabled, className]\r\n  );\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label htmlFor={inputId} className={classMap.label}>\r\n          {label} {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          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          ref={inputRef}\r\n          required={required}\r\n          disabled={disabled}\r\n          aria-required={required}\r\n          aria-disabled={disabled}\r\n          aria-invalid={!!error}\r\n          aria-describedby={\r\n            [descriptionId, errorId].filter(Boolean).join(\" \") || undefined\r\n          }\r\n          aria-errormessage={errorId || undefined}\r\n          aria-label={label || \"Date and time\"}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n        <span\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          onKeyDown={(e) =>\r\n            (e.key === \"Enter\" || e.key === \" \") && openPicker()\r\n          }\r\n          aria-hidden=\"true\"\r\n          role=\"button\"\r\n          tabIndex={0}\r\n        >\r\n          <CalendarIcon />\r\n        </span>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p id={descriptionId} className={classMap.description}>\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p id={errorId} className={classMap.error} role=\"alert\">\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\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\n\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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"}

package/dist/next/{DateTimePicker-C2-or1uL.js → DateTimePicker-HNGW6xNG.js}

@@ -150,37 +150,37 @@ const DateTimePickerBase = ({
     error2 && /* @__PURE__ */ jsx("p", { id: errorId, className: classMap.error, role: "alert", children: error2 })
   ] });
 };
-const wrapper = "_wrapper_1d7bm_68";
-const input = "_input_1d7bm_75";
-const label = "_label_1d7bm_84";
-const inputWrapper = "_inputWrapper_1d7bm_90";
-const icon = "_icon_1d7bm_116";
-const primary = "_primary_1d7bm_126";
-const outline = "_outline_1d7bm_130";
-const secondary = "_secondary_1d7bm_133";
-const tertiary = "_tertiary_1d7bm_140";
-const quaternary = "_quaternary_1d7bm_147";
-const clear = "_clear_1d7bm_154";
-const success = "_success_1d7bm_165";
-const error = "_error_1d7bm_172";
-const warning = "_warning_1d7bm_179";
-const disabled = "_disabled_1d7bm_196";
-const xs = "_xs_1d7bm_211";
-const small = "_small_1d7bm_225";
-const medium = "_medium_1d7bm_239";
-const large = "_large_1d7bm_253";
-const xl = "_xl_1d7bm_267";
-const description = "_description_1d7bm_281";
-const roundNone = "_roundNone_1d7bm_286";
-const roundSmall = "_roundSmall_1d7bm_290";
-const roundMedium = "_roundMedium_1d7bm_294";
-const roundLarge = "_roundLarge_1d7bm_298";
-const roundFull = "_roundFull_1d7bm_302";
-const shadowNone = "_shadowNone_1d7bm_306";
-const shadowLight = "_shadowLight_1d7bm_310";
-const shadowMedium = "_shadowMedium_1d7bm_314";
-const shadowStrong = "_shadowStrong_1d7bm_318";
-const shadowIntense = "_shadowIntense_1d7bm_322";
+const wrapper = "_wrapper_pxbx5_68";
+const input = "_input_pxbx5_75";
+const label = "_label_pxbx5_84";
+const inputWrapper = "_inputWrapper_pxbx5_90";
+const icon = "_icon_pxbx5_116";
+const primary = "_primary_pxbx5_126";
+const outline = "_outline_pxbx5_130";
+const secondary = "_secondary_pxbx5_133";
+const tertiary = "_tertiary_pxbx5_140";
+const quaternary = "_quaternary_pxbx5_147";
+const clear = "_clear_pxbx5_154";
+const success = "_success_pxbx5_165";
+const error = "_error_pxbx5_172";
+const warning = "_warning_pxbx5_179";
+const disabled = "_disabled_pxbx5_196";
+const xs = "_xs_pxbx5_211";
+const small = "_small_pxbx5_225";
+const medium = "_medium_pxbx5_239";
+const large = "_large_pxbx5_253";
+const xl = "_xl_pxbx5_267";
+const description = "_description_pxbx5_281";
+const roundNone = "_roundNone_pxbx5_286";
+const roundSmall = "_roundSmall_pxbx5_290";
+const roundMedium = "_roundMedium_pxbx5_294";
+const roundLarge = "_roundLarge_pxbx5_298";
+const roundFull = "_roundFull_pxbx5_302";
+const shadowNone = "_shadowNone_pxbx5_306";
+const shadowLight = "_shadowLight_pxbx5_310";
+const shadowMedium = "_shadowMedium_pxbx5_314";
+const shadowStrong = "_shadowStrong_pxbx5_318";
+const shadowIntense = "_shadowIntense_pxbx5_322";
 const styles = {
   wrapper,
   input,
@@ -218,4 +218,4 @@ const DateTimePicker = (props) => /* @__PURE__ */ jsx(DateTimePickerBase, { ...p
 export {
   DateTimePicker as D
 };
-//# sourceMappingURL=DateTimePicker-C2-or1uL.js.map
+//# sourceMappingURL=DateTimePicker-HNGW6xNG.js.map

package/dist/next/{DateTimePicker-C2-or1uL.js.map → DateTimePicker-HNGW6xNG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-C2-or1uL.js","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 { DateTimePickerProps } 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\nexport interface DateTimePickerBaseProps extends DateTimePickerProps {\r\n  classMap: Record<string, string>;\r\n  error?: string;\r\n  description?: string;\r\n  id?: string;\r\n}\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  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}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const descriptionId = description ? `${inputId}-description` : undefined;\r\n  const errorId = error ? `${inputId}-error` : undefined;\r\n\r\n  const openPicker = () => {\r\n    inputRef.current?.showPicker?.();\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        className\r\n      ),\r\n    [classMap, theme, state, size, outline, disabled, className]\r\n  );\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label htmlFor={inputId} className={classMap.label}>\r\n          {label} {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          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          ref={inputRef}\r\n          required={required}\r\n          disabled={disabled}\r\n          aria-required={required}\r\n          aria-disabled={disabled}\r\n          aria-invalid={!!error}\r\n          aria-describedby={\r\n            [descriptionId, errorId].filter(Boolean).join(\" \") || undefined\r\n          }\r\n          aria-errormessage={errorId || undefined}\r\n          aria-label={label || \"Date and time\"}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n        <span\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          onKeyDown={(e) =>\r\n            (e.key === \"Enter\" || e.key === \" \") && openPicker()\r\n          }\r\n          aria-hidden=\"true\"\r\n          role=\"button\"\r\n          tabIndex={0}\r\n        >\r\n          <CalendarIcon />\r\n        </span>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p id={descriptionId} className={classMap.description}>\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p id={errorId} className={classMap.error} role=\"alert\">\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\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\n\r\nexport default DateTimePicker;\r\n"],"names":["label","disabled","outline","error","description"],"mappings":"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"}
+{"version":3,"file":"DateTimePicker-HNGW6xNG.js","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 { DateTimePickerProps } 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\nexport interface DateTimePickerBaseProps extends DateTimePickerProps {\r\n  classMap: Record<string, string>;\r\n  error?: string;\r\n  description?: string;\r\n  id?: string;\r\n}\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  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}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const descriptionId = description ? `${inputId}-description` : undefined;\r\n  const errorId = error ? `${inputId}-error` : undefined;\r\n\r\n  const openPicker = () => {\r\n    inputRef.current?.showPicker?.();\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        className\r\n      ),\r\n    [classMap, theme, state, size, outline, disabled, className]\r\n  );\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label htmlFor={inputId} className={classMap.label}>\r\n          {label} {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          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          ref={inputRef}\r\n          required={required}\r\n          disabled={disabled}\r\n          aria-required={required}\r\n          aria-disabled={disabled}\r\n          aria-invalid={!!error}\r\n          aria-describedby={\r\n            [descriptionId, errorId].filter(Boolean).join(\" \") || undefined\r\n          }\r\n          aria-errormessage={errorId || undefined}\r\n          aria-label={label || \"Date and time\"}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n        <span\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          onKeyDown={(e) =>\r\n            (e.key === \"Enter\" || e.key === \" \") && openPicker()\r\n          }\r\n          aria-hidden=\"true\"\r\n          role=\"button\"\r\n          tabIndex={0}\r\n        >\r\n          <CalendarIcon />\r\n        </span>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p id={descriptionId} className={classMap.description}>\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p id={errorId} className={classMap.error} role=\"alert\">\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\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\n\r\nexport default DateTimePicker;\r\n"],"names":["label","disabled","outline","error","description"],"mappings":"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"}

package/dist/next/DateTimePicker.cjs.js

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

package/dist/next/DateTimePicker.js

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