boreal-ui 0.0.1

package/dist/core/DataTable-DZeVQIC0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable-DZeVQIC0.cjs","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/core/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","import \"./DataTable.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"data_table_wrapper\",\r\n  table: \"data_table\",\r\n  headerCell: \"data_table_header_cell\",\r\n  sortable: \"data_table_header_sortable\",\r\n  sortIcon: \"data_table_sort_icon\",\r\n  clickable: \"data_table_row_clickable\",\r\n  striped: \"data_table_row_striped\",\r\n  cell: \"data_table_cell\",\r\n\r\n  primary: \"data_table_primary\",\r\n  secondary: \"data_table_secondary\",\r\n  tertiary: \"data_table_tertiary\",\r\n  quaternary: \"data_table_quaternary\",\r\n\r\n  success: \"data_table_success\",\r\n  error: \"data_table_error\",\r\n  warning: \"data_table_warning\",\r\n\r\n  clear: \"data_table_clear\",\r\n\r\n  outline: \"data_table_outline\",\r\n\r\n  shadowNone: \"data_table_shadow-None\",\r\n  shadowLight: \"data_table_shadow-Light\",\r\n  shadowMedium: \"data_table_shadow-Medium\",\r\n  shadowStrong: \"data_table_shadow-Strong\",\r\n  shadowIntense: \"data_table_shadow-Intense\",\r\n\r\n  roundNone: \"data_table_round-None\",\r\n  roundSmall: \"data_table_round-Small\",\r\n  roundMedium: \"data_table_round-Medium\",\r\n  roundLarge: \"data_table_round-Large\",\r\n};\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n  return <DataTableBase {...props} classMap={classes} />;\r\n}\r\n\r\nexport default DataTable;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useMemo","jsx","combineClassNames","capitalize","jsxs"],"mappings":"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"}

package/dist/core/DataTable.cjs.js

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

package/dist/core/DataTable.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/core/DataTable.js

@@ -0,0 +1,5 @@
+import { D } from "./DataTable-DQU1WxPr.js";
+export {
+  D as default
+};
+//# sourceMappingURL=DataTable.js.map

package/dist/core/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/core/DateTimePicker-BtITiL_E.cjs

@@ -0,0 +1,187 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+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 CalendarIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    strokeWidth: "1.5",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M3 10V6C3 4.89543 3.89543 4 5 4H7",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M7 2V6",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M21 10V6C21 4.89543 20.1046 4 19 4H18.5",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+const DateTimePickerBase = ({
+  label,
+  value,
+  onChange,
+  min,
+  max,
+  name,
+  required = false,
+  disabled = false,
+  size = borealStyleConfig.getDefaultSize(),
+  outline,
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  className = "",
+  "data-testid": testId = "datetime-picker",
+  classMap,
+  error,
+  description,
+  id
+}) => {
+  const generatedId = React.useId();
+  const inputId = id || generatedId;
+  const inputRef = React.useRef(null);
+  const descriptionId = description ? `${inputId}-description` : void 0;
+  const errorId = error ? `${inputId}-error` : void 0;
+  const openPicker = () => {
+    var _a, _b;
+    (_b = (_a = inputRef.current) == null ? void 0 : _a.showPicker) == null ? void 0 : _b.call(_a);
+  };
+  const pickerClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.wrapper,
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      outline && classMap.outline,
+      disabled && classMap.disabled,
+      className
+    ),
+    [classMap, theme, state, size, outline, disabled, className]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: pickerClass, "data-testid": testId, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: inputId, className: classMap.label, children: [
+      label,
+      " ",
+      required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.inputWrapper, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          id: inputId,
+          type: "datetime-local",
+          className: classMap.input,
+          value,
+          onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+          min,
+          max,
+          name,
+          ref: inputRef,
+          required,
+          disabled,
+          "aria-required": required,
+          "aria-disabled": disabled,
+          "aria-invalid": !!error,
+          "aria-describedby": [descriptionId, errorId].filter(Boolean).join(" ") || void 0,
+          "aria-errormessage": errorId || void 0,
+          "aria-label": label || "Date and time",
+          "data-testid": `${testId}-input`
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: classMap.icon,
+          onClick: openPicker,
+          onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && openPicker(),
+          "aria-hidden": "true",
+          role: "button",
+          tabIndex: 0,
+          children: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, {})
+        }
+      )
+    ] }),
+    description && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: descriptionId, className: classMap.description, children: description }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: classMap.error, role: "alert", children: error })
+  ] });
+};
+const classes = {
+  wrapper: "datetime_picker_wrapper",
+  label: "datetime_picker_label",
+  inputWrapper: "datetime_picker_inputWrapper",
+  input: "datetime_picker_input",
+  primary: "datetime_picker_primary",
+  secondary: "datetime_picker_secondary",
+  tertiary: "datetime_picker_tertiary",
+  quaternary: "datetime_picker_quaternary",
+  success: "datetime_picker_success",
+  error: "datetime_picker_error",
+  warning: "datetime_picker_warning",
+  clear: "datetime_picker_clear",
+  xs: "datetime_picker_xs",
+  small: "datetime_picker_small",
+  medium: "datetime_picker_medium",
+  large: "datetime_picker_large",
+  xl: "datetime_picker_xl",
+  outline: "datetime_picker_outline",
+  disabled: "datetime_picker_disabled",
+  icon: "datetime_picker_icon",
+  shadowNone: "datetime_picker_shadow-None",
+  shadowLight: "datetime_picker_shadow-Light",
+  shadowMedium: "datetime_picker_shadow-Medium",
+  shadowStrong: "datetime_picker_shadow-Strong",
+  shadowIntense: "datetime_picker_shadow-Intense",
+  roundNone: "datetime_picker_round-None",
+  roundSmall: "datetime_picker_round-Small",
+  roundMedium: "datetime_picker_round-Medium",
+  roundLarge: "datetime_picker_round-Large"
+};
+const DateTimePicker = (props) => /* @__PURE__ */ jsxRuntime.jsx(DateTimePickerBase, { ...props, classMap: classes });
+exports.DateTimePicker = DateTimePicker;
+//# sourceMappingURL=DateTimePicker-BtITiL_E.cjs.map

package/dist/core/DateTimePicker-BtITiL_E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-BtITiL_E.cjs","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/core/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","import React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport \"./DateTimePicker.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"datetime_picker_wrapper\",\r\n  label: \"datetime_picker_label\",\r\n  inputWrapper: \"datetime_picker_inputWrapper\",\r\n  input: \"datetime_picker_input\",\r\n\r\n  primary: \"datetime_picker_primary\",\r\n  secondary: \"datetime_picker_secondary\",\r\n  tertiary: \"datetime_picker_tertiary\",\r\n  quaternary: \"datetime_picker_quaternary\",\r\n\r\n  success: \"datetime_picker_success\",\r\n  error: \"datetime_picker_error\",\r\n  warning: \"datetime_picker_warning\",\r\n\r\n  clear: \"datetime_picker_clear\",\r\n\r\n  xs: \"datetime_picker_xs\",\r\n  small: \"datetime_picker_small\",\r\n  medium: \"datetime_picker_medium\",\r\n  large: \"datetime_picker_large\",\r\n  xl: \"datetime_picker_xl\",\r\n\r\n  outline: \"datetime_picker_outline\",\r\n  disabled: \"datetime_picker_disabled\",\r\n  icon: \"datetime_picker_icon\",\r\n\r\n  shadowNone: \"datetime_picker_shadow-None\",\r\n  shadowLight: \"datetime_picker_shadow-Light\",\r\n  shadowMedium: \"datetime_picker_shadow-Medium\",\r\n  shadowStrong: \"datetime_picker_shadow-Strong\",\r\n  shadowIntense: \"datetime_picker_shadow-Intense\",\r\n\r\n  roundNone: \"datetime_picker_round-None\",\r\n  roundSmall: \"datetime_picker_round-Small\",\r\n  roundMedium: \"datetime_picker_round-Medium\",\r\n  roundLarge: \"datetime_picker_round-Large\",\r\n};\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default DateTimePicker;\r\n"],"names":["jsxs","jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useRef","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/core/DateTimePicker-O8khtyOu.js

@@ -0,0 +1,188 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useId, useRef, useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+const CalendarIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    strokeWidth: "1.5",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3 10V6C3 4.89543 3.89543 4 5 4H7",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7 2V6",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M21 10V6C21 4.89543 20.1046 4 19 4H18.5",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+const DateTimePickerBase = ({
+  label,
+  value,
+  onChange,
+  min,
+  max,
+  name,
+  required = false,
+  disabled = false,
+  size = getDefaultSize(),
+  outline,
+  theme = getDefaultTheme(),
+  state = "",
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  className = "",
+  "data-testid": testId = "datetime-picker",
+  classMap,
+  error,
+  description,
+  id
+}) => {
+  const generatedId = useId();
+  const inputId = id || generatedId;
+  const inputRef = useRef(null);
+  const descriptionId = description ? `${inputId}-description` : void 0;
+  const errorId = error ? `${inputId}-error` : void 0;
+  const openPicker = () => {
+    var _a, _b;
+    (_b = (_a = inputRef.current) == null ? void 0 : _a.showPicker) == null ? void 0 : _b.call(_a);
+  };
+  const pickerClass = useMemo(
+    () => combineClassNames(
+      classMap.wrapper,
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      outline && classMap.outline,
+      disabled && classMap.disabled,
+      className
+    ),
+    [classMap, theme, state, size, outline, disabled, className]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: pickerClass, "data-testid": testId, children: [
+    label && /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: classMap.label, children: [
+      label,
+      " ",
+      required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: classMap.inputWrapper, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: inputId,
+          type: "datetime-local",
+          className: classMap.input,
+          value,
+          onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+          min,
+          max,
+          name,
+          ref: inputRef,
+          required,
+          disabled,
+          "aria-required": required,
+          "aria-disabled": disabled,
+          "aria-invalid": !!error,
+          "aria-describedby": [descriptionId, errorId].filter(Boolean).join(" ") || void 0,
+          "aria-errormessage": errorId || void 0,
+          "aria-label": label || "Date and time",
+          "data-testid": `${testId}-input`
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classMap.icon,
+          onClick: openPicker,
+          onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && openPicker(),
+          "aria-hidden": "true",
+          role: "button",
+          tabIndex: 0,
+          children: /* @__PURE__ */ jsx(CalendarIcon, {})
+        }
+      )
+    ] }),
+    description && !error && /* @__PURE__ */ jsx("p", { id: descriptionId, className: classMap.description, children: description }),
+    error && /* @__PURE__ */ jsx("p", { id: errorId, className: classMap.error, role: "alert", children: error })
+  ] });
+};
+const classes = {
+  wrapper: "datetime_picker_wrapper",
+  label: "datetime_picker_label",
+  inputWrapper: "datetime_picker_inputWrapper",
+  input: "datetime_picker_input",
+  primary: "datetime_picker_primary",
+  secondary: "datetime_picker_secondary",
+  tertiary: "datetime_picker_tertiary",
+  quaternary: "datetime_picker_quaternary",
+  success: "datetime_picker_success",
+  error: "datetime_picker_error",
+  warning: "datetime_picker_warning",
+  clear: "datetime_picker_clear",
+  xs: "datetime_picker_xs",
+  small: "datetime_picker_small",
+  medium: "datetime_picker_medium",
+  large: "datetime_picker_large",
+  xl: "datetime_picker_xl",
+  outline: "datetime_picker_outline",
+  disabled: "datetime_picker_disabled",
+  icon: "datetime_picker_icon",
+  shadowNone: "datetime_picker_shadow-None",
+  shadowLight: "datetime_picker_shadow-Light",
+  shadowMedium: "datetime_picker_shadow-Medium",
+  shadowStrong: "datetime_picker_shadow-Strong",
+  shadowIntense: "datetime_picker_shadow-Intense",
+  roundNone: "datetime_picker_round-None",
+  roundSmall: "datetime_picker_round-Small",
+  roundMedium: "datetime_picker_round-Medium",
+  roundLarge: "datetime_picker_round-Large"
+};
+const DateTimePicker = (props) => /* @__PURE__ */ jsx(DateTimePickerBase, { ...props, classMap: classes });
+export {
+  DateTimePicker as D
+};
+//# sourceMappingURL=DateTimePicker-O8khtyOu.js.map

package/dist/core/DateTimePicker-O8khtyOu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-O8khtyOu.js","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/core/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","import React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport \"./DateTimePicker.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"datetime_picker_wrapper\",\r\n  label: \"datetime_picker_label\",\r\n  inputWrapper: \"datetime_picker_inputWrapper\",\r\n  input: \"datetime_picker_input\",\r\n\r\n  primary: \"datetime_picker_primary\",\r\n  secondary: \"datetime_picker_secondary\",\r\n  tertiary: \"datetime_picker_tertiary\",\r\n  quaternary: \"datetime_picker_quaternary\",\r\n\r\n  success: \"datetime_picker_success\",\r\n  error: \"datetime_picker_error\",\r\n  warning: \"datetime_picker_warning\",\r\n\r\n  clear: \"datetime_picker_clear\",\r\n\r\n  xs: \"datetime_picker_xs\",\r\n  small: \"datetime_picker_small\",\r\n  medium: \"datetime_picker_medium\",\r\n  large: \"datetime_picker_large\",\r\n  xl: \"datetime_picker_xl\",\r\n\r\n  outline: \"datetime_picker_outline\",\r\n  disabled: \"datetime_picker_disabled\",\r\n  icon: \"datetime_picker_icon\",\r\n\r\n  shadowNone: \"datetime_picker_shadow-None\",\r\n  shadowLight: \"datetime_picker_shadow-Light\",\r\n  shadowMedium: \"datetime_picker_shadow-Medium\",\r\n  shadowStrong: \"datetime_picker_shadow-Strong\",\r\n  shadowIntense: \"datetime_picker_shadow-Intense\",\r\n\r\n  roundNone: \"datetime_picker_round-None\",\r\n  roundSmall: \"datetime_picker_round-Small\",\r\n  roundMedium: \"datetime_picker_round-Medium\",\r\n  roundLarge: \"datetime_picker_round-Large\",\r\n};\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default DateTimePicker;\r\n"],"names":[],"mappings":";;;;;AAAA,MAAM,eAAwD,CAAC,UAC7D;AAAA,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,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAChB;AAAA,MACD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAChB;AAAA,MACD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAChB;AAAA,MACD;AAAA,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;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO,eAAe;AAAA,EACtB;AAAA,EACA,QAAQ,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,WAAW,mBAAmB;AAAA,EAC9B,SAAS,iBAAiB;AAAA,EAC1B,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAc,MAAM;AAC1B,QAAM,UAAU,MAAM;AAChB,QAAA,WAAW,OAAyB,IAAI;AAE9C,QAAM,gBAAgB,cAAc,GAAG,OAAO,iBAAiB;AAC/D,QAAM,UAAU,QAAQ,GAAG,OAAO,WAAW;AAE7C,QAAM,aAAa,MAAM;;AACvB,yBAAS,YAAT,mBAAkB,eAAlB;AAAA,EACF;AAEA,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,WAAW,SAAS;AAAA,MACpB,YAAY,SAAS;AAAA,MACrB;AAAA,IACF;AAAA,IACF,CAAC,UAAU,OAAO,OAAO,MAAM,SAAS,UAAU,SAAS;AAAA,EAC7D;AAEA,SACG,qBAAA,OAAA,EAAI,WAAW,aAAa,eAAa,QACvC,UAAA;AAAA,IAAA,8BACE,SAAM,EAAA,SAAS,SAAS,WAAW,SAAS,OAC1C,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MAAE,YAAY,oBAAC,QAAK,EAAA,eAAY,QAAO,UAAC,IAAA,CAAA;AAAA,IAAA,GACjD;AAAA,IAGD,qBAAA,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,MAAA;AAAA,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;AAAA,UACA,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,gBAAc,CAAC,CAAC;AAAA,UAChB,oBACE,CAAC,eAAe,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,UAExD,qBAAmB,WAAW;AAAA,UAC9B,cAAY,SAAS;AAAA,UACrB,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MACxB;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,SAAS;AAAA,UACT,WAAW,CAAC,OACT,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,WAAW;AAAA,UAErD,eAAY;AAAA,UACZ,MAAK;AAAA,UACL,UAAU;AAAA,UAEV,8BAAC,cAAa,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GACF;AAAA,IAEC,eAAe,CAAC,SACd,oBAAA,KAAA,EAAE,IAAI,eAAe,WAAW,SAAS,aACvC,UACH,YAAA,CAAA;AAAA,IAGD,SACE,oBAAA,KAAA,EAAE,IAAI,SAAS,WAAW,SAAS,OAAO,MAAK,SAC7C,UACH,MAAA,CAAA;AAAA,EAAA,GAEJ;AAEJ;ACzHA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,OAAO;AAAA,EACP,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EAEN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEM,MAAA,iBAAgD,CAAC,UACrD,oBAAC,sBAAoB,GAAG,OAAO,UAAU,QAAS,CAAA;"}

package/dist/core/DateTimePicker.cjs.js

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

package/dist/core/DateTimePicker.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/core/DateTimePicker.js

@@ -0,0 +1,5 @@
+import { D } from "./DateTimePicker-O8khtyOu.js";
+export {
+  D as default
+};
+//# sourceMappingURL=DateTimePicker.js.map

package/dist/core/DateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/core/Divider-An2VsXog.js

@@ -0,0 +1,69 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+const DividerBase = forwardRef(
+  ({
+    orientation = "horizontal",
+    thickness = "1px",
+    length = "100%",
+    className = "",
+    dashed = false,
+    theme = getDefaultTheme(),
+    state = "",
+    as = "div",
+    classMap,
+    "data-testid": testId = "divider",
+    "aria-hidden": ariaHidden,
+    ...rest
+  }, ref) => {
+    const isVertical = orientation === "vertical";
+    const style = {
+      width: isVertical ? thickness : length,
+      height: isVertical ? length : thickness,
+      backgroundColor: dashed ? "transparent" : void 0
+    };
+    const ComponentTag = as;
+    const role = ComponentTag === "hr" ? void 0 : "separator";
+    return /* @__PURE__ */ jsx(
+      ComponentTag,
+      {
+        ref,
+        className: combineClassNames(
+          classMap.divider,
+          classMap[orientation],
+          theme && classMap[theme],
+          state && classMap[state],
+          dashed && classMap.dashed,
+          className
+        ),
+        ...role && { role },
+        ...role && isVertical && { "aria-orientation": "vertical" },
+        ...ariaHidden !== void 0 && { "aria-hidden": ariaHidden },
+        style,
+        "data-testid": testId,
+        ...rest
+      }
+    );
+  }
+);
+DividerBase.displayName = "DividerBase";
+const classes = {
+  divider: "divider",
+  horizontal: "divider_horizontal",
+  vertical: "divider_vertical",
+  dashed: "divider_dashed",
+  primary: "divider_primary",
+  secondary: "divider_secondary",
+  tertiary: "divider_tertiary",
+  quaternary: "divider_quaternary",
+  clear: "divider_clear",
+  success: "divider_success",
+  warning: "divider_warning",
+  error: "divider_error"
+};
+const Divider = (props) => /* @__PURE__ */ jsx(DividerBase, { ...props, classMap: classes });
+export {
+  Divider as D
+};
+//# sourceMappingURL=Divider-An2VsXog.js.map

package/dist/core/Divider-An2VsXog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-An2VsXog.js","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/core/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nexport interface DividerBaseProps extends DividerProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      \"aria-hidden\": ariaHidden,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n\r\n    const style: React.CSSProperties = {\r\n      width: isVertical ? thickness : length,\r\n      height: isVertical ? length : thickness,\r\n      backgroundColor: dashed ? \"transparent\" : undefined,\r\n    };\r\n\r\n    const ComponentTag = as;\r\n\r\n    const role = ComponentTag === \"hr\" ? undefined : \"separator\";\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className\r\n        )}\r\n        {...(role && { role })}\r\n        {...(role && isVertical && { \"aria-orientation\": \"vertical\" })}\r\n        {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\r\n        style={style}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","import React from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport \"./Divider.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst classes = {\r\n  divider: \"divider\",\r\n  horizontal: \"divider_horizontal\",\r\n  vertical: \"divider_vertical\",\r\n  dashed: \"divider_dashed\",\r\n  primary: \"divider_primary\",\r\n  secondary: \"divider_secondary\",\r\n  tertiary: \"divider_tertiary\",\r\n  quaternary: \"divider_quaternary\",\r\n  clear: \"divider_clear\",\r\n  success: \"divider_success\",\r\n  warning: \"divider_warning\",\r\n  error: \"divider_error\",\r\n};\r\n\r\nconst Divider: React.FC<DividerProps> = (props) => (\r\n  <DividerBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default Divider;\r\n"],"names":[],"mappings":";;;;AASA,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ,gBAAgB;AAAA,IACxB,QAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,eAAe,SAAS;AAAA,IACxB,eAAe;AAAA,IACf,GAAG;AAAA,KAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AAEnC,UAAM,QAA6B;AAAA,MACjC,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiB,SAAS,gBAAgB;AAAA,IAC5C;AAEA,UAAM,eAAe;AAEf,UAAA,OAAO,iBAAiB,OAAO,SAAY;AAG/C,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvB,UAAU,SAAS;AAAA,UACnB;AAAA,QACF;AAAA,QACC,GAAI,QAAQ,EAAE,KAAK;AAAA,QACnB,GAAI,QAAQ,cAAc,EAAE,oBAAoB,WAAW;AAAA,QAC3D,GAAI,eAAe,UAAa,EAAE,eAAe,WAAW;AAAA,QAC7D;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,YAAY,cAAc;ACxD1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEM,MAAA,UAAkC,CAAC,UACvC,oBAAC,eAAa,GAAG,OAAO,UAAU,QAAS,CAAA;"}

package/dist/core/Divider-TtfSFBcp.cjs

@@ -0,0 +1,68 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const DividerBase = React.forwardRef(
+  ({
+    orientation = "horizontal",
+    thickness = "1px",
+    length = "100%",
+    className = "",
+    dashed = false,
+    theme = borealStyleConfig.getDefaultTheme(),
+    state = "",
+    as = "div",
+    classMap,
+    "data-testid": testId = "divider",
+    "aria-hidden": ariaHidden,
+    ...rest
+  }, ref) => {
+    const isVertical = orientation === "vertical";
+    const style = {
+      width: isVertical ? thickness : length,
+      height: isVertical ? length : thickness,
+      backgroundColor: dashed ? "transparent" : void 0
+    };
+    const ComponentTag = as;
+    const role = ComponentTag === "hr" ? void 0 : "separator";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ComponentTag,
+      {
+        ref,
+        className: classNames.combineClassNames(
+          classMap.divider,
+          classMap[orientation],
+          theme && classMap[theme],
+          state && classMap[state],
+          dashed && classMap.dashed,
+          className
+        ),
+        ...role && { role },
+        ...role && isVertical && { "aria-orientation": "vertical" },
+        ...ariaHidden !== void 0 && { "aria-hidden": ariaHidden },
+        style,
+        "data-testid": testId,
+        ...rest
+      }
+    );
+  }
+);
+DividerBase.displayName = "DividerBase";
+const classes = {
+  divider: "divider",
+  horizontal: "divider_horizontal",
+  vertical: "divider_vertical",
+  dashed: "divider_dashed",
+  primary: "divider_primary",
+  secondary: "divider_secondary",
+  tertiary: "divider_tertiary",
+  quaternary: "divider_quaternary",
+  clear: "divider_clear",
+  success: "divider_success",
+  warning: "divider_warning",
+  error: "divider_error"
+};
+const Divider = (props) => /* @__PURE__ */ jsxRuntime.jsx(DividerBase, { ...props, classMap: classes });
+exports.Divider = Divider;
+//# sourceMappingURL=Divider-TtfSFBcp.cjs.map