boreal-ui 0.0.1

package/dist/core/CloseIcon-C3eQm4EK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseIcon-C3eQm4EK.js","sources":["../../src/Icons/CloseIcon.tsx"],"sourcesContent":["const CloseIcon: 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=\"M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426\"\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 CloseIcon;\r\n"],"names":[],"mappings":";AAAM,MAAA,YAAqD,CAAC,UAC1D;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,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACH;"}

package/dist/core/CloseIcon-DSnN6ggf.cjs

@@ -0,0 +1,27 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const CloseIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  "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: "M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+exports.CloseIcon = CloseIcon;
+//# sourceMappingURL=CloseIcon-DSnN6ggf.cjs.map

package/dist/core/CloseIcon-DSnN6ggf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseIcon-DSnN6ggf.cjs","sources":["../../src/Icons/CloseIcon.tsx"],"sourcesContent":["const CloseIcon: 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=\"M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426\"\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 CloseIcon;\r\n"],"names":["jsx"],"mappings":";;AAAM,MAAA,YAAqD,CAAC,UAC1DA,2BAAA;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,UAAAA,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACH;;"}

package/dist/core/ColorPicker-BQiTjeqQ.js

@@ -0,0 +1,117 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { c as getDefaultSize, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
+const ColorPickerBase = ({
+  label = "Choose a color",
+  colors,
+  selected,
+  onChange,
+  name = "color-picker",
+  disabled = false,
+  size = getDefaultSize(),
+  shadow = getDefaultShadow(),
+  shape = "round",
+  allowCustom = false,
+  className = "",
+  classMap,
+  "data-testid": testId = "color-picker"
+}) => {
+  const legendId = `${testId}-legend`;
+  const labelClass = useMemo(
+    () => combineClassNames(classMap.swatch, classMap[size], classMap[shape]),
+    [classMap, size, shape]
+  );
+  return /* @__PURE__ */ jsxs(
+    "fieldset",
+    {
+      className: combineClassNames(classMap.color_picker, className),
+      disabled,
+      "aria-disabled": disabled,
+      "aria-labelledby": legendId,
+      role: "radiogroup",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx("legend", { id: legendId, className: classMap.legend, children: label }),
+        /* @__PURE__ */ jsx("div", { className: classMap.color_picker_grid, children: colors.map((color, i) => /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: combineClassNames(labelClass),
+            htmlFor: `${testId}-color-${i}`,
+            title: color.label,
+            "data-testid": `${testId}-option-${color.value}`,
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name,
+                  id: `${testId}-color-${i}`,
+                  value: color.value,
+                  checked: selected === color.value,
+                  onChange: () => onChange(color.value),
+                  className: classMap.radio_input
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "sr_only", children: color.label }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: combineClassNames(
+                    classMap.preview,
+                    classMap[shape],
+                    selected === color.value && classMap.selected,
+                    shadow && classMap[`shadow${capitalize(shadow)}`]
+                  ),
+                  style: { backgroundColor: color.value },
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          },
+          color.value
+        )) }),
+        allowCustom && /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "color",
+            className: classMap.custom_input,
+            value: selected,
+            onChange: (e) => onChange(e.target.value),
+            "aria-label": "Custom color picker",
+            "data-testid": `${testId}-custom-input`
+          }
+        )
+      ]
+    }
+  );
+};
+const classes = {
+  color_picker: "color_picker",
+  legend: "color_picker_legend",
+  grid: "color_picker_grid",
+  swatch: "color_picker_swatch",
+  preview: "color_picker_preview",
+  radio_input: "color_picker_radio_input",
+  custom_input: "color_picker_custom_input",
+  selected: "color_picker_selected",
+  xs: "color_picker_xs",
+  small: "color_picker_small",
+  medium: "color_picker_medium",
+  large: "color_picker_large",
+  xl: "color_picker_xl",
+  shadowNone: "color_picker_shadow-None",
+  shadowLight: "color_picker_shadow-Light",
+  shadowMedium: "color_picker_shadow-Medium",
+  shadowStrong: "color_picker_shadow-Strong",
+  shadowIntense: "color_picker_shadow-Intense",
+  pill: "color_picker_pill",
+  round: "color_picker_round",
+  square: "color_picker_square"
+};
+const ColorPicker = (props) => /* @__PURE__ */ jsx(ColorPickerBase, { ...props, classMap: classes });
+export {
+  ColorPicker as C
+};
+//# sourceMappingURL=ColorPicker-BQiTjeqQ.js.map

package/dist/core/ColorPicker-BQiTjeqQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker-BQiTjeqQ.js","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/core/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerProps } from \"./ColorPicker.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface ColorPickerBaseProps extends ColorPickerProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst ColorPickerBase: React.FC<ColorPickerBaseProps> = ({\r\n  label = \"Choose a color\",\r\n  colors,\r\n  selected,\r\n  onChange,\r\n  name = \"color-picker\",\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  shape = \"round\",\r\n  allowCustom = false,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"color-picker\",\r\n}) => {\r\n  const legendId = `${testId}-legend`;\r\n\r\n  const labelClass = useMemo(\r\n    () => combineClassNames(classMap.swatch, classMap[size], classMap[shape]),\r\n    [classMap, size, shape]\r\n  );\r\n\r\n  return (\r\n    <fieldset\r\n      className={combineClassNames(classMap.color_picker, className)}\r\n      disabled={disabled}\r\n      aria-disabled={disabled}\r\n      aria-labelledby={legendId}\r\n      role=\"radiogroup\"\r\n      data-testid={testId}\r\n    >\r\n      <legend id={legendId} className={classMap.legend}>\r\n        {label}\r\n      </legend>\r\n\r\n      <div className={classMap.color_picker_grid}>\r\n        {colors.map((color, i) => (\r\n          <label\r\n            key={color.value}\r\n            className={combineClassNames(labelClass)}\r\n            htmlFor={`${testId}-color-${i}`}\r\n            title={color.label}\r\n            data-testid={`${testId}-option-${color.value}`}\r\n          >\r\n            <input\r\n              type=\"radio\"\r\n              name={name}\r\n              id={`${testId}-color-${i}`}\r\n              value={color.value}\r\n              checked={selected === color.value}\r\n              onChange={() => onChange(color.value)}\r\n              className={classMap.radio_input}\r\n            />\r\n            <span className=\"sr_only\">{color.label}</span>\r\n            <span\r\n              className={combineClassNames(\r\n                classMap.preview,\r\n                classMap[shape],\r\n                selected === color.value && classMap.selected,\r\n                shadow && classMap[`shadow${capitalize(shadow)}`]\r\n              )}\r\n              style={{ backgroundColor: color.value }}\r\n              aria-hidden=\"true\"\r\n            />\r\n          </label>\r\n        ))}\r\n      </div>\r\n\r\n      {allowCustom && (\r\n        <input\r\n          type=\"color\"\r\n          className={classMap.custom_input}\r\n          value={selected}\r\n          onChange={(e) => onChange(e.target.value)}\r\n          aria-label=\"Custom color picker\"\r\n          data-testid={`${testId}-custom-input`}\r\n        />\r\n      )}\r\n    </fieldset>\r\n  );\r\n};\r\n\r\nexport default ColorPickerBase;\r\n","import React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport \"./ColorPicker.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst classes = {\r\n  color_picker: \"color_picker\",\r\n  legend: \"color_picker_legend\",\r\n  grid: \"color_picker_grid\",\r\n  swatch: \"color_picker_swatch\",\r\n  preview: \"color_picker_preview\",\r\n  radio_input: \"color_picker_radio_input\",\r\n  custom_input: \"color_picker_custom_input\",\r\n  selected: \"color_picker_selected\",\r\n\r\n  xs: \"color_picker_xs\",\r\n  small: \"color_picker_small\",\r\n  medium: \"color_picker_medium\",\r\n  large: \"color_picker_large\",\r\n  xl: \"color_picker_xl\",\r\n\r\n  shadowNone: \"color_picker_shadow-None\",\r\n  shadowLight: \"color_picker_shadow-Light\",\r\n  shadowMedium: \"color_picker_shadow-Medium\",\r\n  shadowStrong: \"color_picker_shadow-Strong\",\r\n  shadowIntense: \"color_picker_shadow-Intense\",\r\n\r\n  pill: \"color_picker_pill\",\r\n  round: \"color_picker_round\",\r\n  square: \"color_picker_square\",\r\n};\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n  <ColorPickerBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default ColorPicker;\r\n"],"names":[],"mappings":"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"}

package/dist/core/ColorPicker-DR9huYqs.cjs

@@ -0,0 +1,116 @@
+"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 ColorPickerBase = ({
+  label = "Choose a color",
+  colors,
+  selected,
+  onChange,
+  name = "color-picker",
+  disabled = false,
+  size = borealStyleConfig.getDefaultSize(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  shape = "round",
+  allowCustom = false,
+  className = "",
+  classMap,
+  "data-testid": testId = "color-picker"
+}) => {
+  const legendId = `${testId}-legend`;
+  const labelClass = React.useMemo(
+    () => classNames.combineClassNames(classMap.swatch, classMap[size], classMap[shape]),
+    [classMap, size, shape]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "fieldset",
+    {
+      className: classNames.combineClassNames(classMap.color_picker, className),
+      disabled,
+      "aria-disabled": disabled,
+      "aria-labelledby": legendId,
+      role: "radiogroup",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("legend", { id: legendId, className: classMap.legend, children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.color_picker_grid, children: colors.map((color, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "label",
+          {
+            className: classNames.combineClassNames(labelClass),
+            htmlFor: `${testId}-color-${i}`,
+            title: color.label,
+            "data-testid": `${testId}-option-${color.value}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "radio",
+                  name,
+                  id: `${testId}-color-${i}`,
+                  value: color.value,
+                  checked: selected === color.value,
+                  onChange: () => onChange(color.value),
+                  className: classMap.radio_input
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr_only", children: color.label }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: classNames.combineClassNames(
+                    classMap.preview,
+                    classMap[shape],
+                    selected === color.value && classMap.selected,
+                    shadow && classMap[`shadow${capitalize.capitalize(shadow)}`]
+                  ),
+                  style: { backgroundColor: color.value },
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          },
+          color.value
+        )) }),
+        allowCustom && /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "color",
+            className: classMap.custom_input,
+            value: selected,
+            onChange: (e) => onChange(e.target.value),
+            "aria-label": "Custom color picker",
+            "data-testid": `${testId}-custom-input`
+          }
+        )
+      ]
+    }
+  );
+};
+const classes = {
+  color_picker: "color_picker",
+  legend: "color_picker_legend",
+  grid: "color_picker_grid",
+  swatch: "color_picker_swatch",
+  preview: "color_picker_preview",
+  radio_input: "color_picker_radio_input",
+  custom_input: "color_picker_custom_input",
+  selected: "color_picker_selected",
+  xs: "color_picker_xs",
+  small: "color_picker_small",
+  medium: "color_picker_medium",
+  large: "color_picker_large",
+  xl: "color_picker_xl",
+  shadowNone: "color_picker_shadow-None",
+  shadowLight: "color_picker_shadow-Light",
+  shadowMedium: "color_picker_shadow-Medium",
+  shadowStrong: "color_picker_shadow-Strong",
+  shadowIntense: "color_picker_shadow-Intense",
+  pill: "color_picker_pill",
+  round: "color_picker_round",
+  square: "color_picker_square"
+};
+const ColorPicker = (props) => /* @__PURE__ */ jsxRuntime.jsx(ColorPickerBase, { ...props, classMap: classes });
+exports.ColorPicker = ColorPicker;
+//# sourceMappingURL=ColorPicker-DR9huYqs.cjs.map

package/dist/core/ColorPicker-DR9huYqs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker-DR9huYqs.cjs","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/core/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerProps } from \"./ColorPicker.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface ColorPickerBaseProps extends ColorPickerProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst ColorPickerBase: React.FC<ColorPickerBaseProps> = ({\r\n  label = \"Choose a color\",\r\n  colors,\r\n  selected,\r\n  onChange,\r\n  name = \"color-picker\",\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  shape = \"round\",\r\n  allowCustom = false,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"color-picker\",\r\n}) => {\r\n  const legendId = `${testId}-legend`;\r\n\r\n  const labelClass = useMemo(\r\n    () => combineClassNames(classMap.swatch, classMap[size], classMap[shape]),\r\n    [classMap, size, shape]\r\n  );\r\n\r\n  return (\r\n    <fieldset\r\n      className={combineClassNames(classMap.color_picker, className)}\r\n      disabled={disabled}\r\n      aria-disabled={disabled}\r\n      aria-labelledby={legendId}\r\n      role=\"radiogroup\"\r\n      data-testid={testId}\r\n    >\r\n      <legend id={legendId} className={classMap.legend}>\r\n        {label}\r\n      </legend>\r\n\r\n      <div className={classMap.color_picker_grid}>\r\n        {colors.map((color, i) => (\r\n          <label\r\n            key={color.value}\r\n            className={combineClassNames(labelClass)}\r\n            htmlFor={`${testId}-color-${i}`}\r\n            title={color.label}\r\n            data-testid={`${testId}-option-${color.value}`}\r\n          >\r\n            <input\r\n              type=\"radio\"\r\n              name={name}\r\n              id={`${testId}-color-${i}`}\r\n              value={color.value}\r\n              checked={selected === color.value}\r\n              onChange={() => onChange(color.value)}\r\n              className={classMap.radio_input}\r\n            />\r\n            <span className=\"sr_only\">{color.label}</span>\r\n            <span\r\n              className={combineClassNames(\r\n                classMap.preview,\r\n                classMap[shape],\r\n                selected === color.value && classMap.selected,\r\n                shadow && classMap[`shadow${capitalize(shadow)}`]\r\n              )}\r\n              style={{ backgroundColor: color.value }}\r\n              aria-hidden=\"true\"\r\n            />\r\n          </label>\r\n        ))}\r\n      </div>\r\n\r\n      {allowCustom && (\r\n        <input\r\n          type=\"color\"\r\n          className={classMap.custom_input}\r\n          value={selected}\r\n          onChange={(e) => onChange(e.target.value)}\r\n          aria-label=\"Custom color picker\"\r\n          data-testid={`${testId}-custom-input`}\r\n        />\r\n      )}\r\n    </fieldset>\r\n  );\r\n};\r\n\r\nexport default ColorPickerBase;\r\n","import React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport \"./ColorPicker.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst classes = {\r\n  color_picker: \"color_picker\",\r\n  legend: \"color_picker_legend\",\r\n  grid: \"color_picker_grid\",\r\n  swatch: \"color_picker_swatch\",\r\n  preview: \"color_picker_preview\",\r\n  radio_input: \"color_picker_radio_input\",\r\n  custom_input: \"color_picker_custom_input\",\r\n  selected: \"color_picker_selected\",\r\n\r\n  xs: \"color_picker_xs\",\r\n  small: \"color_picker_small\",\r\n  medium: \"color_picker_medium\",\r\n  large: \"color_picker_large\",\r\n  xl: \"color_picker_xl\",\r\n\r\n  shadowNone: \"color_picker_shadow-None\",\r\n  shadowLight: \"color_picker_shadow-Light\",\r\n  shadowMedium: \"color_picker_shadow-Medium\",\r\n  shadowStrong: \"color_picker_shadow-Strong\",\r\n  shadowIntense: \"color_picker_shadow-Intense\",\r\n\r\n  pill: \"color_picker_pill\",\r\n  round: \"color_picker_round\",\r\n  square: \"color_picker_square\",\r\n};\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n  <ColorPickerBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default ColorPicker;\r\n"],"names":["getDefaultSize","getDefaultShadow","useMemo","combineClassNames","jsxs","jsx","capitalize"],"mappings":"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"}

package/dist/core/ColorPicker.cjs.js

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

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

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

package/dist/core/ColorPicker.js

@@ -0,0 +1,5 @@
+import { C } from "./ColorPicker-BQiTjeqQ.js";
+export {
+  C as default
+};
+//# sourceMappingURL=ColorPicker.js.map

package/dist/core/ColorPicker.js.map

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

package/dist/core/CommandPalette-CHOC0Z2m.js

@@ -0,0 +1,228 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback } from "react";
+import ReactDOM from "react-dom";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { a as getDefaultRounding, d as getDefaultTheme, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
+import { T as TextInput } from "./TextInput-CtI8fsXR.js";
+const CommandPaletteBase = ({
+  commands,
+  placeholder = "Search...",
+  isOpen,
+  onClose,
+  asyncSearch,
+  debounceMs = 300,
+  theme = getDefaultTheme(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  state = "",
+  classMap,
+  TextInputComponent,
+  "data-testid": testId = "command-palette",
+  className
+}) => {
+  const [query, setQuery] = useState("");
+  const [activeIndex, setActiveIndex] = useState(0);
+  const inputRef = useRef(null);
+  const [mounted, setMounted] = useState(false);
+  const [portalElement, setPortalElement] = useState(null);
+  const [asyncResults, setAsyncResults] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const debounceRef = useRef(null);
+  const filtered = asyncSearch ? asyncResults : commands.filter(
+    (cmd) => cmd.label.toLowerCase().includes(query.toLowerCase())
+  );
+  useEffect(() => {
+    if (!asyncSearch) return;
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    if (!query.trim()) {
+      setAsyncResults([]);
+      setIsLoading(false);
+      return;
+    }
+    setIsLoading(true);
+    debounceRef.current = setTimeout(() => {
+      asyncSearch(query).then((results) => {
+        setAsyncResults(results);
+        setIsLoading(false);
+      }).catch(() => {
+        setAsyncResults([]);
+        setIsLoading(false);
+      });
+    }, debounceMs);
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+    };
+  }, [query, asyncSearch, debounceMs]);
+  useEffect(() => {
+    if (!isOpen) return;
+    setMounted(true);
+    const portal = document.getElementById("widget-portal") || (() => {
+      const el = document.createElement("div");
+      el.id = "widget-portal";
+      document.body.appendChild(el);
+      return el;
+    })();
+    setPortalElement(portal);
+    document.body.classList.add("noScroll");
+    return () => {
+      document.body.classList.remove("noScroll");
+      setQuery("");
+      setActiveIndex(0);
+      setMounted(false);
+    };
+  }, [isOpen]);
+  useEffect(() => {
+    if (isOpen && inputRef.current) inputRef.current.focus();
+  }, [isOpen]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "ArrowDown") {
+        setActiveIndex((prev) => (prev + 1) % filtered.length);
+      } else if (e.key === "ArrowUp") {
+        setActiveIndex(
+          (prev) => (prev - 1 + filtered.length) % filtered.length
+        );
+      } else if (e.key === "Enter" && filtered[activeIndex]) {
+        filtered[activeIndex].action();
+        onClose();
+      } else if (e.key === "Escape") {
+        onClose();
+      }
+    },
+    [filtered, activeIndex, onClose]
+  );
+  if (!isOpen || !mounted || !portalElement) return null;
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classMap.overlay,
+        onClick: onClose,
+        "data-testid": `${testId}-overlay`,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: combineClassNames(
+              classMap.command_palette,
+              classMap[theme],
+              classMap[state],
+              shadow && classMap[`shadow${capitalize(shadow)}`],
+              rounding && classMap[`round${capitalize(rounding)}`],
+              className
+            ),
+            onClick: (e) => e.stopPropagation(),
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": "Command palette",
+            "data-testid": testId,
+            children: [
+              /* @__PURE__ */ jsx(
+                TextInputComponent,
+                {
+                  ref: inputRef,
+                  type: "text",
+                  value: query,
+                  onChange: (e) => setQuery(e.target.value),
+                  onKeyDown: handleKeyDown,
+                  placeholder,
+                  theme,
+                  state,
+                  shadow: "none",
+                  rounding,
+                  className: classMap.input,
+                  "data-testid": `${testId}-input`,
+                  role: "combobox",
+                  "aria-haspopup": "listbox",
+                  "aria-expanded": "true",
+                  "aria-controls": "command-list",
+                  "aria-activedescendant": filtered.length > 0 ? `cmd-${activeIndex}` : void 0
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "ul",
+                {
+                  id: "command-list",
+                  className: classMap.list,
+                  role: "listbox",
+                  "aria-label": "Command suggestions",
+                  children: isLoading ? /* @__PURE__ */ jsx("div", { className: combineClassNames(classMap.item, classMap.empty), children: "Searching..." }) : filtered.length > 0 ? filtered.map((cmd, index) => /* @__PURE__ */ jsxs(
+                    "li",
+                    {
+                      id: `cmd-${index}`,
+                      role: "option",
+                      "aria-selected": index === activeIndex,
+                      className: combineClassNames(
+                        classMap.item,
+                        classMap[theme],
+                        index === activeIndex && classMap.active
+                      ),
+                      onClick: () => {
+                        cmd.action();
+                        onClose();
+                      },
+                      children: [
+                        cmd.icon && /* @__PURE__ */ jsx("span", { className: classMap.icon, "aria-hidden": "true", children: cmd.icon }),
+                        cmd.label
+                      ]
+                    },
+                    cmd.label
+                  )) : /* @__PURE__ */ jsx(
+                    "li",
+                    {
+                      role: "option",
+                      "aria-selected": "false",
+                      "aria-disabled": "true",
+                      className: combineClassNames(classMap.item, classMap.empty),
+                      children: "No matching results"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    portalElement
+  );
+};
+const classes = {
+  overlay: "command_palette_overlay",
+  command_palette: "command_palette",
+  input: "command_palette_input",
+  list: "command_palette_list",
+  item: "command_palette_item",
+  icon: "command_palette_icon",
+  active: "command_palette_active",
+  empty: "command_palette_empty",
+  primary: "command_palette_primary",
+  secondary: "command_palette_secondary",
+  tertiary: "command_palette_tertiary",
+  quaternary: "command_palette_quaternary",
+  success: "command_palette_success",
+  error: "command_palette_error",
+  warning: "command_palette_warning",
+  clear: "command_palette_clear",
+  shadowNone: "command_palette_shadow-None",
+  shadowLight: "command_palette_shadow-Light",
+  shadowMedium: "command_palette_shadow-Medium",
+  shadowStrong: "command_palette_shadow-Strong",
+  shadowIntense: "command_palette_shadow-Intense",
+  roundNone: "command_palette_round-None",
+  roundSmall: "command_palette_round-Small",
+  roundMedium: "command_palette_round-Medium",
+  roundLarge: "command_palette_round-Large"
+};
+const CommandPalette = (props) => /* @__PURE__ */ jsx(
+  CommandPaletteBase,
+  {
+    ...props,
+    classMap: classes,
+    TextInputComponent: TextInput
+  }
+);
+export {
+  CommandPalette as C
+};
+//# sourceMappingURL=CommandPalette-CHOC0Z2m.js.map

package/dist/core/CommandPalette-CHOC0Z2m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette-CHOC0Z2m.js","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/core/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.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\nexport interface CommandPaletteBaseProps extends CommandPaletteProps {\r\n  classMap: Record<string, string>;\r\n  TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n  commands,\r\n  placeholder = \"Search...\",\r\n  isOpen,\r\n  onClose,\r\n  asyncSearch,\r\n  debounceMs = 300,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  classMap,\r\n  TextInputComponent,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState(0);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) =>\r\n        cmd.label.toLowerCase().includes(query.toLowerCase())\r\n      );\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    if (!query.trim()) {\r\n      setAsyncResults([]);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    debounceRef.current = setTimeout(() => {\r\n      asyncSearch(query)\r\n        .then((results) => {\r\n          setAsyncResults(results);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(() => {\r\n          setAsyncResults([]);\r\n          setIsLoading(false);\r\n        });\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [query, asyncSearch, debounceMs]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    setMounted(true);\r\n    const portal =\r\n      document.getElementById(\"widget-portal\") ||\r\n      (() => {\r\n        const el = document.createElement(\"div\");\r\n        el.id = \"widget-portal\";\r\n        document.body.appendChild(el);\r\n        return el;\r\n      })();\r\n\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      setQuery(\"\");\r\n      setActiveIndex(0);\r\n      setMounted(false);\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && inputRef.current) inputRef.current.focus();\r\n  }, [isOpen]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\" && filtered[activeIndex]) {\r\n        filtered[activeIndex].action();\r\n        onClose();\r\n      } else if (e.key === \"Escape\") {\r\n        onClose();\r\n      }\r\n    },\r\n    [filtered, activeIndex, onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={classMap.overlay}\r\n      onClick={onClose}\r\n      data-testid={`${testId}-overlay`}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.command_palette,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        )}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Command palette\"\r\n        data-testid={testId}\r\n      >\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n            setQuery(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={\"none\"}\r\n          rounding={rounding}\r\n          className={classMap.input}\r\n          data-testid={`${testId}-input`}\r\n          role=\"combobox\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded=\"true\"\r\n          aria-controls=\"command-list\"\r\n          aria-activedescendant={\r\n            filtered.length > 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id=\"command-list\"\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n        >\r\n          {isLoading ? (\r\n            <div className={combineClassNames(classMap.item, classMap.empty)}>\r\n              Searching...\r\n            </div>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={cmd.label}\r\n                id={`cmd-${index}`}\r\n                role=\"option\"\r\n                aria-selected={index === activeIndex}\r\n                className={combineClassNames(\r\n                  classMap.item,\r\n                  classMap[theme],\r\n                  index === activeIndex && classMap.active\r\n                )}\r\n                onClick={() => {\r\n                  cmd.action();\r\n                  onClose();\r\n                }}\r\n              >\r\n                {cmd.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {cmd.icon}\r\n                  </span>\r\n                )}\r\n                {cmd.label}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li\r\n              role=\"option\"\r\n              aria-selected=\"false\"\r\n              aria-disabled=\"true\"\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n            >\r\n              No matching results\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nexport default CommandPaletteBase;\r\n","import React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport \"./CommandPalette.scss\";\r\nimport TextInput from \"../../TextInput/core/TextInput\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst classes = {\r\n  overlay: \"command_palette_overlay\",\r\n  command_palette: \"command_palette\",\r\n  input: \"command_palette_input\",\r\n  list: \"command_palette_list\",\r\n  item: \"command_palette_item\",\r\n  icon: \"command_palette_icon\",\r\n  active: \"command_palette_active\",\r\n  empty: \"command_palette_empty\",\r\n\r\n  primary: \"command_palette_primary\",\r\n  secondary: \"command_palette_secondary\",\r\n  tertiary: \"command_palette_tertiary\",\r\n  quaternary: \"command_palette_quaternary\",\r\n\r\n  success: \"command_palette_success\",\r\n  error: \"command_palette_error\",\r\n  warning: \"command_palette_warning\",\r\n\r\n  clear: \"command_palette_clear\",\r\n\r\n  shadowNone: \"command_palette_shadow-None\",\r\n  shadowLight: \"command_palette_shadow-Light\",\r\n  shadowMedium: \"command_palette_shadow-Medium\",\r\n  shadowStrong: \"command_palette_shadow-Strong\",\r\n  shadowIntense: \"command_palette_shadow-Intense\",\r\n\r\n  roundNone: \"command_palette_round-None\",\r\n  roundSmall: \"command_palette_round-Small\",\r\n  roundMedium: \"command_palette_round-Medium\",\r\n  roundLarge: \"command_palette_round-Large\",\r\n};\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={classes}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":[],"mappings":"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"}