@weng-lab/ui-components 2.0.0 → 2.0.2

package/dist/ui-components.es42.js

@@ -1,116 +1,146 @@
-import * as i from "react";
-import e from "./ui-components.es81.js";
-import { clsx as y } from "./ui-components.es80.js";
-import w from "./ui-components.es184.js";
-import R from "./ui-components.es82.js";
-import m, { getTableRowUtilityClass as T } from "./ui-components.es186.js";
-import { j as C } from "./ui-components.es12.js";
-import { useDefaultProps as h } from "./ui-components.es85.js";
-import O from "./ui-components.es40.js";
-import g from "./ui-components.es86.js";
-import { alpha as f } from "./ui-components.es56.js";
-const x = (o) => {
+import o from "./ui-components.es140.js";
+import b from "./ui-components.es213.js";
+function l(e, t = 0, n = 1) {
+  return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), b(e, t, n);
+}
+function v(e) {
+  e = e.slice(1);
+  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let n = e.match(t);
+  return n && n[0].length === 1 && (n = n.map((r) => r + r)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((r, s) => s < 3 ? parseInt(r, 16) : Math.round(parseInt(r, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function a(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return a(v(e));
+  const t = e.indexOf("("), n = e.substring(0, t);
+  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(n))
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : o(9, e));
+  let r = e.substring(t + 1, e.length - 1), s;
+  if (n === "color") {
+    if (r = r.split(" "), s = r.shift(), r.length === 4 && r[3].charAt(0) === "/" && (r[3] = r[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(s))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${s}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : o(10, s));
+  } else
+    r = r.split(",");
+  return r = r.map((i) => parseFloat(i)), {
+    type: n,
+    values: r,
+    colorSpace: s
+  };
+}
+const $ = (e) => {
+  const t = a(e);
+  return t.values.slice(0, 3).map((n, r) => t.type.includes("hsl") && r !== 0 ? `${n}%` : n).join(" ");
+}, C = (e, t) => {
+  try {
+    return $(e);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+};
+function u(e) {
   const {
-    classes: t,
-    selected: r,
-    hover: s,
-    head: n,
-    footer: a
-  } = o;
-  return g({
-    root: ["root", r && "selected", s && "hover", n && "head", a && "footer"]
-  }, T, t);
-}, $ = O("tr", {
-  name: "MuiTableRow",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: r
-    } = o;
-    return [t.root, r.head && t.head, r.footer && t.footer];
+    type: t,
+    colorSpace: n
+  } = e;
+  let {
+    values: r
+  } = e;
+  return t.includes("rgb") ? r = r.map((s, i) => i < 3 ? parseInt(s, 10) : s) : t.includes("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), t.includes("color") ? r = `${n} ${r.join(" ")}` : r = `${r.join(", ")}`, `${t}(${r})`;
+}
+function M(e) {
+  e = a(e);
+  const {
+    values: t
+  } = e, n = t[0], r = t[1] / 100, s = t[2] / 100, i = r * Math.min(s, 1 - s), p = (y, d = (y + n / 30) % 12) => s - i * Math.max(Math.min(d - 3, 9 - d, 1), -1);
+  let g = "rgb";
+  const f = [Math.round(p(0) * 255), Math.round(p(8) * 255), Math.round(p(4) * 255)];
+  return e.type === "hsla" && (g += "a", f.push(t[3])), u({
+    type: g,
+    values: f
+  });
+}
+function h(e) {
+  e = a(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? a(M(e)).values : e.values;
+  return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
+}
+function I(e, t) {
+  const n = h(e), r = h(t);
+  return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
+}
+function E(e, t) {
+  return e = a(e), t = l(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, u(e);
+}
+function D(e, t, n) {
+  try {
+    return E(e, t);
+  } catch {
+    return e;
   }
-})(R(({
-  theme: o
-}) => ({
-  color: "inherit",
-  display: "table-row",
-  verticalAlign: "middle",
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  [`&.${m.hover}:hover`]: {
-    backgroundColor: (o.vars || o).palette.action.hover
-  },
-  [`&.${m.selected}`]: {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.selectedOpacity})` : f(o.palette.primary.main, o.palette.action.selectedOpacity),
-    "&:hover": {
-      backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.hoverOpacity}))` : f(o.palette.primary.main, o.palette.action.selectedOpacity + o.palette.action.hoverOpacity)
-    }
+}
+function c(e, t) {
+  if (e = a(e), t = l(t), e.type.includes("hsl"))
+    e.values[2] *= 1 - t;
+  else if (e.type.includes("rgb") || e.type.includes("color"))
+    for (let n = 0; n < 3; n += 1)
+      e.values[n] *= 1 - t;
+  return u(e);
+}
+function O(e, t, n) {
+  try {
+    return c(e, t);
+  } catch {
+    return e;
   }
-}))), d = "tr", j = /* @__PURE__ */ i.forwardRef(function(t, r) {
-  const s = h({
-    props: t,
-    name: "MuiTableRow"
-  }), {
-    className: n,
-    component: a = d,
-    hover: c = !1,
-    selected: v = !1,
-    ...b
-  } = s, l = i.useContext(w), p = {
-    ...s,
-    component: a,
-    hover: c,
-    selected: v,
-    head: l && l.variant === "head",
-    footer: l && l.variant === "footer"
-  }, u = x(p);
-  return /* @__PURE__ */ C.jsx($, {
-    as: a,
-    ref: r,
-    className: y(u.root, n),
-    role: a === d ? null : "row",
-    ownerState: p,
-    ...b
-  });
-});
-process.env.NODE_ENV !== "production" && (j.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Should be valid `<tr>` children such as `TableCell`.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * If `true`, the table row will shade on hover.
-   * @default false
-   */
-  hover: e.bool,
-  /**
-   * If `true`, the table row will have the selected shading.
-   * @default false
-   */
-  selected: e.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
+}
+function m(e, t) {
+  if (e = a(e), t = l(t), e.type.includes("hsl"))
+    e.values[2] += (100 - e.values[2]) * t;
+  else if (e.type.includes("rgb"))
+    for (let n = 0; n < 3; n += 1)
+      e.values[n] += (255 - e.values[n]) * t;
+  else if (e.type.includes("color"))
+    for (let n = 0; n < 3; n += 1)
+      e.values[n] += (1 - e.values[n]) * t;
+  return u(e);
+}
+function T(e, t, n) {
+  try {
+    return m(e, t);
+  } catch {
+    return e;
+  }
+}
+function w(e, t = 0.15) {
+  return h(e) > 0.5 ? c(e, t) : m(e, t);
+}
+function x(e, t, n) {
+  try {
+    return w(e, t);
+  } catch {
+    return e;
+  }
+}
 export {
-  j as default
+  E as alpha,
+  $ as colorChannel,
+  c as darken,
+  a as decomposeColor,
+  w as emphasize,
+  I as getContrastRatio,
+  h as getLuminance,
+  v as hexToRgb,
+  M as hslToRgb,
+  m as lighten,
+  D as private_safeAlpha,
+  C as private_safeColorChannel,
+  O as private_safeDarken,
+  x as private_safeEmphasize,
+  T as private_safeLighten,
+  u as recomposeColor
 };
 //# sourceMappingURL=ui-components.es42.js.map

package/dist/ui-components.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es42.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/TableRow/TableRow.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport Tablelvl2Context from \"../Table/Tablelvl2Context.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport tableRowClasses, { getTableRowUtilityClass } from \"./tableRowClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    selected,\n    hover,\n    head,\n    footer\n  } = ownerState;\n  const slots = {\n    root: ['root', selected && 'selected', hover && 'hover', head && 'head', footer && 'footer']\n  };\n  return composeClasses(slots, getTableRowUtilityClass, classes);\n};\nconst TableRowRoot = styled('tr', {\n  name: 'MuiTableRow',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.head && styles.head, ownerState.footer && styles.footer];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  color: 'inherit',\n  display: 'table-row',\n  verticalAlign: 'middle',\n  // We disable the focus ring for mouse, touch and keyboard users.\n  outline: 0,\n  [`&.${tableRowClasses.hover}:hover`]: {\n    backgroundColor: (theme.vars || theme).palette.action.hover\n  },\n  [`&.${tableRowClasses.selected}`]: {\n    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),\n    '&:hover': {\n      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)\n    }\n  }\n})));\nconst defaultComponent = 'tr';\n/**\n * Will automatically set dynamic row height\n * based on the material table element parent (head, body, etc).\n */\nconst TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTableRow'\n  });\n  const {\n    className,\n    component = defaultComponent,\n    hover = false,\n    selected = false,\n    ...other\n  } = props;\n  const tablelvl2 = React.useContext(Tablelvl2Context);\n  const ownerState = {\n    ...props,\n    component,\n    hover,\n    selected,\n    head: tablelvl2 && tablelvl2.variant === 'head',\n    footer: tablelvl2 && tablelvl2.variant === 'footer'\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(TableRowRoot, {\n    as: component,\n    ref: ref,\n    className: clsx(classes.root, className),\n    role: component === defaultComponent ? null : 'row',\n    ownerState: ownerState,\n    ...other\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TableRow.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Should be valid `<tr>` children such as `TableCell`.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the table row will shade on hover.\n   * @default false\n   */\n  hover: PropTypes.bool,\n  /**\n   * If `true`, the table row will have the selected shading.\n   * @default false\n   */\n  selected: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default TableRow;"],"names":["useUtilityClasses","ownerState","classes","selected","hover","head","footer","composeClasses","getTableRowUtilityClass","TableRowRoot","styled","props","styles","memoTheme","theme","tableRowClasses","alpha","defaultComponent","TableRow","React","inProps","ref","useDefaultProps","className","component","other","tablelvl2","Tablelvl2Context","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es42.js","sources":["../../../node_modules/.pnpm/@mui+system@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+sty_7f3319f308133a2adcfe5767030e6962/node_modules/@mui/system/esm/colorManipulator/colorManipulator.js"],"sourcesContent":["import _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\n/* eslint-disable @typescript-eslint/naming-convention */\nimport clamp from '@mui/utils/clamp';\n\n/**\n * Returns a number whose value is limited to the given range.\n * @param {number} value The value to be clamped\n * @param {number} min The lower boundary of the output range\n * @param {number} max The upper boundary of the output range\n * @returns {number} A number in the range [min, max]\n */\nfunction clampWrapper(value, min = 0, max = 1) {\n  if (process.env.NODE_ENV !== 'production') {\n    if (value < min || value > max) {\n      console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);\n    }\n  }\n  return clamp(value, min, max);\n}\n\n/**\n * Converts a color from CSS hex format to CSS rgb format.\n * @param {string} color - Hex color, i.e. #nnn or #nnnnnn\n * @returns {string} A CSS rgb color string\n */\nexport function hexToRgb(color) {\n  color = color.slice(1);\n  const re = new RegExp(`.{1,${color.length >= 6 ? 2 : 1}}`, 'g');\n  let colors = color.match(re);\n  if (colors && colors[0].length === 1) {\n    colors = colors.map(n => n + n);\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    if (color.length !== color.trim().length) {\n      console.error(`MUI: The color: \"${color}\" is invalid. Make sure the color input doesn't contain leading/trailing space.`);\n    }\n  }\n  return colors ? `rgb${colors.length === 4 ? 'a' : ''}(${colors.map((n, index) => {\n    return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;\n  }).join(', ')})` : '';\n}\nfunction intToHex(int) {\n  const hex = int.toString(16);\n  return hex.length === 1 ? `0${hex}` : hex;\n}\n\n/**\n * Returns an object with the type and values of a color.\n *\n * Note: Does not support rgb % values.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {object} - A MUI color object: {type: string, values: number[]}\n */\nexport function decomposeColor(color) {\n  // Idempotent\n  if (color.type) {\n    return color;\n  }\n  if (color.charAt(0) === '#') {\n    return decomposeColor(hexToRgb(color));\n  }\n  const marker = color.indexOf('(');\n  const type = color.substring(0, marker);\n  if (!['rgb', 'rgba', 'hsl', 'hsla', 'color'].includes(type)) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: Unsupported \\`${color}\\` color.\\n` + 'The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().' : _formatErrorMessage(9, color));\n  }\n  let values = color.substring(marker + 1, color.length - 1);\n  let colorSpace;\n  if (type === 'color') {\n    values = values.split(' ');\n    colorSpace = values.shift();\n    if (values.length === 4 && values[3].charAt(0) === '/') {\n      values[3] = values[3].slice(1);\n    }\n    if (!['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].includes(colorSpace)) {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: unsupported \\`${colorSpace}\\` color space.\\n` + 'The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.' : _formatErrorMessage(10, colorSpace));\n    }\n  } else {\n    values = values.split(',');\n  }\n  values = values.map(value => parseFloat(value));\n  return {\n    type,\n    values,\n    colorSpace\n  };\n}\n\n/**\n * Returns a channel created from the input color.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {string} - The channel for the color, that can be used in rgba or hsla colors\n */\nexport const colorChannel = color => {\n  const decomposedColor = decomposeColor(color);\n  return decomposedColor.values.slice(0, 3).map((val, idx) => decomposedColor.type.includes('hsl') && idx !== 0 ? `${val}%` : val).join(' ');\n};\nexport const private_safeColorChannel = (color, warning) => {\n  try {\n    return colorChannel(color);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n};\n\n/**\n * Converts a color object with type and values to a string.\n * @param {object} color - Decomposed color\n * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla', 'color'\n * @param {array} color.values - [n,n,n] or [n,n,n,n]\n * @returns {string} A CSS color string\n */\nexport function recomposeColor(color) {\n  const {\n    type,\n    colorSpace\n  } = color;\n  let {\n    values\n  } = color;\n  if (type.includes('rgb')) {\n    // Only convert the first 3 values to int (i.e. not alpha)\n    values = values.map((n, i) => i < 3 ? parseInt(n, 10) : n);\n  } else if (type.includes('hsl')) {\n    values[1] = `${values[1]}%`;\n    values[2] = `${values[2]}%`;\n  }\n  if (type.includes('color')) {\n    values = `${colorSpace} ${values.join(' ')}`;\n  } else {\n    values = `${values.join(', ')}`;\n  }\n  return `${type}(${values})`;\n}\n\n/**\n * Converts a color from CSS rgb format to CSS hex format.\n * @param {string} color - RGB color, i.e. rgb(n, n, n)\n * @returns {string} A CSS rgb color string, i.e. #nnnnnn\n */\nexport function rgbToHex(color) {\n  // Idempotent\n  if (color.startsWith('#')) {\n    return color;\n  }\n  const {\n    values\n  } = decomposeColor(color);\n  return `#${values.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join('')}`;\n}\n\n/**\n * Converts a color from hsl format to rgb format.\n * @param {string} color - HSL color values\n * @returns {string} rgb color values\n */\nexport function hslToRgb(color) {\n  color = decomposeColor(color);\n  const {\n    values\n  } = color;\n  const h = values[0];\n  const s = values[1] / 100;\n  const l = values[2] / 100;\n  const a = s * Math.min(l, 1 - l);\n  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n  let type = 'rgb';\n  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];\n  if (color.type === 'hsla') {\n    type += 'a';\n    rgb.push(values[3]);\n  }\n  return recomposeColor({\n    type,\n    values: rgb\n  });\n}\n/**\n * The relative brightness of any point in a color space,\n * normalized to 0 for darkest black and 1 for lightest white.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {number} The relative brightness of the color in the range 0 - 1\n */\nexport function getLuminance(color) {\n  color = decomposeColor(color);\n  let rgb = color.type === 'hsl' || color.type === 'hsla' ? decomposeColor(hslToRgb(color)).values : color.values;\n  rgb = rgb.map(val => {\n    if (color.type !== 'color') {\n      val /= 255; // normalized\n    }\n    return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;\n  });\n\n  // Truncate at 3 digits\n  return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));\n}\n\n/**\n * Calculates the contrast ratio between two colors.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @returns {number} A contrast ratio value in the range 0 - 21.\n */\nexport function getContrastRatio(foreground, background) {\n  const lumA = getLuminance(foreground);\n  const lumB = getLuminance(background);\n  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n\n/**\n * Sets the absolute transparency of a color.\n * Any existing alpha values are overwritten.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} value - value to set the alpha channel to in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function alpha(color, value) {\n  color = decomposeColor(color);\n  value = clampWrapper(value);\n  if (color.type === 'rgb' || color.type === 'hsl') {\n    color.type += 'a';\n  }\n  if (color.type === 'color') {\n    color.values[3] = `/${value}`;\n  } else {\n    color.values[3] = value;\n  }\n  return recomposeColor(color);\n}\nexport function private_safeAlpha(color, value, warning) {\n  try {\n    return alpha(color, value);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Darkens a color.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function darken(color, coefficient) {\n  color = decomposeColor(color);\n  coefficient = clampWrapper(coefficient);\n  if (color.type.includes('hsl')) {\n    color.values[2] *= 1 - coefficient;\n  } else if (color.type.includes('rgb') || color.type.includes('color')) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] *= 1 - coefficient;\n    }\n  }\n  return recomposeColor(color);\n}\nexport function private_safeDarken(color, coefficient, warning) {\n  try {\n    return darken(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Lightens a color.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function lighten(color, coefficient) {\n  color = decomposeColor(color);\n  coefficient = clampWrapper(coefficient);\n  if (color.type.includes('hsl')) {\n    color.values[2] += (100 - color.values[2]) * coefficient;\n  } else if (color.type.includes('rgb')) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] += (255 - color.values[i]) * coefficient;\n    }\n  } else if (color.type.includes('color')) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] += (1 - color.values[i]) * coefficient;\n    }\n  }\n  return recomposeColor(color);\n}\nexport function private_safeLighten(color, coefficient, warning) {\n  try {\n    return lighten(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Darken or lighten a color, depending on its luminance.\n * Light colors are darkened, dark colors are lightened.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient=0.15 - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function emphasize(color, coefficient = 0.15) {\n  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);\n}\nexport function private_safeEmphasize(color, coefficient, warning) {\n  try {\n    return emphasize(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Blend a transparent overlay color with a background color, resulting in a single\n * RGB color.\n * @param {string} background - CSS color\n * @param {string} overlay - CSS color\n * @param {number} opacity - Opacity multiplier in the range 0 - 1\n * @param {number} [gamma=1.0] - Gamma correction factor. For gamma-correct blending, 2.2 is usual.\n */\nexport function blend(background, overlay, opacity, gamma = 1.0) {\n  const blendChannel = (b, o) => Math.round((b ** (1 / gamma) * (1 - opacity) + o ** (1 / gamma) * opacity) ** gamma);\n  const backgroundColor = decomposeColor(background);\n  const overlayColor = decomposeColor(overlay);\n  const rgb = [blendChannel(backgroundColor.values[0], overlayColor.values[0]), blendChannel(backgroundColor.values[1], overlayColor.values[1]), blendChannel(backgroundColor.values[2], overlayColor.values[2])];\n  return recomposeColor({\n    type: 'rgb',\n    values: rgb\n  });\n}"],"names":["clampWrapper","value","min","max","clamp","hexToRgb","color","re","colors","n","index","decomposeColor","marker","type","_formatErrorMessage","values","colorSpace","colorChannel","decomposedColor","val","idx","private_safeColorChannel","warning","recomposeColor","hslToRgb","h","s","l","a","f","k","rgb","getLuminance","getContrastRatio","foreground","background","lumA","lumB","alpha","private_safeAlpha","darken","coefficient","i","private_safeDarken","lighten","private_safeLighten","emphasize","private_safeEmphasize"],"mappings":"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","x_google_ignoreList":[0]}