boreal-ui 0.0.36 → 0.0.37

package/dist/next/{CircularProgress-C7Zr-dLf.js.map → CircularProgress-Cz9G0WeQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress-C7Zr-dLf.js","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressBaseProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst getColor = (percent: number): string => {\r\n  if (percent <= 0) return \"var(--background-color)\";\r\n  if (percent <= 40) return \"var(--error-color)\";\r\n  if (percent <= 70) return \"var(--warning-color)\";\r\n  return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n  rating,\r\n  min = 0,\r\n  max = 100,\r\n  label = \"Progress\",\r\n  shadow = getDefaultShadow(),\r\n  showRaw = false,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n  const range = Math.max(0, max - min);\r\n  const clamped = Math.min(max, Math.max(min, rating));\r\n  const percent = range === 0 ? 0 : ((clamped - min) / range) * 100;\r\n\r\n  const [displayPercent, setDisplayPercent] = useState(0);\r\n  useEffect(() => {\r\n    setDisplayPercent(Math.round(percent));\r\n  }, [percent]);\r\n\r\n  const progressColor =\r\n    state && classMap[state] ? undefined : getColor(percent);\r\n\r\n  const angle = Math.min(360, (percent / 100) * 360);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.circular_progress,\r\n        classMap[theme],\r\n        classMap[size],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, size, state, shadow, className]\r\n  );\r\n\r\n  const valueText = showRaw ? `${clamped}/${max}` : `${displayPercent}%`;\r\n\r\n  return (\r\n    <div\r\n      className={combinedClassName}\r\n      role=\"progressbar\"\r\n      aria-valuemin={min}\r\n      aria-valuemax={max}\r\n      aria-valuenow={clamped}\r\n      aria-valuetext={valueText}\r\n      aria-label={label}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.circle_border,\r\n          state && classMap[`state_${state}`]\r\n        )}\r\n        style={\r\n          progressColor\r\n            ? {\r\n                background: `conic-gradient(\r\n                  ${progressColor} 0deg,\r\n                  ${progressColor} ${angle}deg,\r\n                  transparent ${angle}deg 360deg\r\n                )`,\r\n              }\r\n            : undefined\r\n        }\r\n      >\r\n        <div className={classMap.inner_circle}>\r\n          <span\r\n            className={classMap.rating_text}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          >\r\n            {valueText}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nCircularProgressBase.displayName = \"CircularProgressBase\";\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n  <CircularProgressBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":[],"mappings":";;;;;AAUA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAO,eAAA;AAAA,EACP,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,QAAQ,KAAK,IAAI,GAAG,MAAM,GAAG;AACnC,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,UAAU,UAAU,IAAI,KAAM,UAAU,OAAO,QAAS;AAE9D,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,YAAU,MAAM;AACd,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBACJ,SAAS,SAAS,KAAK,IAAI,SAAY,SAAS,OAAO;AAEzD,QAAM,QAAQ,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AAEjD,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,MAAM,OAAO,QAAQ,SAAS;AAAA,EAAA;AAGlD,QAAM,YAAY,UAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAEnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT,SAAS;AAAA,YACT,SAAS,SAAS,SAAS,KAAK,EAAE;AAAA,UAAA;AAAA,UAEpC,OACE,gBACI;AAAA,YACE,YAAY;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa,IAAI,KAAK;AAAA,gCACV,KAAK;AAAA;AAAA,UAAA,IAGvB;AAAA,UAGN,UAAA,oBAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAA;AAAA,YAAA;AAAA,UAAA,EACH,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,qBAAqB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/FnC,MAAM,mBAAoD,CAAC,UACzD,oBAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;"}
+{"version":3,"file":"CircularProgress-Cz9G0WeQ.js","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressBaseProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst getColor = (percent: number): string => {\r\n  if (percent <= 0) return \"var(--background-color)\";\r\n  if (percent <= 40) return \"var(--error-color)\";\r\n  if (percent <= 70) return \"var(--warning-color)\";\r\n  return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n  rating,\r\n  min = 0,\r\n  max = 100,\r\n  label = \"Progress\",\r\n  shadow = getDefaultShadow(),\r\n  showRaw = false,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n  const range = Math.max(0, max - min);\r\n  const clamped = Math.min(max, Math.max(min, rating));\r\n  const percent = range === 0 ? 0 : ((clamped - min) / range) * 100;\r\n\r\n  const [displayPercent, setDisplayPercent] = useState(0);\r\n  useEffect(() => {\r\n    setDisplayPercent(Math.round(percent));\r\n  }, [percent]);\r\n\r\n  const progressColor =\r\n    state && classMap[state] ? undefined : getColor(percent);\r\n\r\n  const angle = Math.min(360, (percent / 100) * 360);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.circular_progress,\r\n        classMap[theme],\r\n        classMap[size],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, size, state, shadow, className]\r\n  );\r\n\r\n  const valueText = showRaw ? `${clamped}/${max}` : `${displayPercent}%`;\r\n\r\n  return (\r\n    <div\r\n      className={combinedClassName}\r\n      role=\"progressbar\"\r\n      aria-valuemin={min}\r\n      aria-valuemax={max}\r\n      aria-valuenow={clamped}\r\n      aria-valuetext={valueText}\r\n      aria-label={label}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.circle_border,\r\n          state && classMap[`state_${state}`]\r\n        )}\r\n        style={\r\n          progressColor\r\n            ? {\r\n                background: `conic-gradient(\r\n                  ${progressColor} 0deg,\r\n                  ${progressColor} ${angle}deg,\r\n                  transparent ${angle}deg 360deg\r\n                )`,\r\n              }\r\n            : undefined\r\n        }\r\n      >\r\n        <div className={classMap.inner_circle}>\r\n          <span\r\n            className={classMap.rating_text}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          >\r\n            {valueText}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nCircularProgressBase.displayName = \"CircularProgressBase\";\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n  <CircularProgressBase {...props} classMap={styles} />\r\n);\r\nCircularProgress.displayName = \"CircularProgress\";\r\nexport default CircularProgress;\r\n"],"names":[],"mappings":";;;;;AAUA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAO,eAAA;AAAA,EACP,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,QAAQ,KAAK,IAAI,GAAG,MAAM,GAAG;AACnC,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,UAAU,UAAU,IAAI,KAAM,UAAU,OAAO,QAAS;AAE9D,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,YAAU,MAAM;AACd,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBACJ,SAAS,SAAS,KAAK,IAAI,SAAY,SAAS,OAAO;AAEzD,QAAM,QAAQ,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AAEjD,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,MAAM,OAAO,QAAQ,SAAS;AAAA,EAAA;AAGlD,QAAM,YAAY,UAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAEnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT,SAAS;AAAA,YACT,SAAS,SAAS,SAAS,KAAK,EAAE;AAAA,UAAA;AAAA,UAEpC,OACE,gBACI;AAAA,YACE,YAAY;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa,IAAI,KAAK;AAAA,gCACV,KAAK;AAAA;AAAA,UAAA,IAGvB;AAAA,UAGN,UAAA,oBAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAA;AAAA,YAAA;AAAA,UAAA,EACH,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,qBAAqB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/FnC,MAAM,mBAAoD,CAAC,UACzD,oBAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;AAErD,iBAAiB,cAAc;"}

package/dist/next/{CircularProgress-C7kuOtnG.cjs → CircularProgress-UhpLA94q.cjs}

@@ -153,5 +153,6 @@ const styles = {
   "skeleton-loading": "_skeleton-loading_5h4i7_1"
 };
 const CircularProgress = (props) => /* @__PURE__ */ require$$2.jsx(CircularProgressBase, { ...props, classMap: styles });
+CircularProgress.displayName = "CircularProgress";
 exports.CircularProgress = CircularProgress;
-//# sourceMappingURL=CircularProgress-C7kuOtnG.cjs.map
+//# sourceMappingURL=CircularProgress-UhpLA94q.cjs.map

package/dist/next/{CircularProgress-C7kuOtnG.cjs.map → CircularProgress-UhpLA94q.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress-C7kuOtnG.cjs","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressBaseProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst getColor = (percent: number): string => {\r\n  if (percent <= 0) return \"var(--background-color)\";\r\n  if (percent <= 40) return \"var(--error-color)\";\r\n  if (percent <= 70) return \"var(--warning-color)\";\r\n  return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n  rating,\r\n  min = 0,\r\n  max = 100,\r\n  label = \"Progress\",\r\n  shadow = getDefaultShadow(),\r\n  showRaw = false,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n  const range = Math.max(0, max - min);\r\n  const clamped = Math.min(max, Math.max(min, rating));\r\n  const percent = range === 0 ? 0 : ((clamped - min) / range) * 100;\r\n\r\n  const [displayPercent, setDisplayPercent] = useState(0);\r\n  useEffect(() => {\r\n    setDisplayPercent(Math.round(percent));\r\n  }, [percent]);\r\n\r\n  const progressColor =\r\n    state && classMap[state] ? undefined : getColor(percent);\r\n\r\n  const angle = Math.min(360, (percent / 100) * 360);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.circular_progress,\r\n        classMap[theme],\r\n        classMap[size],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, size, state, shadow, className]\r\n  );\r\n\r\n  const valueText = showRaw ? `${clamped}/${max}` : `${displayPercent}%`;\r\n\r\n  return (\r\n    <div\r\n      className={combinedClassName}\r\n      role=\"progressbar\"\r\n      aria-valuemin={min}\r\n      aria-valuemax={max}\r\n      aria-valuenow={clamped}\r\n      aria-valuetext={valueText}\r\n      aria-label={label}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.circle_border,\r\n          state && classMap[`state_${state}`]\r\n        )}\r\n        style={\r\n          progressColor\r\n            ? {\r\n                background: `conic-gradient(\r\n                  ${progressColor} 0deg,\r\n                  ${progressColor} ${angle}deg,\r\n                  transparent ${angle}deg 360deg\r\n                )`,\r\n              }\r\n            : undefined\r\n        }\r\n      >\r\n        <div className={classMap.inner_circle}>\r\n          <span\r\n            className={classMap.rating_text}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          >\r\n            {valueText}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nCircularProgressBase.displayName = \"CircularProgressBase\";\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n  <CircularProgressBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":["getDefaultShadow","getDefaultSize","getDefaultTheme","useState","useEffect","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAUA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAASA,kBAAAA,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,QAAQ,KAAK,IAAI,GAAG,MAAM,GAAG;AACnC,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,UAAU,UAAU,IAAI,KAAM,UAAU,OAAO,QAAS;AAE9D,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,MAAAA,SAAS,CAAC;AACtDC,QAAAA,UAAU,MAAM;AACd,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBACJ,SAAS,SAAS,KAAK,IAAI,SAAY,SAAS,OAAO;AAEzD,QAAM,QAAQ,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AAEjD,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,MAAM,OAAO,QAAQ,SAAS;AAAA,EAAA;AAGlD,QAAM,YAAY,UAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAEnE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF,WAAAA;AAAAA,YACT,SAAS;AAAA,YACT,SAAS,SAAS,SAAS,KAAK,EAAE;AAAA,UAAA;AAAA,UAEpC,OACE,gBACI;AAAA,YACE,YAAY;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa,IAAI,KAAK;AAAA,gCACV,KAAK;AAAA;AAAA,UAAA,IAGvB;AAAA,UAGN,UAAAE,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAA;AAAA,YAAA;AAAA,UAAA,EACH,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,qBAAqB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/FnC,MAAM,mBAAoD,CAAC,UACzDA,+BAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;;"}
+{"version":3,"file":"CircularProgress-UhpLA94q.cjs","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressBaseProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst getColor = (percent: number): string => {\r\n  if (percent <= 0) return \"var(--background-color)\";\r\n  if (percent <= 40) return \"var(--error-color)\";\r\n  if (percent <= 70) return \"var(--warning-color)\";\r\n  return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n  rating,\r\n  min = 0,\r\n  max = 100,\r\n  label = \"Progress\",\r\n  shadow = getDefaultShadow(),\r\n  showRaw = false,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n  const range = Math.max(0, max - min);\r\n  const clamped = Math.min(max, Math.max(min, rating));\r\n  const percent = range === 0 ? 0 : ((clamped - min) / range) * 100;\r\n\r\n  const [displayPercent, setDisplayPercent] = useState(0);\r\n  useEffect(() => {\r\n    setDisplayPercent(Math.round(percent));\r\n  }, [percent]);\r\n\r\n  const progressColor =\r\n    state && classMap[state] ? undefined : getColor(percent);\r\n\r\n  const angle = Math.min(360, (percent / 100) * 360);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.circular_progress,\r\n        classMap[theme],\r\n        classMap[size],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, size, state, shadow, className]\r\n  );\r\n\r\n  const valueText = showRaw ? `${clamped}/${max}` : `${displayPercent}%`;\r\n\r\n  return (\r\n    <div\r\n      className={combinedClassName}\r\n      role=\"progressbar\"\r\n      aria-valuemin={min}\r\n      aria-valuemax={max}\r\n      aria-valuenow={clamped}\r\n      aria-valuetext={valueText}\r\n      aria-label={label}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.circle_border,\r\n          state && classMap[`state_${state}`]\r\n        )}\r\n        style={\r\n          progressColor\r\n            ? {\r\n                background: `conic-gradient(\r\n                  ${progressColor} 0deg,\r\n                  ${progressColor} ${angle}deg,\r\n                  transparent ${angle}deg 360deg\r\n                )`,\r\n              }\r\n            : undefined\r\n        }\r\n      >\r\n        <div className={classMap.inner_circle}>\r\n          <span\r\n            className={classMap.rating_text}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          >\r\n            {valueText}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nCircularProgressBase.displayName = \"CircularProgressBase\";\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n  <CircularProgressBase {...props} classMap={styles} />\r\n);\r\nCircularProgress.displayName = \"CircularProgress\";\r\nexport default CircularProgress;\r\n"],"names":["getDefaultShadow","getDefaultSize","getDefaultTheme","useState","useEffect","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAUA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAASA,kBAAAA,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,QAAQ,KAAK,IAAI,GAAG,MAAM,GAAG;AACnC,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,UAAU,UAAU,IAAI,KAAM,UAAU,OAAO,QAAS;AAE9D,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,MAAAA,SAAS,CAAC;AACtDC,QAAAA,UAAU,MAAM;AACd,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBACJ,SAAS,SAAS,KAAK,IAAI,SAAY,SAAS,OAAO;AAEzD,QAAM,QAAQ,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AAEjD,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,MAAM,OAAO,QAAQ,SAAS;AAAA,EAAA;AAGlD,QAAM,YAAY,UAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAEnE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF,WAAAA;AAAAA,YACT,SAAS;AAAA,YACT,SAAS,SAAS,SAAS,KAAK,EAAE;AAAA,UAAA;AAAA,UAEpC,OACE,gBACI;AAAA,YACE,YAAY;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa,IAAI,KAAK;AAAA,gCACV,KAAK;AAAA;AAAA,UAAA,IAGvB;AAAA,UAGN,UAAAE,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAA;AAAA,YAAA;AAAA,UAAA,EACH,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,qBAAqB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/FnC,MAAM,mBAAoD,CAAC,UACzDA,+BAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;AAErD,iBAAiB,cAAc;;"}

package/dist/next/CircularProgress.cjs.js

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

package/dist/next/CircularProgress.js

@@ -1,4 +1,4 @@
-import { C } from "./CircularProgress-C7Zr-dLf.js";
+import { C } from "./CircularProgress-Cz9G0WeQ.js";
 export {
   C as default
 };

package/dist/next/{ColorPicker-DgLJQRJu.js → ColorPicker-1naDOGhp.js}

@@ -159,7 +159,8 @@ const styles = {
   "skeleton-loading": "_skeleton-loading_1v6qg_1"
 };
 const ColorPicker = (props) => /* @__PURE__ */ jsx(ColorPickerBase, { ...props, classMap: styles });
+ColorPicker.displayName = "ColorPicker";
 export {
   ColorPicker as C
 };
-//# sourceMappingURL=ColorPicker-DgLJQRJu.js.map
+//# sourceMappingURL=ColorPicker-1naDOGhp.js.map

package/dist/next/{ColorPicker-DgLJQRJu.js.map → ColorPicker-1naDOGhp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker-DgLJQRJu.js","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/next/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerBaseProps } 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\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      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          const id = `${testId}-color-${i}`;\r\n          const isSelected = selected === color.value;\r\n          return (\r\n            <label\r\n              key={`${color.value}-${i}`}\r\n              className={labelClass}\r\n              htmlFor={id}\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={id}\r\n                value={color.value}\r\n                checked={isSelected}\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                  isSelected && 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        })}\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\nColorPickerBase.displayName = \"ColorPickerBase\";\r\nexport default ColorPickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport styles from \"./ColorPicker.module.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n  <ColorPickerBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default ColorPicker;\r\n"],"names":["selected"],"mappings":";;;;;AASA,MAAM,kBAAkD,CAAC;AAAA,EACvD,QAAQ;AAAA,EACR;AAAA,EACA,UAAAA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO,eAAA;AAAA,EACP,SAAS,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,WAAW,GAAG,MAAM;AAE1B,QAAM,aAAa;AAAA,IACjB,MAAM,kBAAkB,SAAS,QAAQ,SAAS,IAAI,GAAG,SAAS,KAAK,CAAC;AAAA,IACxE,CAAC,UAAU,MAAM,KAAK;AAAA,EAAA;AAGxB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,kBAAkB,SAAS,cAAc,SAAS;AAAA,MAC7D;AAAA,MACA,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA,oBAAC,YAAO,IAAI,UAAU,WAAW,SAAS,QACvC,UAAA,OACH;AAAA,QAEA,oBAAC,SAAI,WAAW,SAAS,mBACtB,UAAA,OAAO,IAAI,CAAC,OAAO,MAAM;AACxB,gBAAM,KAAK,GAAG,MAAM,UAAU,CAAC;AAC/B,gBAAM,aAAaA,cAAa,MAAM;AACtC,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAW;AAAA,cACX,SAAS;AAAA,cACT,OAAO,MAAM;AAAA,cACb,eAAa,GAAG,MAAM,WAAW,MAAM,KAAK;AAAA,cAE5C,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL;AAAA,oBACA;AAAA,oBACA,OAAO,MAAM;AAAA,oBACb,SAAS;AAAA,oBACT,UAAU,MAAM,SAAS,MAAM,KAAK;AAAA,oBACpC,WAAW,SAAS;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEtB,oBAAC,QAAA,EAAK,WAAU,WAAW,gBAAM,OAAM;AAAA,gBACvC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA,sBACT,SAAS;AAAA,sBACT,SAAS,KAAK;AAAA,sBACd,cAAc,SAAS;AAAA,sBACvB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,oBAAA;AAAA,oBAElD,OAAO,EAAE,iBAAiB,MAAM,MAAA;AAAA,oBAChC,eAAY;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACd;AAAA,YAAA;AAAA,YAzBK,GAAG,MAAM,KAAK,IAAI,CAAC;AAAA,UAAA;AAAA,QA4B9B,CAAC,EAAA,CACH;AAAA,QAEC,eACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,SAAS;AAAA,YACpB,OAAOA;AAAA,YACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YACxC,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB;AAAA,IAAA;AAAA,EAAA;AAIR;AACA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpF9B,MAAM,cAA0C,CAAC,UAC/C,oBAAC,mBAAiB,GAAG,OAAO,UAAU,OAAA,CAAQ;"}
+{"version":3,"file":"ColorPicker-1naDOGhp.js","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/next/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerBaseProps } 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\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      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          const id = `${testId}-color-${i}`;\r\n          const isSelected = selected === color.value;\r\n          return (\r\n            <label\r\n              key={`${color.value}-${i}`}\r\n              className={labelClass}\r\n              htmlFor={id}\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={id}\r\n                value={color.value}\r\n                checked={isSelected}\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                  isSelected && 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        })}\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\nColorPickerBase.displayName = \"ColorPickerBase\";\r\nexport default ColorPickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport styles from \"./ColorPicker.module.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n  <ColorPickerBase {...props} classMap={styles} />\r\n);\r\nColorPicker.displayName = \"ColorPicker\";\r\nexport default ColorPicker;\r\n"],"names":["selected"],"mappings":";;;;;AASA,MAAM,kBAAkD,CAAC;AAAA,EACvD,QAAQ;AAAA,EACR;AAAA,EACA,UAAAA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO,eAAA;AAAA,EACP,SAAS,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,WAAW,GAAG,MAAM;AAE1B,QAAM,aAAa;AAAA,IACjB,MAAM,kBAAkB,SAAS,QAAQ,SAAS,IAAI,GAAG,SAAS,KAAK,CAAC;AAAA,IACxE,CAAC,UAAU,MAAM,KAAK;AAAA,EAAA;AAGxB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,kBAAkB,SAAS,cAAc,SAAS;AAAA,MAC7D;AAAA,MACA,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA,oBAAC,YAAO,IAAI,UAAU,WAAW,SAAS,QACvC,UAAA,OACH;AAAA,QAEA,oBAAC,SAAI,WAAW,SAAS,mBACtB,UAAA,OAAO,IAAI,CAAC,OAAO,MAAM;AACxB,gBAAM,KAAK,GAAG,MAAM,UAAU,CAAC;AAC/B,gBAAM,aAAaA,cAAa,MAAM;AACtC,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAW;AAAA,cACX,SAAS;AAAA,cACT,OAAO,MAAM;AAAA,cACb,eAAa,GAAG,MAAM,WAAW,MAAM,KAAK;AAAA,cAE5C,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL;AAAA,oBACA;AAAA,oBACA,OAAO,MAAM;AAAA,oBACb,SAAS;AAAA,oBACT,UAAU,MAAM,SAAS,MAAM,KAAK;AAAA,oBACpC,WAAW,SAAS;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEtB,oBAAC,QAAA,EAAK,WAAU,WAAW,gBAAM,OAAM;AAAA,gBACvC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA,sBACT,SAAS;AAAA,sBACT,SAAS,KAAK;AAAA,sBACd,cAAc,SAAS;AAAA,sBACvB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,oBAAA;AAAA,oBAElD,OAAO,EAAE,iBAAiB,MAAM,MAAA;AAAA,oBAChC,eAAY;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACd;AAAA,YAAA;AAAA,YAzBK,GAAG,MAAM,KAAK,IAAI,CAAC;AAAA,UAAA;AAAA,QA4B9B,CAAC,EAAA,CACH;AAAA,QAEC,eACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,SAAS;AAAA,YACpB,OAAOA;AAAA,YACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YACxC,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB;AAAA,IAAA;AAAA,EAAA;AAIR;AACA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpF9B,MAAM,cAA0C,CAAC,UAC/C,oBAAC,mBAAiB,GAAG,OAAO,UAAU,OAAA,CAAQ;AAEhD,YAAY,cAAc;"}

package/dist/next/{ColorPicker-C3dyO_vv.cjs → ColorPicker-DvgeIT_p.cjs}

@@ -160,5 +160,6 @@ const styles = {
   "skeleton-loading": "_skeleton-loading_1v6qg_1"
 };
 const ColorPicker = (props) => /* @__PURE__ */ require$$2.jsx(ColorPickerBase, { ...props, classMap: styles });
+ColorPicker.displayName = "ColorPicker";
 exports.ColorPicker = ColorPicker;
-//# sourceMappingURL=ColorPicker-C3dyO_vv.cjs.map
+//# sourceMappingURL=ColorPicker-DvgeIT_p.cjs.map

package/dist/next/{ColorPicker-C3dyO_vv.cjs.map → ColorPicker-DvgeIT_p.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker-C3dyO_vv.cjs","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/next/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerBaseProps } 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\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      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          const id = `${testId}-color-${i}`;\r\n          const isSelected = selected === color.value;\r\n          return (\r\n            <label\r\n              key={`${color.value}-${i}`}\r\n              className={labelClass}\r\n              htmlFor={id}\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={id}\r\n                value={color.value}\r\n                checked={isSelected}\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                  isSelected && 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        })}\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\nColorPickerBase.displayName = \"ColorPickerBase\";\r\nexport default ColorPickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport styles from \"./ColorPicker.module.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n  <ColorPickerBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default ColorPicker;\r\n"],"names":["selected","getDefaultSize","getDefaultShadow","useMemo","combineClassNames","jsxs","jsx","capitalize"],"mappings":";;;;;;AASA,MAAM,kBAAkD,CAAC;AAAA,EACvD,QAAQ;AAAA,EACR;AAAA,EACA,UAAAA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAOC,kBAAAA,eAAA;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,WAAW,GAAG,MAAM;AAE1B,QAAM,aAAaC,MAAAA;AAAAA,IACjB,MAAMC,WAAAA,kBAAkB,SAAS,QAAQ,SAAS,IAAI,GAAG,SAAS,KAAK,CAAC;AAAA,IACxE,CAAC,UAAU,MAAM,KAAK;AAAA,EAAA;AAGxB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,WAAAA,kBAAkB,SAAS,cAAc,SAAS;AAAA,MAC7D;AAAA,MACA,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAE,+BAAC,YAAO,IAAI,UAAU,WAAW,SAAS,QACvC,UAAA,OACH;AAAA,QAEAA,2BAAAA,IAAC,SAAI,WAAW,SAAS,mBACtB,UAAA,OAAO,IAAI,CAAC,OAAO,MAAM;AACxB,gBAAM,KAAK,GAAG,MAAM,UAAU,CAAC;AAC/B,gBAAM,aAAaN,cAAa,MAAM;AACtC,iBACEK,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAW;AAAA,cACX,SAAS;AAAA,cACT,OAAO,MAAM;AAAA,cACb,eAAa,GAAG,MAAM,WAAW,MAAM,KAAK;AAAA,cAE5C,UAAA;AAAA,gBAAAC,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL;AAAA,oBACA;AAAA,oBACA,OAAO,MAAM;AAAA,oBACb,SAAS;AAAA,oBACT,UAAU,MAAM,SAAS,MAAM,KAAK;AAAA,oBACpC,WAAW,SAAS;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEtBA,2BAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,gBAAM,OAAM;AAAA,gBACvCA,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWF,WAAAA;AAAAA,sBACT,SAAS;AAAA,sBACT,SAAS,KAAK;AAAA,sBACd,cAAc,SAAS;AAAA,sBACvB,UAAU,SAAS,SAASG,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,oBAAA;AAAA,oBAElD,OAAO,EAAE,iBAAiB,MAAM,MAAA;AAAA,oBAChC,eAAY;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACd;AAAA,YAAA;AAAA,YAzBK,GAAG,MAAM,KAAK,IAAI,CAAC;AAAA,UAAA;AAAA,QA4B9B,CAAC,EAAA,CACH;AAAA,QAEC,eACCD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,SAAS;AAAA,YACpB,OAAON;AAAA,YACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YACxC,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB;AAAA,IAAA;AAAA,EAAA;AAIR;AACA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpF9B,MAAM,cAA0C,CAAC,UAC/CM,+BAAC,mBAAiB,GAAG,OAAO,UAAU,OAAA,CAAQ;;"}
+{"version":3,"file":"ColorPicker-DvgeIT_p.cjs","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/next/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerBaseProps } 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\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      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          const id = `${testId}-color-${i}`;\r\n          const isSelected = selected === color.value;\r\n          return (\r\n            <label\r\n              key={`${color.value}-${i}`}\r\n              className={labelClass}\r\n              htmlFor={id}\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={id}\r\n                value={color.value}\r\n                checked={isSelected}\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                  isSelected && 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        })}\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\nColorPickerBase.displayName = \"ColorPickerBase\";\r\nexport default ColorPickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport styles from \"./ColorPicker.module.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n  <ColorPickerBase {...props} classMap={styles} />\r\n);\r\nColorPicker.displayName = \"ColorPicker\";\r\nexport default ColorPicker;\r\n"],"names":["selected","getDefaultSize","getDefaultShadow","useMemo","combineClassNames","jsxs","jsx","capitalize"],"mappings":";;;;;;AASA,MAAM,kBAAkD,CAAC;AAAA,EACvD,QAAQ;AAAA,EACR;AAAA,EACA,UAAAA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAOC,kBAAAA,eAAA;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,WAAW,GAAG,MAAM;AAE1B,QAAM,aAAaC,MAAAA;AAAAA,IACjB,MAAMC,WAAAA,kBAAkB,SAAS,QAAQ,SAAS,IAAI,GAAG,SAAS,KAAK,CAAC;AAAA,IACxE,CAAC,UAAU,MAAM,KAAK;AAAA,EAAA;AAGxB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,WAAAA,kBAAkB,SAAS,cAAc,SAAS;AAAA,MAC7D;AAAA,MACA,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAE,+BAAC,YAAO,IAAI,UAAU,WAAW,SAAS,QACvC,UAAA,OACH;AAAA,QAEAA,2BAAAA,IAAC,SAAI,WAAW,SAAS,mBACtB,UAAA,OAAO,IAAI,CAAC,OAAO,MAAM;AACxB,gBAAM,KAAK,GAAG,MAAM,UAAU,CAAC;AAC/B,gBAAM,aAAaN,cAAa,MAAM;AACtC,iBACEK,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAW;AAAA,cACX,SAAS;AAAA,cACT,OAAO,MAAM;AAAA,cACb,eAAa,GAAG,MAAM,WAAW,MAAM,KAAK;AAAA,cAE5C,UAAA;AAAA,gBAAAC,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL;AAAA,oBACA;AAAA,oBACA,OAAO,MAAM;AAAA,oBACb,SAAS;AAAA,oBACT,UAAU,MAAM,SAAS,MAAM,KAAK;AAAA,oBACpC,WAAW,SAAS;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEtBA,2BAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,gBAAM,OAAM;AAAA,gBACvCA,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWF,WAAAA;AAAAA,sBACT,SAAS;AAAA,sBACT,SAAS,KAAK;AAAA,sBACd,cAAc,SAAS;AAAA,sBACvB,UAAU,SAAS,SAASG,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,oBAAA;AAAA,oBAElD,OAAO,EAAE,iBAAiB,MAAM,MAAA;AAAA,oBAChC,eAAY;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACd;AAAA,YAAA;AAAA,YAzBK,GAAG,MAAM,KAAK,IAAI,CAAC;AAAA,UAAA;AAAA,QA4B9B,CAAC,EAAA,CACH;AAAA,QAEC,eACCD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,SAAS;AAAA,YACpB,OAAON;AAAA,YACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YACxC,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB;AAAA,IAAA;AAAA,EAAA;AAIR;AACA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpF9B,MAAM,cAA0C,CAAC,UAC/CM,+BAAC,mBAAiB,GAAG,OAAO,UAAU,OAAA,CAAQ;AAEhD,YAAY,cAAc;;"}

package/dist/next/ColorPicker.cjs.js

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

package/dist/next/ColorPicker.js

@@ -1,4 +1,4 @@
-import { C } from "./ColorPicker-DgLJQRJu.js";
+import { C } from "./ColorPicker-1naDOGhp.js";
 export {
   C as default
 };

package/dist/next/{CommandPalette-D-VgzCDu.js → CommandPalette-XP4v5FE6.js}

@@ -308,7 +308,8 @@ const CommandPalette = (props) => /* @__PURE__ */ jsx(
     TextInputComponent: TextInput
   }
 );
+CommandPalette.displayName = "CommandPalette";
 export {
   CommandPalette as C
 };
-//# sourceMappingURL=CommandPalette-D-VgzCDu.js.map
+//# sourceMappingURL=CommandPalette-XP4v5FE6.js.map

package/dist/next/{CommandPalette-D-VgzCDu.js.map → CommandPalette-XP4v5FE6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette-D-VgzCDu.js","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/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<number>(-1);\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  const prevFocusRef = useRef<HTMLElement | 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 (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\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(q)\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    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\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(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\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        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\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  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\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        onKeyDown={handleContainerKeyDown}\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-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\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\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport styles from \"./CommandPalette.module.scss\";\r\nimport { TextInput } from \"@/index.next\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={styles}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommandPalette-XP4v5FE6.js","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/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<number>(-1);\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  const prevFocusRef = useRef<HTMLElement | 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 (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\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(q)\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    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\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(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\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        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\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  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\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        onKeyDown={handleContainerKeyDown}\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-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\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\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport styles from \"./CommandPalette.module.scss\";\r\nimport { TextInput } from \"@/index.next\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={styles}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\nCommandPalette.displayName = \"CommandPalette\";\r\nexport default CommandPalette;\r\n"],"names":[],"mappings":"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"}

package/dist/next/{CommandPalette-CzwGz-Py.cjs → CommandPalette-ypXbi8zW.cjs}

@@ -309,5 +309,6 @@ const CommandPalette = (props) => /* @__PURE__ */ require$$2.jsx(
     TextInputComponent: TextInput.TextInput
   }
 );
+CommandPalette.displayName = "CommandPalette";
 exports.CommandPalette = CommandPalette;
-//# sourceMappingURL=CommandPalette-CzwGz-Py.cjs.map
+//# sourceMappingURL=CommandPalette-ypXbi8zW.cjs.map

package/dist/next/{CommandPalette-CzwGz-Py.cjs.map → CommandPalette-ypXbi8zW.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette-CzwGz-Py.cjs","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/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<number>(-1);\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  const prevFocusRef = useRef<HTMLElement | 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 (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\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(q)\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    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\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(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\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        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\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  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\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        onKeyDown={handleContainerKeyDown}\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-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\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\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport styles from \"./CommandPalette.module.scss\";\r\nimport { TextInput } from \"@/index.next\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={styles}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useCallback","jsx","jsxs","combineClassNames","capitalize","TextInput"],"mappings":"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"}
+{"version":3,"file":"CommandPalette-ypXbi8zW.cjs","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/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<number>(-1);\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  const prevFocusRef = useRef<HTMLElement | 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 (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\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(q)\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    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\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(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\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        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\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  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\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        onKeyDown={handleContainerKeyDown}\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-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\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\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport styles from \"./CommandPalette.module.scss\";\r\nimport { TextInput } from \"@/index.next\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={styles}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\nCommandPalette.displayName = \"CommandPalette\";\r\nexport default CommandPalette;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useCallback","jsx","jsxs","combineClassNames","capitalize","TextInput"],"mappings":"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"}

package/dist/next/CommandPalette.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const CommandPalette = require("./CommandPalette-CzwGz-Py.cjs");
+const CommandPalette = require("./CommandPalette-ypXbi8zW.cjs");
 module.exports = CommandPalette.CommandPalette;
 //# sourceMappingURL=CommandPalette.cjs.js.map

package/dist/next/CommandPalette.js

@@ -1,4 +1,4 @@
-import { C } from "./CommandPalette-D-VgzCDu.js";
+import { C } from "./CommandPalette-XP4v5FE6.js";
 export {
   C as default
 };

package/dist/next/{DataTable-mI4d3Caj.js → DataTable-jUelgv2H.js}

@@ -227,7 +227,8 @@ DataTableBase.displayName = "DataTableBase";
 function DataTable(props) {
   return /* @__PURE__ */ jsx(DataTableBase, { ...props, classMap: styles });
 }
+DataTable.displayName = "DataTable";
 export {
   DataTable as D
 };
-//# sourceMappingURL=DataTable-mI4d3Caj.js.map
+//# sourceMappingURL=DataTable-jUelgv2H.js.map

package/dist/next/{DataTable-mI4d3Caj.js.map → DataTable-jUelgv2H.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DataTable-mI4d3Caj.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  ariaLabel,\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\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\r\n      const numA = Number(valA);\r\n      const numB = Number(valB);\r\n      const bothNumeric = !Number.isNaN(numA) && !Number.isNaN(numB);\r\n\r\n      if (bothNumeric) {\r\n        return sortOrder === \"asc\" ? numA - numB : numB - numA;\r\n      }\r\n      const cmp = String(valA).localeCompare(String(valB), undefined, {\r\n        numeric: true,\r\n      });\r\n      return sortOrder === \"asc\" ? cmp : -cmp;\r\n    });\r\n  }, [data, sortKey, sortOrder, serverSort]);\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  const handleRowKeyDown =\r\n    (row: T) => (e: KeyboardEvent<HTMLTableRowElement>) => {\r\n      if (!onRowClick) return;\r\n      if (e.key === \"Enter\" || e.key === \" \") {\r\n        e.preventDefault();\r\n        onRowClick(row);\r\n      }\r\n    };\r\n\r\n  const captionId = `${testId}-caption`;\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        aria-label={ariaLabel}\r\n        aria-describedby={captionId}\r\n      >\r\n        <caption id={captionId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Sortable data table\r\n        </caption>\r\n\r\n        <thead>\r\n          <tr>\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                  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\r\n        <tbody>\r\n          {sortedData.length === 0 ? (\r\n            <tr>\r\n              <td\r\n                className={classMap.emptyCell}\r\n                colSpan={columns.length}\r\n                // announce emptiness politely\r\n                aria-live=\"polite\"\r\n              >\r\n                No data available\r\n              </td>\r\n            </tr>\r\n          ) : (\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                  className={combineClassNames(\r\n                    onRowClick && classMap.clickable,\r\n                    striped && idx % 2 === 1 && classMap.striped\r\n                  )}\r\n                  onClick={() => onRowClick?.(row)}\r\n                  onKeyDown={handleRowKeyDown(row)}\r\n                  tabIndex={onRowClick ? 0 : undefined}\r\n                >\r\n                  {columns.map((col) => (\r\n                    <td\r\n                      key={String(col.key)}\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          )}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\nDataTableBase.displayName = \"DataTableBase\";\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-jUelgv2H.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  ariaLabel,\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\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\r\n      const numA = Number(valA);\r\n      const numB = Number(valB);\r\n      const bothNumeric = !Number.isNaN(numA) && !Number.isNaN(numB);\r\n\r\n      if (bothNumeric) {\r\n        return sortOrder === \"asc\" ? numA - numB : numB - numA;\r\n      }\r\n      const cmp = String(valA).localeCompare(String(valB), undefined, {\r\n        numeric: true,\r\n      });\r\n      return sortOrder === \"asc\" ? cmp : -cmp;\r\n    });\r\n  }, [data, sortKey, sortOrder, serverSort]);\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  const handleRowKeyDown =\r\n    (row: T) => (e: KeyboardEvent<HTMLTableRowElement>) => {\r\n      if (!onRowClick) return;\r\n      if (e.key === \"Enter\" || e.key === \" \") {\r\n        e.preventDefault();\r\n        onRowClick(row);\r\n      }\r\n    };\r\n\r\n  const captionId = `${testId}-caption`;\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        aria-label={ariaLabel}\r\n        aria-describedby={captionId}\r\n      >\r\n        <caption id={captionId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Sortable data table\r\n        </caption>\r\n\r\n        <thead>\r\n          <tr>\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                  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\r\n        <tbody>\r\n          {sortedData.length === 0 ? (\r\n            <tr>\r\n              <td\r\n                className={classMap.emptyCell}\r\n                colSpan={columns.length}\r\n                // announce emptiness politely\r\n                aria-live=\"polite\"\r\n              >\r\n                No data available\r\n              </td>\r\n            </tr>\r\n          ) : (\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                  className={combineClassNames(\r\n                    onRowClick && classMap.clickable,\r\n                    striped && idx % 2 === 1 && classMap.striped\r\n                  )}\r\n                  onClick={() => onRowClick?.(row)}\r\n                  onKeyDown={handleRowKeyDown(row)}\r\n                  tabIndex={onRowClick ? 0 : undefined}\r\n                >\r\n                  {columns.map((col) => (\r\n                    <td\r\n                      key={String(col.key)}\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          )}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\nDataTableBase.displayName = \"DataTableBase\";\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\nDataTable.displayName = \"DataTable\";\r\nexport default DataTable;\r\n"],"names":["outline","striped"],"mappings":"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"}

package/dist/next/{DataTable-CEtAY0ni.cjs → DataTable-jq0suGoA.cjs}

@@ -228,5 +228,6 @@ DataTableBase.displayName = "DataTableBase";
 function DataTable(props) {
   return /* @__PURE__ */ require$$2.jsx(DataTableBase, { ...props, classMap: styles });
 }
+DataTable.displayName = "DataTable";
 exports.DataTable = DataTable;
-//# sourceMappingURL=DataTable-CEtAY0ni.cjs.map
+//# sourceMappingURL=DataTable-jq0suGoA.cjs.map

package/dist/next/{DataTable-CEtAY0ni.cjs.map → DataTable-jq0suGoA.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DataTable-CEtAY0ni.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  ariaLabel,\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\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\r\n      const numA = Number(valA);\r\n      const numB = Number(valB);\r\n      const bothNumeric = !Number.isNaN(numA) && !Number.isNaN(numB);\r\n\r\n      if (bothNumeric) {\r\n        return sortOrder === \"asc\" ? numA - numB : numB - numA;\r\n      }\r\n      const cmp = String(valA).localeCompare(String(valB), undefined, {\r\n        numeric: true,\r\n      });\r\n      return sortOrder === \"asc\" ? cmp : -cmp;\r\n    });\r\n  }, [data, sortKey, sortOrder, serverSort]);\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  const handleRowKeyDown =\r\n    (row: T) => (e: KeyboardEvent<HTMLTableRowElement>) => {\r\n      if (!onRowClick) return;\r\n      if (e.key === \"Enter\" || e.key === \" \") {\r\n        e.preventDefault();\r\n        onRowClick(row);\r\n      }\r\n    };\r\n\r\n  const captionId = `${testId}-caption`;\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        aria-label={ariaLabel}\r\n        aria-describedby={captionId}\r\n      >\r\n        <caption id={captionId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Sortable data table\r\n        </caption>\r\n\r\n        <thead>\r\n          <tr>\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                  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\r\n        <tbody>\r\n          {sortedData.length === 0 ? (\r\n            <tr>\r\n              <td\r\n                className={classMap.emptyCell}\r\n                colSpan={columns.length}\r\n                // announce emptiness politely\r\n                aria-live=\"polite\"\r\n              >\r\n                No data available\r\n              </td>\r\n            </tr>\r\n          ) : (\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                  className={combineClassNames(\r\n                    onRowClick && classMap.clickable,\r\n                    striped && idx % 2 === 1 && classMap.striped\r\n                  )}\r\n                  onClick={() => onRowClick?.(row)}\r\n                  onKeyDown={handleRowKeyDown(row)}\r\n                  tabIndex={onRowClick ? 0 : undefined}\r\n                >\r\n                  {columns.map((col) => (\r\n                    <td\r\n                      key={String(col.key)}\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          )}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\nDataTableBase.displayName = \"DataTableBase\";\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-jq0suGoA.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  ariaLabel,\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\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\r\n      const numA = Number(valA);\r\n      const numB = Number(valB);\r\n      const bothNumeric = !Number.isNaN(numA) && !Number.isNaN(numB);\r\n\r\n      if (bothNumeric) {\r\n        return sortOrder === \"asc\" ? numA - numB : numB - numA;\r\n      }\r\n      const cmp = String(valA).localeCompare(String(valB), undefined, {\r\n        numeric: true,\r\n      });\r\n      return sortOrder === \"asc\" ? cmp : -cmp;\r\n    });\r\n  }, [data, sortKey, sortOrder, serverSort]);\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  const handleRowKeyDown =\r\n    (row: T) => (e: KeyboardEvent<HTMLTableRowElement>) => {\r\n      if (!onRowClick) return;\r\n      if (e.key === \"Enter\" || e.key === \" \") {\r\n        e.preventDefault();\r\n        onRowClick(row);\r\n      }\r\n    };\r\n\r\n  const captionId = `${testId}-caption`;\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        aria-label={ariaLabel}\r\n        aria-describedby={captionId}\r\n      >\r\n        <caption id={captionId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Sortable data table\r\n        </caption>\r\n\r\n        <thead>\r\n          <tr>\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                  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\r\n        <tbody>\r\n          {sortedData.length === 0 ? (\r\n            <tr>\r\n              <td\r\n                className={classMap.emptyCell}\r\n                colSpan={columns.length}\r\n                // announce emptiness politely\r\n                aria-live=\"polite\"\r\n              >\r\n                No data available\r\n              </td>\r\n            </tr>\r\n          ) : (\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                  className={combineClassNames(\r\n                    onRowClick && classMap.clickable,\r\n                    striped && idx % 2 === 1 && classMap.striped\r\n                  )}\r\n                  onClick={() => onRowClick?.(row)}\r\n                  onKeyDown={handleRowKeyDown(row)}\r\n                  tabIndex={onRowClick ? 0 : undefined}\r\n                >\r\n                  {columns.map((col) => (\r\n                    <td\r\n                      key={String(col.key)}\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          )}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\nDataTableBase.displayName = \"DataTableBase\";\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\nDataTable.displayName = \"DataTable\";\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-CEtAY0ni.cjs");
+const DataTable = require("./DataTable-jq0suGoA.cjs");
 module.exports = DataTable.DataTable;
 //# sourceMappingURL=DataTable.cjs.js.map

package/dist/next/DataTable.js

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

package/dist/next/{DateTimePicker-A94kVkvi.js → DateTimePicker-BTm6T3-E.js}

@@ -251,7 +251,8 @@ const styles = {
   "skeleton-loading": "_skeleton-loading_1bjsp_1"
 };
 const DateTimePicker = (props) => /* @__PURE__ */ jsx(DateTimePickerBase, { ...props, classMap: styles });
+DateTimePicker.displayName = "DateTimePicker";
 export {
   DateTimePicker as D
 };
-//# sourceMappingURL=DateTimePicker-A94kVkvi.js.map
+//# sourceMappingURL=DateTimePicker-BTm6T3-E.js.map

package/dist/next/{DateTimePicker-A94kVkvi.js.map → DateTimePicker-BTm6T3-E.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-A94kVkvi.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 { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n  label,\r\n  value,\r\n  onChange,\r\n  min,\r\n  max,\r\n  name,\r\n  required = false,\r\n  disabled = false,\r\n  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 invalidRange = min && max ? min > max : false;\r\n  const outOfBounds = value\r\n    ? (min ? value < min : false) || (max ? value > max : false)\r\n    : false;\r\n\r\n  const openPicker = () => {\r\n    const el = inputRef.current;\r\n    if (!el) return;\r\n    if (typeof el.showPicker === \"function\") el.showPicker();\r\n    else el.focus();\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    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  const describedBy =\r\n    [descriptionId, errorId].filter(Boolean).join(\" \") || undefined;\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-invalid={\r\n            Boolean(error) || invalidRange || outOfBounds || undefined\r\n          }\r\n          aria-describedby={describedBy}\r\n          aria-errormessage={error ? errorId : undefined}\r\n          aria-label={label || \"Date and time\"}\r\n          data-testid={`${testId}-input`}\r\n          autoComplete=\"off\"\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          disabled={disabled}\r\n          aria-label=\"Open date and time picker\"\r\n          data-testid={`${testId}-button`}\r\n        >\r\n          <CalendarIcon />\r\n        </button>\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\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\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-BTm6T3-E.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 { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n  label,\r\n  value,\r\n  onChange,\r\n  min,\r\n  max,\r\n  name,\r\n  required = false,\r\n  disabled = false,\r\n  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 invalidRange = min && max ? min > max : false;\r\n  const outOfBounds = value\r\n    ? (min ? value < min : false) || (max ? value > max : false)\r\n    : false;\r\n\r\n  const openPicker = () => {\r\n    const el = inputRef.current;\r\n    if (!el) return;\r\n    if (typeof el.showPicker === \"function\") el.showPicker();\r\n    else el.focus();\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    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  const describedBy =\r\n    [descriptionId, errorId].filter(Boolean).join(\" \") || undefined;\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-invalid={\r\n            Boolean(error) || invalidRange || outOfBounds || undefined\r\n          }\r\n          aria-describedby={describedBy}\r\n          aria-errormessage={error ? errorId : undefined}\r\n          aria-label={label || \"Date and time\"}\r\n          data-testid={`${testId}-input`}\r\n          autoComplete=\"off\"\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          disabled={disabled}\r\n          aria-label=\"Open date and time picker\"\r\n          data-testid={`${testId}-button`}\r\n        >\r\n          <CalendarIcon />\r\n        </button>\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\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\r\nexport default DateTimePickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport styles from \"./DateTimePicker.module.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={styles} />\r\n);\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":["label","disabled","outline","error","description"],"mappings":"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"}

package/dist/next/{DateTimePicker-D96GYbVW.cjs → DateTimePicker-D5gEfxvd.cjs}

@@ -252,5 +252,6 @@ const styles = {
   "skeleton-loading": "_skeleton-loading_1bjsp_1"
 };
 const DateTimePicker = (props) => /* @__PURE__ */ require$$2.jsx(DateTimePickerBase, { ...props, classMap: styles });
+DateTimePicker.displayName = "DateTimePicker";
 exports.DateTimePicker = DateTimePicker;
-//# sourceMappingURL=DateTimePicker-D96GYbVW.cjs.map
+//# sourceMappingURL=DateTimePicker-D5gEfxvd.cjs.map