@usecapsule/core-components 3.0.1 → 3.1.0

package/dist/capsule/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateBorderRadii","borderRadius","Boolean","xSmallRadius","smallRadius","mediumRadius","largeRadius","fullRadius","isFull","isNone","document","documentElement","style","setProperty","FONT_NAME_MAP","body2XS","bodyXS","bodyS","bodyM","bodyL","bodyXL","headingXS","headingS","headingM","headingL","headingXL","heading2XL","generateFont","font","customFontSizes","Object","entries","forEach","key","value","removeProperty","guard","low","high","Math","min","max","ColorError","Error","constructor","color","super","ColorError$1","parseToRgba","trim","toLowerCase","normalizedColor","namedColorRegex","test","nameToHex","reducedHexMatch","reducedHexRegex","exec","arr","Array","from","slice","map","x","parseInt","r","hexMatch","hexRegex","rgbaMatch","rgbaRegex","parseFloat","hslaMatch","hslaRegex","h","s","l","a","hslToRgb","Number","isNaN","hash","str","i","length","charCodeAt","colorToInt","replace","compressedColorMap","split","reduce","acc","next","substring","hex","toString","prefix","normalizedColorName","result","amount","join","RegExp","roundColor","round","hue","saturation","lightness","huePrime","chroma","abs","secondComponent","red","green","blue","lightnessModification","finalRed","finalGreen","finalBlue","getLuminance","f","channel","pow","g","b","rgba","alpha","toFixed","mix","color1","color2","weight","normalize","n","index","r1","g1","b1","a1","r2","g2","b2","a2","alphaDelta","normalizedWeight","combinedWeight","weight2","weight1","readableColorIsBlack","t","u","M","m","d","p","v","o","O","unitInput","unitOutput","roundOutput","e","c","D","isColor","strColor","Option","toKebabCase","pascal","buildVars","prev","obj","resp","k","name","assign","getCssColors","customPalette","overlayMix","baseColor","overlayColor","baseRGBA","overlayRGBA","finalRGBA","overlay","generatePalette","foregroundColor","backgroundColor","DEFAULT_THEME","isDarkBackground","palette","foregroundColors","backgroundColors","backgroundMixColor","foregroundMixColor","COLOR_MIXES","push","UTILITY_COLORS","yellow","cssColorVars","generateTheme"],"sources":["src/utils/theme/generateBorderRadii.ts","src/utils/theme/generateFont.ts","../node_modules/color2k/dist/index.module.es.js","../node_modules/color-blend/dist/index.modern.js","src/utils/theme/utils.ts","src/utils/theme/generatePalette.ts","src/utils/theme/generateTheme.ts"],"sourcesContent":["import { Theme } from '../../interface';\n\nexport const generateBorderRadii = ({ borderRadius }: Pick<Theme, 'borderRadius'>) => {\n  if (!Boolean(borderRadius)) {\n    return;\n  }\n\n  let xSmallRadius: number, smallRadius: number, mediumRadius: number, largeRadius: number;\n  const fullRadius = 1000;\n  let isFull = false;\n  let isNone = false;\n\n  switch (borderRadius) {\n    case 'none': {\n      isNone = true;\n      xSmallRadius = 0;\n      smallRadius = 0;\n      mediumRadius = 0;\n      largeRadius = 0;\n      break;\n    }\n    case 'xs': {\n      xSmallRadius = 2;\n      smallRadius = 4;\n      mediumRadius = 12;\n      largeRadius = 20;\n      break;\n    }\n    case 'sm': {\n      xSmallRadius = 2;\n      smallRadius = 8;\n      mediumRadius = 16;\n      largeRadius = 24;\n      break;\n    }\n    case 'lg': {\n      xSmallRadius = 8;\n      smallRadius = 16;\n      mediumRadius = 24;\n      largeRadius = 32;\n      break;\n    }\n    case 'full': {\n      xSmallRadius = 8;\n      smallRadius = 16;\n      mediumRadius = 24;\n      largeRadius = 32;\n      isFull = true;\n      break;\n    }\n    default:\n    case 'md': {\n      xSmallRadius = 4;\n      smallRadius = 12;\n      mediumRadius = 20;\n      largeRadius = 28;\n      break;\n    }\n  }\n\n  document.documentElement.style.setProperty('--cpsl-border-radius-input', `${isFull ? fullRadius : smallRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-alert', `${smallRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-tabs', `${isFull ? fullRadius : smallRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-primary-button', `${isFull ? fullRadius : smallRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-secondary-button', `${isFull ? fullRadius : smallRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-tile-button', `${smallRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-modal', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-pill', `${isNone ? 0 : fullRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-qr-code', `${largeRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-info-box', `${smallRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-table-container', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-switch', `${isNone ? 0 : fullRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-checkbox', `${xSmallRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-radio', `${fullRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-avatar', `${smallRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-card', `${mediumRadius}px`);\n};\n","import { Theme } from '../../interface';\n\nconst FONT_NAME_MAP = {\n  body2XS: 'body-2xs',\n  bodyXS: 'body-xs',\n  bodyS: 'body-s',\n  bodyM: 'body-m',\n  bodyL: 'body-l',\n  bodyXL: 'body-xl',\n  headingXS: 'heading-xs',\n  headingS: 'heading-s',\n  headingM: 'heading-m',\n  headingL: 'heading-l',\n  headingXL: 'heading-xl',\n  heading2XL: 'heading-2xl',\n};\n\nexport const generateFont = ({ font, customFontSizes }: Pick<Theme, 'font' | 'customFontSizes'>) => {\n  if (Boolean(font)) {\n    document.documentElement.style.setProperty('--cpsl-default-font', font);\n  }\n\n  Object.entries(FONT_NAME_MAP).forEach(([key, value]) => {\n    if (customFontSizes?.[key]) {\n      document.documentElement.style.setProperty(`--cpsl-font-size-${value}`, customFontSizes[key]);\n    } else {\n      document.documentElement.style.removeProperty(`--cpsl-font-size-${value}`);\n    }\n  });\n};\n","/**\n * A simple guard function:\n *\n * ```js\n * Math.min(Math.max(low, value), high)\n * ```\n */\nfunction guard(low, high, value) {\n  return Math.min(Math.max(low, value), high);\n}\n\nclass ColorError extends Error {\n  constructor(color) {\n    super(`Failed to parse color: \"${color}\"`);\n  }\n}\nvar ColorError$1 = ColorError;\n\n/**\n * Parses a color into red, gree, blue, alpha parts\n *\n * @param color the input color. Can be a RGB, RBGA, HSL, HSLA, or named color\n */\nfunction parseToRgba(color) {\n  if (typeof color !== 'string') throw new ColorError$1(color);\n  if (color.trim().toLowerCase() === 'transparent') return [0, 0, 0, 0];\n  let normalizedColor = color.trim();\n  normalizedColor = namedColorRegex.test(color) ? nameToHex(color) : color;\n  const reducedHexMatch = reducedHexRegex.exec(normalizedColor);\n  if (reducedHexMatch) {\n    const arr = Array.from(reducedHexMatch).slice(1);\n    return [...arr.slice(0, 3).map(x => parseInt(r(x, 2), 16)), parseInt(r(arr[3] || 'f', 2), 16) / 255];\n  }\n  const hexMatch = hexRegex.exec(normalizedColor);\n  if (hexMatch) {\n    const arr = Array.from(hexMatch).slice(1);\n    return [...arr.slice(0, 3).map(x => parseInt(x, 16)), parseInt(arr[3] || 'ff', 16) / 255];\n  }\n  const rgbaMatch = rgbaRegex.exec(normalizedColor);\n  if (rgbaMatch) {\n    const arr = Array.from(rgbaMatch).slice(1);\n    return [...arr.slice(0, 3).map(x => parseInt(x, 10)), parseFloat(arr[3] || '1')];\n  }\n  const hslaMatch = hslaRegex.exec(normalizedColor);\n  if (hslaMatch) {\n    const [h, s, l, a] = Array.from(hslaMatch).slice(1).map(parseFloat);\n    if (guard(0, 100, s) !== s) throw new ColorError$1(color);\n    if (guard(0, 100, l) !== l) throw new ColorError$1(color);\n    return [...hslToRgb(h, s, l), Number.isNaN(a) ? 1 : a];\n  }\n  throw new ColorError$1(color);\n}\nfunction hash(str) {\n  let hash = 5381;\n  let i = str.length;\n  while (i) {\n    hash = hash * 33 ^ str.charCodeAt(--i);\n  }\n\n  /* JavaScript does bitwise operations (like XOR, above) on 32-bit signed\n   * integers. Since we want the results to be always positive, convert the\n   * signed int to an unsigned by doing an unsigned bitshift. */\n  return (hash >>> 0) % 2341;\n}\nconst colorToInt = x => parseInt(x.replace(/_/g, ''), 36);\nconst compressedColorMap = '1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm'.split(' ').reduce((acc, next) => {\n  const key = colorToInt(next.substring(0, 3));\n  const hex = colorToInt(next.substring(3)).toString(16);\n\n  // NOTE: padStart could be used here but it breaks Node 6 compat\n  // https://github.com/ricokahler/color2k/issues/351\n  let prefix = '';\n  for (let i = 0; i < 6 - hex.length; i++) {\n    prefix += '0';\n  }\n  acc[key] = `${prefix}${hex}`;\n  return acc;\n}, {});\n\n/**\n * Checks if a string is a CSS named color and returns its equivalent hex value, otherwise returns the original color.\n */\nfunction nameToHex(color) {\n  const normalizedColorName = color.toLowerCase().trim();\n  const result = compressedColorMap[hash(normalizedColorName)];\n  if (!result) throw new ColorError$1(color);\n  return `#${result}`;\n}\nconst r = (str, amount) => Array.from(Array(amount)).map(() => str).join('');\nconst reducedHexRegex = new RegExp(`^#${r('([a-f0-9])', 3)}([a-f0-9])?$`, 'i');\nconst hexRegex = new RegExp(`^#${r('([a-f0-9]{2})', 3)}([a-f0-9]{2})?$`, 'i');\nconst rgbaRegex = new RegExp(`^rgba?\\\\(\\\\s*(\\\\d+)\\\\s*${r(',\\\\s*(\\\\d+)\\\\s*', 2)}(?:,\\\\s*([\\\\d.]+))?\\\\s*\\\\)$`, 'i');\nconst hslaRegex = /^hsla?\\(\\s*([\\d.]+)\\s*,\\s*([\\d.]+)%\\s*,\\s*([\\d.]+)%(?:\\s*,\\s*([\\d.]+))?\\s*\\)$/i;\nconst namedColorRegex = /^[a-z]+$/i;\nconst roundColor = color => {\n  return Math.round(color * 255);\n};\nconst hslToRgb = (hue, saturation, lightness) => {\n  let l = lightness / 100;\n  if (saturation === 0) {\n    // achromatic\n    return [l, l, l].map(roundColor);\n  }\n\n  // formulae from https://en.wikipedia.org/wiki/HSL_and_HSV\n  const huePrime = (hue % 360 + 360) % 360 / 60;\n  const chroma = (1 - Math.abs(2 * l - 1)) * (saturation / 100);\n  const secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));\n  let red = 0;\n  let green = 0;\n  let blue = 0;\n  if (huePrime >= 0 && huePrime < 1) {\n    red = chroma;\n    green = secondComponent;\n  } else if (huePrime >= 1 && huePrime < 2) {\n    red = secondComponent;\n    green = chroma;\n  } else if (huePrime >= 2 && huePrime < 3) {\n    green = chroma;\n    blue = secondComponent;\n  } else if (huePrime >= 3 && huePrime < 4) {\n    green = secondComponent;\n    blue = chroma;\n  } else if (huePrime >= 4 && huePrime < 5) {\n    red = secondComponent;\n    blue = chroma;\n  } else if (huePrime >= 5 && huePrime < 6) {\n    red = chroma;\n    blue = secondComponent;\n  }\n  const lightnessModification = l - chroma / 2;\n  const finalRed = red + lightnessModification;\n  const finalGreen = green + lightnessModification;\n  const finalBlue = blue + lightnessModification;\n  return [finalRed, finalGreen, finalBlue].map(roundColor);\n};\n\n// taken from:\n// https://github.com/styled-components/polished/blob/a23a6a2bb26802b3d922d9c3b67bac3f3a54a310/src/internalHelpers/_rgbToHsl.js\n\n/**\n * Parses a color in hue, saturation, lightness, and the alpha channel.\n *\n * Hue is a number between 0 and 360, saturation, lightness, and alpha are\n * decimal percentages between 0 and 1\n */\nfunction parseToHsla(color) {\n  const [red, green, blue, alpha] = parseToRgba(color).map((value, index) =>\n  // 3rd index is alpha channel which is already normalized\n  index === 3 ? value : value / 255);\n  const max = Math.max(red, green, blue);\n  const min = Math.min(red, green, blue);\n  const lightness = (max + min) / 2;\n\n  // achromatic\n  if (max === min) return [0, 0, lightness, alpha];\n  const delta = max - min;\n  const saturation = lightness > 0.5 ? delta / (2 - max - min) : delta / (max + min);\n  const hue = 60 * (red === max ? (green - blue) / delta + (green < blue ? 6 : 0) : green === max ? (blue - red) / delta + 2 : (red - green) / delta + 4);\n  return [hue, saturation, lightness, alpha];\n}\n\n/**\n * Takes in hsla parts and constructs an hsla string\n *\n * @param hue The color circle (from 0 to 360) - 0 (or 360) is red, 120 is green, 240 is blue\n * @param saturation Percentage of saturation, given as a decimal between 0 and 1\n * @param lightness Percentage of lightness, given as a decimal between 0 and 1\n * @param alpha Percentage of opacity, given as a decimal between 0 and 1\n */\nfunction hsla(hue, saturation, lightness, alpha) {\n  return `hsla(${(hue % 360).toFixed()}, ${guard(0, 100, saturation * 100).toFixed()}%, ${guard(0, 100, lightness * 100).toFixed()}%, ${parseFloat(guard(0, 1, alpha).toFixed(3))})`;\n}\n\n/**\n * Adjusts the current hue of the color by the given degrees. Wraps around when\n * over 360.\n *\n * @param color input color\n * @param degrees degrees to adjust the input color, accepts degree integers\n * (0 - 360) and wraps around on overflow\n */\nfunction adjustHue(color, degrees) {\n  const [h, s, l, a] = parseToHsla(color);\n  return hsla(h + degrees, s, l, a);\n}\n\n/**\n * Darkens using lightness. This is equivalent to subtracting the lightness\n * from the L in HSL.\n *\n * @param amount The amount to darken, given as a decimal between 0 and 1\n */\nfunction darken(color, amount) {\n  const [hue, saturation, lightness, alpha] = parseToHsla(color);\n  return hsla(hue, saturation, lightness - amount, alpha);\n}\n\n/**\n * Desaturates the input color by the given amount via subtracting from the `s`\n * in `hsla`.\n *\n * @param amount The amount to desaturate, given as a decimal between 0 and 1\n */\nfunction desaturate(color, amount) {\n  const [h, s, l, a] = parseToHsla(color);\n  return hsla(h, s - amount, l, a);\n}\n\n// taken from:\n// https://github.com/styled-components/polished/blob/0764c982551b487469043acb56281b0358b3107b/src/color/getLuminance.js\n\n/**\n * Returns a number (float) representing the luminance of a color.\n */\nfunction getLuminance(color) {\n  if (color === 'transparent') return 0;\n  function f(x) {\n    const channel = x / 255;\n    return channel <= 0.04045 ? channel / 12.92 : Math.pow((channel + 0.055) / 1.055, 2.4);\n  }\n  const [r, g, b] = parseToRgba(color);\n  return 0.2126 * f(r) + 0.7152 * f(g) + 0.0722 * f(b);\n}\n\n// taken from:\n// https://github.com/styled-components/polished/blob/0764c982551b487469043acb56281b0358b3107b/src/color/getContrast.js\n\n/**\n * Returns the contrast ratio between two colors based on\n * [W3's recommended equation for calculating contrast](http://www.w3.org/TR/WCAG20/#contrast-ratiodef).\n */\nfunction getContrast(color1, color2) {\n  const luminance1 = getLuminance(color1);\n  const luminance2 = getLuminance(color2);\n  return luminance1 > luminance2 ? (luminance1 + 0.05) / (luminance2 + 0.05) : (luminance2 + 0.05) / (luminance1 + 0.05);\n}\n\n/**\n * Takes in rgba parts and returns an rgba string\n *\n * @param red The amount of red in the red channel, given in a number between 0 and 255 inclusive\n * @param green The amount of green in the red channel, given in a number between 0 and 255 inclusive\n * @param blue The amount of blue in the red channel, given in a number between 0 and 255 inclusive\n * @param alpha Percentage of opacity, given as a decimal between 0 and 1\n */\nfunction rgba(red, green, blue, alpha) {\n  return `rgba(${guard(0, 255, red).toFixed()}, ${guard(0, 255, green).toFixed()}, ${guard(0, 255, blue).toFixed()}, ${parseFloat(guard(0, 1, alpha).toFixed(3))})`;\n}\n\n/**\n * Mixes two colors together. Taken from sass's implementation.\n */\nfunction mix(color1, color2, weight) {\n  const normalize = (n, index) =>\n  // 3rd index is alpha channel which is already normalized\n  index === 3 ? n : n / 255;\n  const [r1, g1, b1, a1] = parseToRgba(color1).map(normalize);\n  const [r2, g2, b2, a2] = parseToRgba(color2).map(normalize);\n\n  // The formula is copied from the original Sass implementation:\n  // http://sass-lang.com/documentation/Sass/Script/Functions.html#mix-instance_method\n  const alphaDelta = a2 - a1;\n  const normalizedWeight = weight * 2 - 1;\n  const combinedWeight = normalizedWeight * alphaDelta === -1 ? normalizedWeight : normalizedWeight + alphaDelta / (1 + normalizedWeight * alphaDelta);\n  const weight2 = (combinedWeight + 1) / 2;\n  const weight1 = 1 - weight2;\n  const r = (r1 * weight1 + r2 * weight2) * 255;\n  const g = (g1 * weight1 + g2 * weight2) * 255;\n  const b = (b1 * weight1 + b2 * weight2) * 255;\n  const a = a2 * weight + a1 * (1 - weight);\n  return rgba(r, g, b, a);\n}\n\n/**\n * Given a series colors, this function will return a `scale(x)` function that\n * accepts a percentage as a decimal between 0 and 1 and returns the color at\n * that percentage in the scale.\n *\n * ```js\n * const scale = getScale('red', 'yellow', 'green');\n * console.log(scale(0)); // rgba(255, 0, 0, 1)\n * console.log(scale(0.5)); // rgba(255, 255, 0, 1)\n * console.log(scale(1)); // rgba(0, 128, 0, 1)\n * ```\n *\n * If you'd like to limit the domain and range like chroma-js, we recommend\n * wrapping scale again.\n *\n * ```js\n * const _scale = getScale('red', 'yellow', 'green');\n * const scale = x => _scale(x / 100);\n *\n * console.log(scale(0)); // rgba(255, 0, 0, 1)\n * console.log(scale(50)); // rgba(255, 255, 0, 1)\n * console.log(scale(100)); // rgba(0, 128, 0, 1)\n * ```\n */\nfunction getScale(...colors) {\n  return n => {\n    const lastIndex = colors.length - 1;\n    const lowIndex = guard(0, lastIndex, Math.floor(n * lastIndex));\n    const highIndex = guard(0, lastIndex, Math.ceil(n * lastIndex));\n    const color1 = colors[lowIndex];\n    const color2 = colors[highIndex];\n    const unit = 1 / lastIndex;\n    const weight = (n - unit * lowIndex) / unit;\n    return mix(color1, color2, weight);\n  };\n}\n\nconst guidelines = {\n  decorative: 1.5,\n  readable: 3,\n  aa: 4.5,\n  aaa: 7\n};\n\n/**\n * Returns whether or not a color has bad contrast against a background\n * according to a given standard.\n */\nfunction hasBadContrast(color, standard = 'aa', background = '#fff') {\n  return getContrast(color, background) < guidelines[standard];\n}\n\n/**\n * Lightens a color by a given amount. This is equivalent to\n * `darken(color, -amount)`\n *\n * @param amount The amount to darken, given as a decimal between 0 and 1\n */\nfunction lighten(color, amount) {\n  return darken(color, -amount);\n}\n\n/**\n * Takes in a color and makes it more transparent by convert to `rgba` and\n * decreasing the amount in the alpha channel.\n *\n * @param amount The amount to increase the transparency by, given as a decimal between 0 and 1\n */\nfunction transparentize(color, amount) {\n  const [r, g, b, a] = parseToRgba(color);\n  return rgba(r, g, b, a - amount);\n}\n\n/**\n * Takes a color and un-transparentizes it. Equivalent to\n * `transparentize(color, -amount)`\n *\n * @param amount The amount to increase the opacity by, given as a decimal between 0 and 1\n */\nfunction opacify(color, amount) {\n  return transparentize(color, -amount);\n}\n\n/**\n * An alternative function to `readableColor`. Returns whether or not the \n * readable color (i.e. the color to be place on top the input color) should be\n * black.\n */\nfunction readableColorIsBlack(color) {\n  return getLuminance(color) > 0.179;\n}\n\n/**\n * Returns black or white for best contrast depending on the luminosity of the\n * given color.\n */\nfunction readableColor(color) {\n  return readableColorIsBlack(color) ? '#000' : '#fff';\n}\n\n/**\n * Saturates a color by converting it to `hsl` and increasing the saturation\n * amount. Equivalent to `desaturate(color, -amount)`\n * \n * @param color Input color\n * @param amount The amount to darken, given as a decimal between 0 and 1\n */\nfunction saturate(color, amount) {\n  return desaturate(color, -amount);\n}\n\n/**\n * Takes in any color and returns it as a hex code.\n */\nfunction toHex(color) {\n  const [r, g, b, a] = parseToRgba(color);\n  let hex = x => {\n    const h = guard(0, 255, x).toString(16);\n    // NOTE: padStart could be used here but it breaks Node 6 compat\n    // https://github.com/ricokahler/color2k/issues/351\n    return h.length === 1 ? `0${h}` : h;\n  };\n  return `#${hex(r)}${hex(g)}${hex(b)}${a < 1 ? hex(Math.round(a * 255)) : ''}`;\n}\n\n/**\n * Takes in any color and returns it as an rgba string.\n */\nfunction toRgba(color) {\n  return rgba(...parseToRgba(color));\n}\n\n/**\n * Takes in any color and returns it as an hsla string.\n */\nfunction toHsla(color) {\n  return hsla(...parseToHsla(color));\n}\n\nexport { ColorError$1 as ColorError, adjustHue, darken, desaturate, getContrast, getLuminance, getScale, guard, hasBadContrast, hsla, lighten, mix, opacify, parseToHsla, parseToRgba, readableColor, readableColorIsBlack, rgba, saturate, toHex, toHsla, toRgba, transparentize };\n//# sourceMappingURL=index.module.es.js.map\n","function n(n,r,t){return{r:255*t(n.r/255,r.r/255),g:255*t(n.g/255,r.g/255),b:255*t(n.b/255,r.b/255)}}function r(n,r){return r}function t(n,r){return n*r}function u(n,r){return n+r-n*r}function i(n,r){return a(r,n)}function o(n,r){return Math.min(n,r)}function e(n,r){return Math.min(Math.max(n,r),1)}function c(n,r){return 0===n?0:1===r?1:Math.min(1,n/(1-r))}function f(n,r){return 1===n?1:0===r?0:1-Math.min(1,(1-n)/r)}function a(n,r){return r<=.5?t(n,2*r):u(n,2*r-1)}function b(n,r){return r<=.5?n-(1-2*r)*n*(1-n):n+(2*r-1)*((n<=.25?((16*n-12)*n+4)*n:Math.sqrt(n))-n)}function g(n,r){return Math.abs(n-r)}function h(n,r){return n+r-2*n*r}function M(n,r,t){return Math.min(Math.max(n||0,r),t)}function m(n){return{r:M(n.r,0,255),g:M(n.g,0,255),b:M(n.b,0,255),a:M(n.a,0,1)}}function d(n){return{r:255*n.r,g:255*n.g,b:255*n.b,a:n.a}}function p(n){return{r:n.r/255,g:n.g/255,b:n.b/255,a:n.a}}function v(n,r){void 0===r&&(r=0);var t=Math.pow(10,r);return{r:Math.round(n.r*t)/t,g:Math.round(n.g*t)/t,b:Math.round(n.b*t)/t,a:n.a}}function x(n,r,t,u,i,o){return(1-r/t)*u+r/t*Math.round((1-n)*i+n*o)}function O(n,r,t,u,i){void 0===i&&(i={unitInput:!1,unitOutput:!1,roundOutput:!0}),i.unitInput&&(n=d(n),r=d(r)),n=m(n);var o=(r=m(r)).a+n.a-r.a*n.a,e=t(n,r,u),c=m({r:x(n.a,r.a,o,n.r,r.r,e.r),g:x(n.a,r.a,o,n.g,r.g,e.g),b:x(n.a,r.a,o,n.b,r.b,e.b),a:o});return c=i.unitOutput?p(c):i.roundOutput?v(c):function(n){return v(n,9)}(c),c}function s(n,r,t){return d(t(p(n),p(r)))}function I(n){return.3*n.r+.59*n.g+.11*n.b}function q(n,r){var t=r-I(n);return function(n){var r=I(n),t=n.r,u=n.g,i=n.b,o=Math.min(t,u,i),e=Math.max(t,u,i);function c(n){return r+(n-r)*r/(r-o)}function f(n){return r+(n-r)*(1-r)/(e-r)}return o<0&&(t=c(t),u=c(u),i=c(i)),e>1&&(t=f(t),u=f(u),i=f(i)),{r:t,g:u,b:i}}({r:n.r+t,g:n.g+t,b:n.b+t})}function w(n){return Math.max(n.r,n.g,n.b)-Math.min(n.r,n.g,n.b)}function j(n,r){var t=[\"r\",\"g\",\"b\"].sort(function(r,t){return n[r]-n[t]}),u=t[0],i=t[1],o=t[2],e={r:n.r,g:n.g,b:n.b};return e[o]>e[u]?(e[i]=(e[i]-e[u])*r/(e[o]-e[u]),e[o]=r):e[i]=e[o]=0,e[u]=0,e}function k(n,r){return q(j(r,w(n)),I(n))}function l(n,r){return q(j(n,w(r)),I(n))}function y(n,r){return q(r,I(n))}function z(n,r){return q(n,I(r))}function A(t,u){return O(t,u,n,r)}function B(r,u){return O(r,u,n,t)}function C(r,t){return O(r,t,n,u)}function D(r,t){return O(r,t,n,i)}function E(r,t){return O(r,t,n,o)}function F(r,t){return O(r,t,n,e)}function G(r,t){return O(r,t,n,c)}function H(r,t){return O(r,t,n,f)}function J(r,t){return O(r,t,n,a)}function K(r,t){return O(r,t,n,b)}function L(r,t){return O(r,t,n,g)}function N(r,t){return O(r,t,n,h)}function P(n,r){return O(n,r,s,k)}function Q(n,r){return O(n,r,s,l)}function R(n,r){return O(n,r,s,y)}function S(n,r){return O(n,r,s,z)}export{R as color,H as colorBurn,G as colorDodge,E as darken,L as difference,N as exclusion,J as hardLight,P as hue,F as lighten,S as luminosity,B as multiply,A as normal,D as overlay,Q as saturation,C as screen,K as softLight};\n//# sourceMappingURL=index.modern.js.map\n","import { parseToRgba, rgba } from 'color2k';\nimport { CustomPalette } from '../../interface';\nimport { overlay } from 'color-blend';\n\nexport const isColor = strColor => {\n  const s = new Option().style;\n  s.color = strColor;\n  return s.color !== '';\n};\n\nconst toKebabCase = (pascal: string) => pascal.replace(/([a-z0–9])([A-Z])/g, '$1-$2').toLowerCase();\n\n// This function handles arrays and objects\nconst buildVars = (prev: string, obj: any): { [k: string]: string } => {\n  let resp = {};\n\n  for (const k in obj) {\n    const name = `${prev}-${toKebabCase(k)}`;\n    if (typeof obj[k] === 'object' && obj[k] !== null) {\n      resp = { ...resp, ...buildVars(name, obj[k]) };\n    } else {\n      resp[name] = obj[k];\n    }\n  }\n\n  return resp;\n};\n\nexport const getCssColors = (customPalette: CustomPalette): { [k: string]: string } => buildVars('--cpsl-color', customPalette);\n\nexport const overlayMix = (baseColor: string, overlayColor: string) => {\n  const baseRGBA = parseToRgba(baseColor);\n  const overlayRGBA = parseToRgba(overlayColor);\n\n  const finalRGBA = overlay({ r: baseRGBA[0], g: baseRGBA[1], b: baseRGBA[2], a: 0.1 }, { r: overlayRGBA[0], g: overlayRGBA[1], b: overlayRGBA[2], a: overlayRGBA[3] });\n\n  return rgba(finalRGBA.r, finalRGBA.g, finalRGBA.b, finalRGBA.a);\n};\n","import { mix, readableColorIsBlack } from 'color2k';\nimport { Theme } from '../../interface';\nimport { getCssColors, isColor, overlayMix } from './utils';\nimport { COLOR_MIXES, DEFAULT_THEME, UTILITY_COLORS } from '../../constants';\n\nexport type Palette = {\n  foregroundColors: string[];\n  backgroundColors: string[];\n  isDarkBackground: boolean;\n};\n\nexport const generatePalette = ({ foregroundColor, backgroundColor, customPalette }: Pick<Theme, 'foregroundColor' | 'backgroundColor' | 'customPalette'>): Palette => {\n  if (!Boolean(foregroundColor) || !isColor(foregroundColor)) {\n    foregroundColor = DEFAULT_THEME.foregroundColor;\n  }\n  if (!Boolean(backgroundColor) || !isColor(backgroundColor)) {\n    backgroundColor = DEFAULT_THEME.backgroundColor;\n  }\n\n  const isDarkBackground = !readableColorIsBlack(backgroundColor);\n\n  const palette: Palette = {\n    foregroundColors: [],\n    backgroundColors: [],\n    isDarkBackground,\n  };\n\n  const backgroundMixColor = isDarkBackground ? '#FFFFFF' : '#000000';\n  const foregroundMixColor = isDarkBackground ? '#000000' : '#FFFFFF';\n\n  COLOR_MIXES.forEach(value => {\n    palette.foregroundColors.push(mix(foregroundColor, foregroundMixColor, value));\n    palette.backgroundColors.push(mix(backgroundColor, backgroundMixColor, value));\n  });\n\n  // BACKGROUND\n  document.documentElement.style.setProperty('--cpsl-color-background-0', palette.backgroundColors[0]);\n  document.documentElement.style.setProperty('--cpsl-color-background-4', palette.backgroundColors[1]);\n  document.documentElement.style.setProperty('--cpsl-color-background-8', palette.backgroundColors[2]);\n  document.documentElement.style.setProperty('--cpsl-color-background-16', palette.backgroundColors[3]);\n  document.documentElement.style.setProperty('--cpsl-color-background-32', palette.backgroundColors[4]);\n  document.documentElement.style.setProperty('--cpsl-color-background-48', palette.backgroundColors[5]);\n  document.documentElement.style.setProperty('--cpsl-color-background-64', palette.backgroundColors[6]);\n  document.documentElement.style.setProperty('--cpsl-color-background-80', palette.backgroundColors[7]);\n  document.documentElement.style.setProperty('--cpsl-color-background-96', palette.backgroundColors[8]);\n\n  // FOREGROUND\n  document.documentElement.style.setProperty('--cpsl-color-foreground-0', palette.foregroundColors[0]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-4', palette.foregroundColors[1]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-8', palette.foregroundColors[2]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-16', palette.foregroundColors[3]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-32', palette.foregroundColors[4]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-48', palette.foregroundColors[5]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-64', palette.foregroundColors[6]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-80', palette.foregroundColors[7]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-96', palette.foregroundColors[8]);\n\n  // UTILITY\n  document.documentElement.style.setProperty('--cpsl-color-utility-red', overlayMix(foregroundColor, UTILITY_COLORS.red));\n  document.documentElement.style.setProperty('--cpsl-color-utility-yellow', overlayMix(foregroundColor, UTILITY_COLORS.yellow));\n  document.documentElement.style.setProperty('--cpsl-color-utility-green', overlayMix(foregroundColor, UTILITY_COLORS.green));\n\n  if (Boolean(customPalette)) {\n    const cssColorVars = getCssColors(customPalette);\n    Object.entries(cssColorVars).forEach(([k, v]) => document.documentElement.style.setProperty(k, v));\n  }\n\n  return palette;\n};\n","import { DEFAULT_THEME } from '../../constants';\nimport { Theme } from '../../interface';\nimport { generateBorderRadii } from './generateBorderRadii';\nimport { generateFont } from './generateFont';\nimport { generatePalette } from './generatePalette';\n\n/**\n * Generates css theme variables.\n * @returns @boolean Whether background is dark or not.\n */\nexport const generateTheme = ({\n  foregroundColor = DEFAULT_THEME.foregroundColor,\n  backgroundColor = DEFAULT_THEME.backgroundColor,\n  font,\n  customPalette,\n  borderRadius,\n  customFontSizes,\n}: Theme): boolean => {\n  const palette = generatePalette({ foregroundColor, backgroundColor, customPalette });\n\n  generateFont({ font, customFontSizes });\n\n  generateBorderRadii({ borderRadius });\n\n  return palette.isDarkBackground;\n};\n"],"mappings":"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"}
+{"version":3,"names":["guard","low","high","value","Math","min","max","ColorError","Error","constructor","color","super","ColorError$1","parseToRgba","trim","toLowerCase","normalizedColor","namedColorRegex","test","nameToHex","reducedHexMatch","reducedHexRegex","exec","arr","Array","from","slice","map","x","parseInt","r","hexMatch","hexRegex","rgbaMatch","rgbaRegex","parseFloat","hslaMatch","hslaRegex","h","s","l","a","hslToRgb","Number","isNaN","hash","str","i","length","charCodeAt","colorToInt","replace","compressedColorMap","split","reduce","acc","next","key","substring","hex","toString","prefix","normalizedColorName","result","amount","join","RegExp","roundColor","round","hue","saturation","lightness","huePrime","chroma","abs","secondComponent","red","green","blue","lightnessModification","finalRed","finalGreen","finalBlue","getLuminance","f","channel","pow","g","b","rgba","alpha","toFixed","mix","color1","color2","weight","normalize","n","index","r1","g1","b1","a1","r2","g2","b2","a2","alphaDelta","normalizedWeight","combinedWeight","weight2","weight1","readableColorIsBlack","t","u","M","m","d","p","v","o","O","unitInput","unitOutput","roundOutput","e","c","D","isColor","strColor","Option","style","toKebabCase","pascal","buildVars","prev","obj","resp","k","name","Object","assign","getCssColors","customPalette","getCssBorderRadii","customBorderRadii","overlayMix","baseColor","overlayColor","baseRGBA","overlayRGBA","finalRGBA","overlay","generateBorderRadii","borderRadius","mediumRadius","largeRadius","checkboxRadius","fullRadius","isFull","isNone","document","documentElement","setProperty","Boolean","cssBorderRadiiVars","entries","forEach","FONT_NAME_MAP","body2XS","bodyXS","bodyS","bodyM","bodyL","bodyXL","headingXS","headingS","headingM","headingL","headingXL","heading2XL","generateFont","font","customFontSizes","removeProperty","generatePalette","foregroundColor","backgroundColor","DEFAULT_THEME","isDarkBackground","palette","foregroundColors","backgroundColors","backgroundMixColor","foregroundMixColor","COLOR_MIXES","push","utilityLightMixColor","utilityLightMixValue","UTILITY_COLORS","yellow","cssColorVars","generateTheme"],"sources":["../node_modules/color2k/dist/index.module.es.js","../node_modules/color-blend/dist/index.modern.js","src/utils/theme/utils.ts","src/utils/theme/generateBorderRadii.ts","src/utils/theme/generateFont.ts","src/utils/theme/generatePalette.ts","src/utils/theme/generateTheme.ts"],"sourcesContent":["/**\n * A simple guard function:\n *\n * ```js\n * Math.min(Math.max(low, value), high)\n * ```\n */\nfunction guard(low, high, value) {\n  return Math.min(Math.max(low, value), high);\n}\n\nclass ColorError extends Error {\n  constructor(color) {\n    super(`Failed to parse color: \"${color}\"`);\n  }\n}\nvar ColorError$1 = ColorError;\n\n/**\n * Parses a color into red, gree, blue, alpha parts\n *\n * @param color the input color. Can be a RGB, RBGA, HSL, HSLA, or named color\n */\nfunction parseToRgba(color) {\n  if (typeof color !== 'string') throw new ColorError$1(color);\n  if (color.trim().toLowerCase() === 'transparent') return [0, 0, 0, 0];\n  let normalizedColor = color.trim();\n  normalizedColor = namedColorRegex.test(color) ? nameToHex(color) : color;\n  const reducedHexMatch = reducedHexRegex.exec(normalizedColor);\n  if (reducedHexMatch) {\n    const arr = Array.from(reducedHexMatch).slice(1);\n    return [...arr.slice(0, 3).map(x => parseInt(r(x, 2), 16)), parseInt(r(arr[3] || 'f', 2), 16) / 255];\n  }\n  const hexMatch = hexRegex.exec(normalizedColor);\n  if (hexMatch) {\n    const arr = Array.from(hexMatch).slice(1);\n    return [...arr.slice(0, 3).map(x => parseInt(x, 16)), parseInt(arr[3] || 'ff', 16) / 255];\n  }\n  const rgbaMatch = rgbaRegex.exec(normalizedColor);\n  if (rgbaMatch) {\n    const arr = Array.from(rgbaMatch).slice(1);\n    return [...arr.slice(0, 3).map(x => parseInt(x, 10)), parseFloat(arr[3] || '1')];\n  }\n  const hslaMatch = hslaRegex.exec(normalizedColor);\n  if (hslaMatch) {\n    const [h, s, l, a] = Array.from(hslaMatch).slice(1).map(parseFloat);\n    if (guard(0, 100, s) !== s) throw new ColorError$1(color);\n    if (guard(0, 100, l) !== l) throw new ColorError$1(color);\n    return [...hslToRgb(h, s, l), Number.isNaN(a) ? 1 : a];\n  }\n  throw new ColorError$1(color);\n}\nfunction hash(str) {\n  let hash = 5381;\n  let i = str.length;\n  while (i) {\n    hash = hash * 33 ^ str.charCodeAt(--i);\n  }\n\n  /* JavaScript does bitwise operations (like XOR, above) on 32-bit signed\n   * integers. Since we want the results to be always positive, convert the\n   * signed int to an unsigned by doing an unsigned bitshift. */\n  return (hash >>> 0) % 2341;\n}\nconst colorToInt = x => parseInt(x.replace(/_/g, ''), 36);\nconst compressedColorMap = '1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm'.split(' ').reduce((acc, next) => {\n  const key = colorToInt(next.substring(0, 3));\n  const hex = colorToInt(next.substring(3)).toString(16);\n\n  // NOTE: padStart could be used here but it breaks Node 6 compat\n  // https://github.com/ricokahler/color2k/issues/351\n  let prefix = '';\n  for (let i = 0; i < 6 - hex.length; i++) {\n    prefix += '0';\n  }\n  acc[key] = `${prefix}${hex}`;\n  return acc;\n}, {});\n\n/**\n * Checks if a string is a CSS named color and returns its equivalent hex value, otherwise returns the original color.\n */\nfunction nameToHex(color) {\n  const normalizedColorName = color.toLowerCase().trim();\n  const result = compressedColorMap[hash(normalizedColorName)];\n  if (!result) throw new ColorError$1(color);\n  return `#${result}`;\n}\nconst r = (str, amount) => Array.from(Array(amount)).map(() => str).join('');\nconst reducedHexRegex = new RegExp(`^#${r('([a-f0-9])', 3)}([a-f0-9])?$`, 'i');\nconst hexRegex = new RegExp(`^#${r('([a-f0-9]{2})', 3)}([a-f0-9]{2})?$`, 'i');\nconst rgbaRegex = new RegExp(`^rgba?\\\\(\\\\s*(\\\\d+)\\\\s*${r(',\\\\s*(\\\\d+)\\\\s*', 2)}(?:,\\\\s*([\\\\d.]+))?\\\\s*\\\\)$`, 'i');\nconst hslaRegex = /^hsla?\\(\\s*([\\d.]+)\\s*,\\s*([\\d.]+)%\\s*,\\s*([\\d.]+)%(?:\\s*,\\s*([\\d.]+))?\\s*\\)$/i;\nconst namedColorRegex = /^[a-z]+$/i;\nconst roundColor = color => {\n  return Math.round(color * 255);\n};\nconst hslToRgb = (hue, saturation, lightness) => {\n  let l = lightness / 100;\n  if (saturation === 0) {\n    // achromatic\n    return [l, l, l].map(roundColor);\n  }\n\n  // formulae from https://en.wikipedia.org/wiki/HSL_and_HSV\n  const huePrime = (hue % 360 + 360) % 360 / 60;\n  const chroma = (1 - Math.abs(2 * l - 1)) * (saturation / 100);\n  const secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));\n  let red = 0;\n  let green = 0;\n  let blue = 0;\n  if (huePrime >= 0 && huePrime < 1) {\n    red = chroma;\n    green = secondComponent;\n  } else if (huePrime >= 1 && huePrime < 2) {\n    red = secondComponent;\n    green = chroma;\n  } else if (huePrime >= 2 && huePrime < 3) {\n    green = chroma;\n    blue = secondComponent;\n  } else if (huePrime >= 3 && huePrime < 4) {\n    green = secondComponent;\n    blue = chroma;\n  } else if (huePrime >= 4 && huePrime < 5) {\n    red = secondComponent;\n    blue = chroma;\n  } else if (huePrime >= 5 && huePrime < 6) {\n    red = chroma;\n    blue = secondComponent;\n  }\n  const lightnessModification = l - chroma / 2;\n  const finalRed = red + lightnessModification;\n  const finalGreen = green + lightnessModification;\n  const finalBlue = blue + lightnessModification;\n  return [finalRed, finalGreen, finalBlue].map(roundColor);\n};\n\n// taken from:\n// https://github.com/styled-components/polished/blob/a23a6a2bb26802b3d922d9c3b67bac3f3a54a310/src/internalHelpers/_rgbToHsl.js\n\n/**\n * Parses a color in hue, saturation, lightness, and the alpha channel.\n *\n * Hue is a number between 0 and 360, saturation, lightness, and alpha are\n * decimal percentages between 0 and 1\n */\nfunction parseToHsla(color) {\n  const [red, green, blue, alpha] = parseToRgba(color).map((value, index) =>\n  // 3rd index is alpha channel which is already normalized\n  index === 3 ? value : value / 255);\n  const max = Math.max(red, green, blue);\n  const min = Math.min(red, green, blue);\n  const lightness = (max + min) / 2;\n\n  // achromatic\n  if (max === min) return [0, 0, lightness, alpha];\n  const delta = max - min;\n  const saturation = lightness > 0.5 ? delta / (2 - max - min) : delta / (max + min);\n  const hue = 60 * (red === max ? (green - blue) / delta + (green < blue ? 6 : 0) : green === max ? (blue - red) / delta + 2 : (red - green) / delta + 4);\n  return [hue, saturation, lightness, alpha];\n}\n\n/**\n * Takes in hsla parts and constructs an hsla string\n *\n * @param hue The color circle (from 0 to 360) - 0 (or 360) is red, 120 is green, 240 is blue\n * @param saturation Percentage of saturation, given as a decimal between 0 and 1\n * @param lightness Percentage of lightness, given as a decimal between 0 and 1\n * @param alpha Percentage of opacity, given as a decimal between 0 and 1\n */\nfunction hsla(hue, saturation, lightness, alpha) {\n  return `hsla(${(hue % 360).toFixed()}, ${guard(0, 100, saturation * 100).toFixed()}%, ${guard(0, 100, lightness * 100).toFixed()}%, ${parseFloat(guard(0, 1, alpha).toFixed(3))})`;\n}\n\n/**\n * Adjusts the current hue of the color by the given degrees. Wraps around when\n * over 360.\n *\n * @param color input color\n * @param degrees degrees to adjust the input color, accepts degree integers\n * (0 - 360) and wraps around on overflow\n */\nfunction adjustHue(color, degrees) {\n  const [h, s, l, a] = parseToHsla(color);\n  return hsla(h + degrees, s, l, a);\n}\n\n/**\n * Darkens using lightness. This is equivalent to subtracting the lightness\n * from the L in HSL.\n *\n * @param amount The amount to darken, given as a decimal between 0 and 1\n */\nfunction darken(color, amount) {\n  const [hue, saturation, lightness, alpha] = parseToHsla(color);\n  return hsla(hue, saturation, lightness - amount, alpha);\n}\n\n/**\n * Desaturates the input color by the given amount via subtracting from the `s`\n * in `hsla`.\n *\n * @param amount The amount to desaturate, given as a decimal between 0 and 1\n */\nfunction desaturate(color, amount) {\n  const [h, s, l, a] = parseToHsla(color);\n  return hsla(h, s - amount, l, a);\n}\n\n// taken from:\n// https://github.com/styled-components/polished/blob/0764c982551b487469043acb56281b0358b3107b/src/color/getLuminance.js\n\n/**\n * Returns a number (float) representing the luminance of a color.\n */\nfunction getLuminance(color) {\n  if (color === 'transparent') return 0;\n  function f(x) {\n    const channel = x / 255;\n    return channel <= 0.04045 ? channel / 12.92 : Math.pow((channel + 0.055) / 1.055, 2.4);\n  }\n  const [r, g, b] = parseToRgba(color);\n  return 0.2126 * f(r) + 0.7152 * f(g) + 0.0722 * f(b);\n}\n\n// taken from:\n// https://github.com/styled-components/polished/blob/0764c982551b487469043acb56281b0358b3107b/src/color/getContrast.js\n\n/**\n * Returns the contrast ratio between two colors based on\n * [W3's recommended equation for calculating contrast](http://www.w3.org/TR/WCAG20/#contrast-ratiodef).\n */\nfunction getContrast(color1, color2) {\n  const luminance1 = getLuminance(color1);\n  const luminance2 = getLuminance(color2);\n  return luminance1 > luminance2 ? (luminance1 + 0.05) / (luminance2 + 0.05) : (luminance2 + 0.05) / (luminance1 + 0.05);\n}\n\n/**\n * Takes in rgba parts and returns an rgba string\n *\n * @param red The amount of red in the red channel, given in a number between 0 and 255 inclusive\n * @param green The amount of green in the red channel, given in a number between 0 and 255 inclusive\n * @param blue The amount of blue in the red channel, given in a number between 0 and 255 inclusive\n * @param alpha Percentage of opacity, given as a decimal between 0 and 1\n */\nfunction rgba(red, green, blue, alpha) {\n  return `rgba(${guard(0, 255, red).toFixed()}, ${guard(0, 255, green).toFixed()}, ${guard(0, 255, blue).toFixed()}, ${parseFloat(guard(0, 1, alpha).toFixed(3))})`;\n}\n\n/**\n * Mixes two colors together. Taken from sass's implementation.\n */\nfunction mix(color1, color2, weight) {\n  const normalize = (n, index) =>\n  // 3rd index is alpha channel which is already normalized\n  index === 3 ? n : n / 255;\n  const [r1, g1, b1, a1] = parseToRgba(color1).map(normalize);\n  const [r2, g2, b2, a2] = parseToRgba(color2).map(normalize);\n\n  // The formula is copied from the original Sass implementation:\n  // http://sass-lang.com/documentation/Sass/Script/Functions.html#mix-instance_method\n  const alphaDelta = a2 - a1;\n  const normalizedWeight = weight * 2 - 1;\n  const combinedWeight = normalizedWeight * alphaDelta === -1 ? normalizedWeight : normalizedWeight + alphaDelta / (1 + normalizedWeight * alphaDelta);\n  const weight2 = (combinedWeight + 1) / 2;\n  const weight1 = 1 - weight2;\n  const r = (r1 * weight1 + r2 * weight2) * 255;\n  const g = (g1 * weight1 + g2 * weight2) * 255;\n  const b = (b1 * weight1 + b2 * weight2) * 255;\n  const a = a2 * weight + a1 * (1 - weight);\n  return rgba(r, g, b, a);\n}\n\n/**\n * Given a series colors, this function will return a `scale(x)` function that\n * accepts a percentage as a decimal between 0 and 1 and returns the color at\n * that percentage in the scale.\n *\n * ```js\n * const scale = getScale('red', 'yellow', 'green');\n * console.log(scale(0)); // rgba(255, 0, 0, 1)\n * console.log(scale(0.5)); // rgba(255, 255, 0, 1)\n * console.log(scale(1)); // rgba(0, 128, 0, 1)\n * ```\n *\n * If you'd like to limit the domain and range like chroma-js, we recommend\n * wrapping scale again.\n *\n * ```js\n * const _scale = getScale('red', 'yellow', 'green');\n * const scale = x => _scale(x / 100);\n *\n * console.log(scale(0)); // rgba(255, 0, 0, 1)\n * console.log(scale(50)); // rgba(255, 255, 0, 1)\n * console.log(scale(100)); // rgba(0, 128, 0, 1)\n * ```\n */\nfunction getScale(...colors) {\n  return n => {\n    const lastIndex = colors.length - 1;\n    const lowIndex = guard(0, lastIndex, Math.floor(n * lastIndex));\n    const highIndex = guard(0, lastIndex, Math.ceil(n * lastIndex));\n    const color1 = colors[lowIndex];\n    const color2 = colors[highIndex];\n    const unit = 1 / lastIndex;\n    const weight = (n - unit * lowIndex) / unit;\n    return mix(color1, color2, weight);\n  };\n}\n\nconst guidelines = {\n  decorative: 1.5,\n  readable: 3,\n  aa: 4.5,\n  aaa: 7\n};\n\n/**\n * Returns whether or not a color has bad contrast against a background\n * according to a given standard.\n */\nfunction hasBadContrast(color, standard = 'aa', background = '#fff') {\n  return getContrast(color, background) < guidelines[standard];\n}\n\n/**\n * Lightens a color by a given amount. This is equivalent to\n * `darken(color, -amount)`\n *\n * @param amount The amount to darken, given as a decimal between 0 and 1\n */\nfunction lighten(color, amount) {\n  return darken(color, -amount);\n}\n\n/**\n * Takes in a color and makes it more transparent by convert to `rgba` and\n * decreasing the amount in the alpha channel.\n *\n * @param amount The amount to increase the transparency by, given as a decimal between 0 and 1\n */\nfunction transparentize(color, amount) {\n  const [r, g, b, a] = parseToRgba(color);\n  return rgba(r, g, b, a - amount);\n}\n\n/**\n * Takes a color and un-transparentizes it. Equivalent to\n * `transparentize(color, -amount)`\n *\n * @param amount The amount to increase the opacity by, given as a decimal between 0 and 1\n */\nfunction opacify(color, amount) {\n  return transparentize(color, -amount);\n}\n\n/**\n * An alternative function to `readableColor`. Returns whether or not the \n * readable color (i.e. the color to be place on top the input color) should be\n * black.\n */\nfunction readableColorIsBlack(color) {\n  return getLuminance(color) > 0.179;\n}\n\n/**\n * Returns black or white for best contrast depending on the luminosity of the\n * given color.\n */\nfunction readableColor(color) {\n  return readableColorIsBlack(color) ? '#000' : '#fff';\n}\n\n/**\n * Saturates a color by converting it to `hsl` and increasing the saturation\n * amount. Equivalent to `desaturate(color, -amount)`\n * \n * @param color Input color\n * @param amount The amount to darken, given as a decimal between 0 and 1\n */\nfunction saturate(color, amount) {\n  return desaturate(color, -amount);\n}\n\n/**\n * Takes in any color and returns it as a hex code.\n */\nfunction toHex(color) {\n  const [r, g, b, a] = parseToRgba(color);\n  let hex = x => {\n    const h = guard(0, 255, x).toString(16);\n    // NOTE: padStart could be used here but it breaks Node 6 compat\n    // https://github.com/ricokahler/color2k/issues/351\n    return h.length === 1 ? `0${h}` : h;\n  };\n  return `#${hex(r)}${hex(g)}${hex(b)}${a < 1 ? hex(Math.round(a * 255)) : ''}`;\n}\n\n/**\n * Takes in any color and returns it as an rgba string.\n */\nfunction toRgba(color) {\n  return rgba(...parseToRgba(color));\n}\n\n/**\n * Takes in any color and returns it as an hsla string.\n */\nfunction toHsla(color) {\n  return hsla(...parseToHsla(color));\n}\n\nexport { ColorError$1 as ColorError, adjustHue, darken, desaturate, getContrast, getLuminance, getScale, guard, hasBadContrast, hsla, lighten, mix, opacify, parseToHsla, parseToRgba, readableColor, readableColorIsBlack, rgba, saturate, toHex, toHsla, toRgba, transparentize };\n//# sourceMappingURL=index.module.es.js.map\n","function n(n,r,t){return{r:255*t(n.r/255,r.r/255),g:255*t(n.g/255,r.g/255),b:255*t(n.b/255,r.b/255)}}function r(n,r){return r}function t(n,r){return n*r}function u(n,r){return n+r-n*r}function i(n,r){return a(r,n)}function o(n,r){return Math.min(n,r)}function e(n,r){return Math.min(Math.max(n,r),1)}function c(n,r){return 0===n?0:1===r?1:Math.min(1,n/(1-r))}function f(n,r){return 1===n?1:0===r?0:1-Math.min(1,(1-n)/r)}function a(n,r){return r<=.5?t(n,2*r):u(n,2*r-1)}function b(n,r){return r<=.5?n-(1-2*r)*n*(1-n):n+(2*r-1)*((n<=.25?((16*n-12)*n+4)*n:Math.sqrt(n))-n)}function g(n,r){return Math.abs(n-r)}function h(n,r){return n+r-2*n*r}function M(n,r,t){return Math.min(Math.max(n||0,r),t)}function m(n){return{r:M(n.r,0,255),g:M(n.g,0,255),b:M(n.b,0,255),a:M(n.a,0,1)}}function d(n){return{r:255*n.r,g:255*n.g,b:255*n.b,a:n.a}}function p(n){return{r:n.r/255,g:n.g/255,b:n.b/255,a:n.a}}function v(n,r){void 0===r&&(r=0);var t=Math.pow(10,r);return{r:Math.round(n.r*t)/t,g:Math.round(n.g*t)/t,b:Math.round(n.b*t)/t,a:n.a}}function x(n,r,t,u,i,o){return(1-r/t)*u+r/t*Math.round((1-n)*i+n*o)}function O(n,r,t,u,i){void 0===i&&(i={unitInput:!1,unitOutput:!1,roundOutput:!0}),i.unitInput&&(n=d(n),r=d(r)),n=m(n);var o=(r=m(r)).a+n.a-r.a*n.a,e=t(n,r,u),c=m({r:x(n.a,r.a,o,n.r,r.r,e.r),g:x(n.a,r.a,o,n.g,r.g,e.g),b:x(n.a,r.a,o,n.b,r.b,e.b),a:o});return c=i.unitOutput?p(c):i.roundOutput?v(c):function(n){return v(n,9)}(c),c}function s(n,r,t){return d(t(p(n),p(r)))}function I(n){return.3*n.r+.59*n.g+.11*n.b}function q(n,r){var t=r-I(n);return function(n){var r=I(n),t=n.r,u=n.g,i=n.b,o=Math.min(t,u,i),e=Math.max(t,u,i);function c(n){return r+(n-r)*r/(r-o)}function f(n){return r+(n-r)*(1-r)/(e-r)}return o<0&&(t=c(t),u=c(u),i=c(i)),e>1&&(t=f(t),u=f(u),i=f(i)),{r:t,g:u,b:i}}({r:n.r+t,g:n.g+t,b:n.b+t})}function w(n){return Math.max(n.r,n.g,n.b)-Math.min(n.r,n.g,n.b)}function j(n,r){var t=[\"r\",\"g\",\"b\"].sort(function(r,t){return n[r]-n[t]}),u=t[0],i=t[1],o=t[2],e={r:n.r,g:n.g,b:n.b};return e[o]>e[u]?(e[i]=(e[i]-e[u])*r/(e[o]-e[u]),e[o]=r):e[i]=e[o]=0,e[u]=0,e}function k(n,r){return q(j(r,w(n)),I(n))}function l(n,r){return q(j(n,w(r)),I(n))}function y(n,r){return q(r,I(n))}function z(n,r){return q(n,I(r))}function A(t,u){return O(t,u,n,r)}function B(r,u){return O(r,u,n,t)}function C(r,t){return O(r,t,n,u)}function D(r,t){return O(r,t,n,i)}function E(r,t){return O(r,t,n,o)}function F(r,t){return O(r,t,n,e)}function G(r,t){return O(r,t,n,c)}function H(r,t){return O(r,t,n,f)}function J(r,t){return O(r,t,n,a)}function K(r,t){return O(r,t,n,b)}function L(r,t){return O(r,t,n,g)}function N(r,t){return O(r,t,n,h)}function P(n,r){return O(n,r,s,k)}function Q(n,r){return O(n,r,s,l)}function R(n,r){return O(n,r,s,y)}function S(n,r){return O(n,r,s,z)}export{R as color,H as colorBurn,G as colorDodge,E as darken,L as difference,N as exclusion,J as hardLight,P as hue,F as lighten,S as luminosity,B as multiply,A as normal,D as overlay,Q as saturation,C as screen,K as softLight};\n//# sourceMappingURL=index.modern.js.map\n","import { parseToRgba, rgba } from 'color2k';\nimport { CustomBorderRadii, CustomPalette } from '../../interface';\nimport { overlay } from 'color-blend';\n\nexport const isColor = strColor => {\n  const s = new Option().style;\n  s.color = strColor;\n  return s.color !== '';\n};\n\nconst toKebabCase = (pascal: string) => pascal.replace(/([a-z0–9])([A-Z])/g, '$1-$2').toLowerCase();\n\n// This function handles arrays and objects\nconst buildVars = (prev: string, obj: any): { [k: string]: string } => {\n  let resp = {};\n\n  for (const k in obj) {\n    const name = `${prev}-${toKebabCase(k)}`;\n    if (typeof obj[k] === 'object' && obj[k] !== null) {\n      resp = { ...resp, ...buildVars(name, obj[k]) };\n    } else {\n      resp[name] = obj[k];\n    }\n  }\n\n  return resp;\n};\n\nexport const getCssColors = (customPalette: CustomPalette): { [k: string]: string } => buildVars('--cpsl-color', customPalette);\nexport const getCssBorderRadii = (customBorderRadii: CustomBorderRadii): { [k: string]: string } => buildVars('--cpsl-border-radius', customBorderRadii);\n\nexport const overlayMix = (baseColor: string, overlayColor: string) => {\n  const baseRGBA = parseToRgba(baseColor);\n  const overlayRGBA = parseToRgba(overlayColor);\n\n  const finalRGBA = overlay({ r: baseRGBA[0], g: baseRGBA[1], b: baseRGBA[2], a: 0.1 }, { r: overlayRGBA[0], g: overlayRGBA[1], b: overlayRGBA[2], a: overlayRGBA[3] });\n\n  return rgba(finalRGBA.r, finalRGBA.g, finalRGBA.b, finalRGBA.a);\n};\n","import { Theme } from '../../interface';\nimport { getCssBorderRadii } from './utils';\n\nexport const generateBorderRadii = ({ borderRadius, customBorderRadii }: Pick<Theme, 'borderRadius' | 'customBorderRadii'>) => {\n  let mediumRadius: number,\n    largeRadius: number,\n    checkboxRadius: number = 4;\n  const fullRadius = 1000;\n  let isFull = false;\n  let isNone = false;\n\n  switch (borderRadius) {\n    case 'none': {\n      isNone = true;\n      mediumRadius = 0;\n      largeRadius = 0;\n      checkboxRadius = 0;\n      break;\n    }\n    case 'xs': {\n      mediumRadius = 2;\n      largeRadius = 4;\n      checkboxRadius = 2;\n      break;\n    }\n    case 'sm': {\n      mediumRadius = 4;\n      largeRadius = 8;\n      break;\n    }\n    case 'md': {\n      mediumRadius = 8;\n      largeRadius = 16;\n      break;\n    }\n    case 'xl': {\n      mediumRadius = 16;\n      largeRadius = 32;\n      break;\n    }\n    case 'full': {\n      mediumRadius = 24;\n      largeRadius = 32;\n      isFull = true;\n      break;\n    }\n    default:\n    case 'lg': {\n      mediumRadius = 12;\n      largeRadius = 24;\n      break;\n    }\n  }\n\n  document.documentElement.style.setProperty('--cpsl-border-radius-input', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-select', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-file', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-alert', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-tabs', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-primary-button', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-secondary-button', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-destructive-button', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-tile-button', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-qr-code', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-info-box', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-table-container', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-avatar', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-button-group', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-card', `${largeRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-modal', `${largeRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-checkbox', `${checkboxRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-switch', `${isNone ? 0 : fullRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-pill', `${isNone ? 0 : fullRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-radio', `${fullRadius}px`);\n\n  if (Boolean(customBorderRadii)) {\n    const cssBorderRadiiVars = getCssBorderRadii(customBorderRadii);\n    Object.entries(cssBorderRadiiVars).forEach(([k, v]) => document.documentElement.style.setProperty(k, v));\n  }\n};\n","import { Theme } from '../../interface';\n\nconst FONT_NAME_MAP = {\n  body2XS: 'body-2xs',\n  bodyXS: 'body-xs',\n  bodyS: 'body-s',\n  bodyM: 'body-m',\n  bodyL: 'body-l',\n  bodyXL: 'body-xl',\n  headingXS: 'heading-xs',\n  headingS: 'heading-s',\n  headingM: 'heading-m',\n  headingL: 'heading-l',\n  headingXL: 'heading-xl',\n  heading2XL: 'heading-2xl',\n};\n\nexport const generateFont = ({ font, customFontSizes }: Pick<Theme, 'font' | 'customFontSizes'>) => {\n  if (Boolean(font)) {\n    document.documentElement.style.setProperty('--cpsl-default-font', font);\n  }\n\n  Object.entries(FONT_NAME_MAP).forEach(([key, value]) => {\n    if (customFontSizes?.[key]) {\n      document.documentElement.style.setProperty(`--cpsl-font-size-${value}`, customFontSizes[key]);\n    } else {\n      document.documentElement.style.removeProperty(`--cpsl-font-size-${value}`);\n    }\n  });\n};\n","import { mix, readableColorIsBlack } from 'color2k';\nimport { Theme } from '../../interface';\nimport { getCssColors, isColor, overlayMix } from './utils';\nimport { COLOR_MIXES, DEFAULT_THEME, UTILITY_COLORS } from '../../constants';\n\nexport type Palette = {\n  foregroundColors: string[];\n  backgroundColors: string[];\n  isDarkBackground: boolean;\n};\n\nexport const generatePalette = ({ foregroundColor, backgroundColor, customPalette }: Pick<Theme, 'foregroundColor' | 'backgroundColor' | 'customPalette'>): Palette => {\n  if (!Boolean(foregroundColor) || !isColor(foregroundColor)) {\n    foregroundColor = DEFAULT_THEME.foregroundColor;\n  }\n  if (!Boolean(backgroundColor) || !isColor(backgroundColor)) {\n    backgroundColor = DEFAULT_THEME.backgroundColor;\n  }\n\n  const isDarkBackground = !readableColorIsBlack(backgroundColor);\n\n  const palette: Palette = {\n    foregroundColors: [],\n    backgroundColors: [],\n    isDarkBackground,\n  };\n\n  const backgroundMixColor = isDarkBackground ? '#FFFFFF' : '#000000';\n  const foregroundMixColor = isDarkBackground ? '#000000' : '#FFFFFF';\n\n  COLOR_MIXES.forEach(value => {\n    palette.foregroundColors.push(mix(foregroundColor, foregroundMixColor, value));\n    palette.backgroundColors.push(mix(backgroundColor, backgroundMixColor, value));\n  });\n\n  // BACKGROUND\n  document.documentElement.style.setProperty('--cpsl-color-background-0', palette.backgroundColors[0]);\n  document.documentElement.style.setProperty('--cpsl-color-background-4', palette.backgroundColors[1]);\n  document.documentElement.style.setProperty('--cpsl-color-background-8', palette.backgroundColors[2]);\n  document.documentElement.style.setProperty('--cpsl-color-background-16', palette.backgroundColors[3]);\n  document.documentElement.style.setProperty('--cpsl-color-background-32', palette.backgroundColors[4]);\n  document.documentElement.style.setProperty('--cpsl-color-background-48', palette.backgroundColors[5]);\n  document.documentElement.style.setProperty('--cpsl-color-background-64', palette.backgroundColors[6]);\n  document.documentElement.style.setProperty('--cpsl-color-background-80', palette.backgroundColors[7]);\n  document.documentElement.style.setProperty('--cpsl-color-background-96', palette.backgroundColors[8]);\n\n  // FOREGROUND\n  document.documentElement.style.setProperty('--cpsl-color-foreground-0', palette.foregroundColors[0]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-4', palette.foregroundColors[1]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-8', palette.foregroundColors[2]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-16', palette.foregroundColors[3]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-32', palette.foregroundColors[4]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-48', palette.foregroundColors[5]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-64', palette.foregroundColors[6]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-80', palette.foregroundColors[7]);\n  document.documentElement.style.setProperty('--cpsl-color-foreground-96', palette.foregroundColors[8]);\n\n  const utilityLightMixColor = '#FFFFFF';\n  const utilityLightMixValue = 0.72;\n  // UTILITY\n  const red = overlayMix(foregroundColor, UTILITY_COLORS.red);\n  const yellow = overlayMix(foregroundColor, UTILITY_COLORS.yellow);\n  const green = overlayMix(foregroundColor, UTILITY_COLORS.green);\n  document.documentElement.style.setProperty('--cpsl-color-utility-red', red);\n  document.documentElement.style.setProperty('--cpsl-color-utility-yellow', yellow);\n  document.documentElement.style.setProperty('--cpsl-color-utility-green', green);\n  document.documentElement.style.setProperty('--cpsl-color-utility-red-light', mix(red, utilityLightMixColor, utilityLightMixValue));\n  document.documentElement.style.setProperty('--cpsl-color-utility-yellow-light', mix(yellow, utilityLightMixColor, utilityLightMixValue));\n  document.documentElement.style.setProperty('--cpsl-color-utility-green-light', mix(green, utilityLightMixColor, utilityLightMixValue));\n\n  if (Boolean(customPalette)) {\n    const cssColorVars = getCssColors(customPalette);\n    Object.entries(cssColorVars).forEach(([k, v]) => document.documentElement.style.setProperty(k, v));\n  }\n\n  return palette;\n};\n","import { DEFAULT_THEME } from '../../constants';\nimport { Theme } from '../../interface';\nimport { generateBorderRadii } from './generateBorderRadii';\nimport { generateFont } from './generateFont';\nimport { generatePalette } from './generatePalette';\n\n/**\n * Generates css theme variables.\n * @returns @boolean Whether background is dark or not.\n */\nexport const generateTheme = ({\n  foregroundColor = DEFAULT_THEME.foregroundColor,\n  backgroundColor = DEFAULT_THEME.backgroundColor,\n  font,\n  customPalette,\n  borderRadius,\n  customFontSizes,\n  customBorderRadii,\n}: Theme): boolean => {\n  const palette = generatePalette({ foregroundColor, backgroundColor, customPalette });\n\n  generateFont({ font, customFontSizes });\n\n  generateBorderRadii({ borderRadius, customBorderRadii });\n\n  return palette.isDarkBackground;\n};\n"],"mappings":"kDAOA,SAASA,EAAMC,EAAKC,EAAMC,GACxB,OAAOC,KAAKC,IAAID,KAAKE,IAAIL,EAAKE,GAAQD,EACxC,CAEA,MAAMK,UAAmBC,MACvB,WAAAC,CAAYC,GACVC,MAAM,2BAA2BD,KACrC,EAEA,IAAIE,EAAeL,EAOnB,SAASM,EAAYH,GACnB,UAAWA,IAAU,SAAU,MAAM,IAAIE,EAAaF,GACtD,GAAIA,EAAMI,OAAOC,gBAAkB,cAAe,MAAO,CAAC,EAAG,EAAG,EAAG,GACnE,IAAIC,EAAkBN,EAAMI,OAC5BE,EAAkBC,EAAgBC,KAAKR,GAASS,EAAUT,GAASA,EACnE,MAAMU,EAAkBC,EAAgBC,KAAKN,GAC7C,GAAII,EAAiB,CACnB,MAAMG,EAAMC,MAAMC,KAAKL,GAAiBM,MAAM,GAC9C,MAAO,IAAIH,EAAIG,MAAM,EAAG,GAAGC,KAAIC,GAAKC,SAASC,EAAEF,EAAG,GAAI,MAAMC,SAASC,EAAEP,EAAI,IAAM,IAAK,GAAI,IAAM,IACpG,CACE,MAAMQ,EAAWC,EAASV,KAAKN,GAC/B,GAAIe,EAAU,CACZ,MAAMR,EAAMC,MAAMC,KAAKM,GAAUL,MAAM,GACvC,MAAO,IAAIH,EAAIG,MAAM,EAAG,GAAGC,KAAIC,GAAKC,SAASD,EAAG,MAAMC,SAASN,EAAI,IAAM,KAAM,IAAM,IACzF,CACE,MAAMU,EAAYC,EAAUZ,KAAKN,GACjC,GAAIiB,EAAW,CACb,MAAMV,EAAMC,MAAMC,KAAKQ,GAAWP,MAAM,GACxC,MAAO,IAAIH,EAAIG,MAAM,EAAG,GAAGC,KAAIC,GAAKC,SAASD,EAAG,MAAMO,WAAWZ,EAAI,IAAM,KAC/E,CACE,MAAMa,EAAYC,EAAUf,KAAKN,GACjC,GAAIoB,EAAW,CACb,MAAOE,EAAGC,EAAGC,EAAGC,GAAKjB,MAAMC,KAAKW,GAAWV,MAAM,GAAGC,IAAIQ,YACxD,GAAInC,EAAM,EAAG,IAAKuC,KAAOA,EAAG,MAAM,IAAI3B,EAAaF,GACnD,GAAIV,EAAM,EAAG,IAAKwC,KAAOA,EAAG,MAAM,IAAI5B,EAAaF,GACnD,MAAO,IAAIgC,EAASJ,EAAGC,EAAGC,GAAIG,OAAOC,MAAMH,GAAK,EAAIA,EACxD,CACE,MAAM,IAAI7B,EAAaF,EACzB,CACA,SAASmC,EAAKC,GACZ,IAAID,EAAO,KACX,IAAIE,EAAID,EAAIE,OACZ,MAAOD,EAAG,CACRF,EAAOA,EAAO,GAAKC,EAAIG,aAAaF,EACxC,CAKE,OAAQF,IAAS,GAAK,IACxB,CACA,MAAMK,EAAatB,GAAKC,SAASD,EAAEuB,QAAQ,KAAM,IAAK,IACtD,MAAMC,EAAqB,szCAAszCC,MAAM,KAAKC,QAAO,CAACC,EAAKC,KACv2C,MAAMC,EAAMP,EAAWM,EAAKE,UAAU,EAAG,IACzC,MAAMC,EAAMT,EAAWM,EAAKE,UAAU,IAAIE,SAAS,IAInD,IAAIC,EAAS,GACb,IAAK,IAAId,EAAI,EAAGA,EAAI,EAAIY,EAAIX,OAAQD,IAAK,CACvCc,GAAU,GACd,CACEN,EAAIE,GAAO,GAAGI,IAASF,IACvB,OAAOJ,CAAG,GACT,IAKH,SAASpC,EAAUT,GACjB,MAAMoD,EAAsBpD,EAAMK,cAAcD,OAChD,MAAMiD,EAASX,EAAmBP,EAAKiB,IACvC,IAAKC,EAAQ,MAAM,IAAInD,EAAaF,GACpC,MAAO,IAAIqD,GACb,CACA,MAAMjC,EAAI,CAACgB,EAAKkB,IAAWxC,MAAMC,KAAKD,MAAMwC,IAASrC,KAAI,IAAMmB,IAAKmB,KAAK,IACzE,MAAM5C,EAAkB,IAAI6C,OAAO,KAAKpC,EAAE,aAAc,iBAAkB,KAC1E,MAAME,EAAW,IAAIkC,OAAO,KAAKpC,EAAE,gBAAiB,oBAAqB,KACzE,MAAMI,EAAY,IAAIgC,OAAO,0BAA0BpC,EAAE,kBAAmB,gCAAiC,KAC7G,MAAMO,EAAY,iFAClB,MAAMpB,EAAkB,YACxB,MAAMkD,EAAazD,GACVN,KAAKgE,MAAM1D,EAAQ,KAE5B,MAAMgC,EAAW,CAAC2B,EAAKC,EAAYC,KACjC,IAAI/B,EAAI+B,EAAY,IACpB,GAAID,IAAe,EAAG,CAEpB,MAAO,CAAC9B,EAAGA,EAAGA,GAAGb,IAAIwC,EACzB,CAGE,MAAMK,GAAYH,EAAM,IAAM,KAAO,IAAM,GAC3C,MAAMI,GAAU,EAAIrE,KAAKsE,IAAI,EAAIlC,EAAI,KAAO8B,EAAa,KACzD,MAAMK,EAAkBF,GAAU,EAAIrE,KAAKsE,IAAIF,EAAW,EAAI,IAC9D,IAAII,EAAM,EACV,IAAIC,EAAQ,EACZ,IAAIC,EAAO,EACX,GAAIN,GAAY,GAAKA,EAAW,EAAG,CACjCI,EAAMH,EACNI,EAAQF,CACZ,MAAS,GAAIH,GAAY,GAAKA,EAAW,EAAG,CACxCI,EAAMD,EACNE,EAAQJ,CACZ,MAAS,GAAID,GAAY,GAAKA,EAAW,EAAG,CACxCK,EAAQJ,EACRK,EAAOH,CACX,MAAS,GAAIH,GAAY,GAAKA,EAAW,EAAG,CACxCK,EAAQF,EACRG,EAAOL,CACX,MAAS,GAAID,GAAY,GAAKA,EAAW,EAAG,CACxCI,EAAMD,EACNG,EAAOL,CACX,MAAS,GAAID,GAAY,GAAKA,EAAW,EAAG,CACxCI,EAAMH,EACNK,EAAOH,CACX,CACE,MAAMI,EAAwBvC,EAAIiC,EAAS,EAC3C,MAAMO,EAAWJ,EAAMG,EACvB,MAAME,EAAaJ,EAAQE,EAC3B,MAAMG,EAAYJ,EAAOC,EACzB,MAAO,CAACC,EAAUC,EAAYC,GAAWvD,IAAIwC,EAAW,EAiF1D,SAASgB,EAAazE,GACpB,GAAIA,IAAU,cAAe,OAAO,EACpC,SAAS0E,EAAExD,GACT,MAAMyD,EAAUzD,EAAI,IACpB,OAAOyD,GAAW,OAAUA,EAAU,MAAQjF,KAAKkF,KAAKD,EAAU,MAAS,MAAO,IACtF,CACE,MAAOvD,EAAGyD,EAAGC,GAAK3E,EAAYH,GAC9B,MAAO,MAAS0E,EAAEtD,GAAK,MAASsD,EAAEG,GAAK,MAASH,EAAEI,EACpD,CAuBA,SAASC,EAAKb,EAAKC,EAAOC,EAAMY,GAC9B,MAAO,QAAQ1F,EAAM,EAAG,IAAK4E,GAAKe,cAAc3F,EAAM,EAAG,IAAK6E,GAAOc,cAAc3F,EAAM,EAAG,IAAK8E,GAAMa,cAAcxD,WAAWnC,EAAM,EAAG,EAAG0F,GAAOC,QAAQ,MAC7J,CAKA,SAASC,EAAIC,EAAQC,EAAQC,GAC3B,MAAMC,EAAY,CAACC,EAAGC,IAEtBA,IAAU,EAAID,EAAIA,EAAI,IACtB,MAAOE,EAAIC,EAAIC,EAAIC,GAAMzF,EAAYgF,GAAQlE,IAAIqE,GACjD,MAAOO,EAAIC,EAAIC,EAAIC,GAAM7F,EAAYiF,GAAQnE,IAAIqE,GAIjD,MAAMW,EAAaD,EAAKJ,EACxB,MAAMM,EAAmBb,EAAS,EAAI,EACtC,MAAMc,EAAiBD,EAAmBD,KAAgB,EAAIC,EAAmBA,EAAmBD,GAAc,EAAIC,EAAmBD,GACzI,MAAMG,GAAWD,EAAiB,GAAK,EACvC,MAAME,EAAU,EAAID,EACpB,MAAMhF,GAAKqE,EAAKY,EAAUR,EAAKO,GAAW,IAC1C,MAAMvB,GAAKa,EAAKW,EAAUP,EAAKM,GAAW,IAC1C,MAAMtB,GAAKa,EAAKU,EAAUN,EAAKK,GAAW,IAC1C,MAAMrE,EAAIiE,EAAKX,EAASO,GAAM,EAAIP,GAClC,OAAON,EAAK3D,EAAGyD,EAAGC,EAAG/C,EACvB,CA0FA,SAASuE,EAAqBtG,GAC5B,OAAOyE,EAAazE,GAAS,IAC/B,CC5WA,SAASuF,EAAEA,EAAEnE,EAAEmF,GAAG,MAAM,CAACnF,EAAE,IAAImF,EAAEhB,EAAEnE,EAAE,IAAIA,EAAEA,EAAE,KAAKyD,EAAE,IAAI0B,EAAEhB,EAAEV,EAAE,IAAIzD,EAAEyD,EAAE,KAAKC,EAAE,IAAIyB,EAAEhB,EAAET,EAAE,IAAI1D,EAAE0D,EAAE,KAAK,CAA0B,SAASyB,EAAEhB,EAAEnE,GAAG,OAAOmE,EAAEnE,CAAC,CAAC,SAASoF,EAAEjB,EAAEnE,GAAG,OAAOmE,EAAEnE,EAAEmE,EAAEnE,CAAC,CAAC,SAASiB,EAAEkD,EAAEnE,GAAG,OAAOW,EAAEX,EAAEmE,EAAE,CAA+M,SAASxD,EAAEwD,EAAEnE,GAAG,OAAOA,GAAG,GAAGmF,EAAEhB,EAAE,EAAEnE,GAAGoF,EAAEjB,EAAE,EAAEnE,EAAE,EAAE,CAA4K,SAASqF,EAAElB,EAAEnE,EAAEmF,GAAG,OAAO7G,KAAKC,IAAID,KAAKE,IAAI2F,GAAG,EAAEnE,GAAGmF,EAAE,CAAC,SAASG,EAAEnB,GAAG,MAAM,CAACnE,EAAEqF,EAAElB,EAAEnE,EAAE,EAAE,KAAKyD,EAAE4B,EAAElB,EAAEV,EAAE,EAAE,KAAKC,EAAE2B,EAAElB,EAAET,EAAE,EAAE,KAAK/C,EAAE0E,EAAElB,EAAExD,EAAE,EAAE,GAAG,CAAC,SAAS4E,EAAEpB,GAAG,MAAM,CAACnE,EAAE,IAAImE,EAAEnE,EAAEyD,EAAE,IAAIU,EAAEV,EAAEC,EAAE,IAAIS,EAAET,EAAE/C,EAAEwD,EAAExD,EAAE,CAAC,SAAS6E,EAAErB,GAAG,MAAM,CAACnE,EAAEmE,EAAEnE,EAAE,IAAIyD,EAAEU,EAAEV,EAAE,IAAIC,EAAES,EAAET,EAAE,IAAI/C,EAAEwD,EAAExD,EAAE,CAAC,SAAS8E,EAAEtB,EAAEnE,QAAQ,IAAIA,IAAIA,EAAE,GAAG,IAAImF,EAAE7G,KAAKkF,IAAI,GAAGxD,GAAG,MAAM,CAACA,EAAE1B,KAAKgE,MAAM6B,EAAEnE,EAAEmF,GAAGA,EAAE1B,EAAEnF,KAAKgE,MAAM6B,EAAEV,EAAE0B,GAAGA,EAAEzB,EAAEpF,KAAKgE,MAAM6B,EAAET,EAAEyB,GAAGA,EAAExE,EAAEwD,EAAExD,EAAE,CAAC,SAASb,EAAEqE,EAAEnE,EAAEmF,EAAEC,EAAEnE,EAAEyE,GAAG,OAAO,EAAE1F,EAAEmF,GAAGC,EAAEpF,EAAEmF,EAAE7G,KAAKgE,OAAO,EAAE6B,GAAGlD,EAAEkD,EAAEuB,EAAE,CAAC,SAASC,EAAExB,EAAEnE,EAAEmF,EAAEC,EAAEnE,QAAQ,IAAIA,IAAIA,EAAE,CAAC2E,WAAW,EAAEC,YAAY,EAAEC,aAAa,IAAI7E,EAAE2E,YAAYzB,EAAEoB,EAAEpB,GAAGnE,EAAEuF,EAAEvF,IAAImE,EAAEmB,EAAEnB,GAAG,IAAIuB,GAAG1F,EAAEsF,EAAEtF,IAAIW,EAAEwD,EAAExD,EAAEX,EAAEW,EAAEwD,EAAExD,EAAEoF,EAAEZ,EAAEhB,EAAEnE,EAAEoF,GAAGY,EAAEV,EAAE,CAACtF,EAAEF,EAAEqE,EAAExD,EAAEX,EAAEW,EAAE+E,EAAEvB,EAAEnE,EAAEA,EAAEA,EAAE+F,EAAE/F,GAAGyD,EAAE3D,EAAEqE,EAAExD,EAAEX,EAAEW,EAAE+E,EAAEvB,EAAEV,EAAEzD,EAAEyD,EAAEsC,EAAEtC,GAAGC,EAAE5D,EAAEqE,EAAExD,EAAEX,EAAEW,EAAE+E,EAAEvB,EAAET,EAAE1D,EAAE0D,EAAEqC,EAAErC,GAAG/C,EAAE+E,IAAI,OAAOM,EAAE/E,EAAE4E,WAAWL,EAAEQ,GAAG/E,EAAE6E,YAAYL,EAAEO,GAAG,SAAS7B,GAAG,OAAOsB,EAAEtB,EAAE,EAAE,CAAzB,CAA2B6B,GAAGA,CAAC,CAA23B,SAASC,EAAEjG,EAAEmF,GAAG,OAAOQ,EAAE3F,EAAEmF,EAAEhB,EAAElD,EAAE,CCIjyE,MAAMiF,EAAUC,IACrB,MAAM1F,GAAI,IAAI2F,QAASC,MACvB5F,EAAE7B,MAAQuH,EACV,OAAO1F,EAAE7B,QAAU,EAAE,EAGvB,MAAM0H,EAAeC,GAAmBA,EAAOlF,QAAQ,qBAAsB,SAASpC,cAGtF,MAAMuH,EAAY,CAACC,EAAcC,KAC/B,IAAIC,EAAO,GAEX,IAAK,MAAMC,KAAKF,EAAK,CACnB,MAAMG,EAAO,GAAGJ,KAAQH,EAAYM,KACpC,UAAWF,EAAIE,KAAO,UAAYF,EAAIE,KAAO,KAAM,CACjDD,EAAIG,OAAAC,OAAAD,OAAAC,OAAA,GAAQJ,GAASH,EAAUK,EAAMH,EAAIE,I,KACpC,CACLD,EAAKE,GAAQH,EAAIE,E,EAIrB,OAAOD,CAAI,EAGN,MAAMK,EAAgBC,GAA0DT,EAAU,eAAgBS,GAC1G,MAAMC,EAAqBC,GAAkEX,EAAU,uBAAwBW,GAE/H,MAAMC,EAAa,CAACC,EAAmBC,KAC5C,MAAMC,EAAWxI,EAAYsI,GAC7B,MAAMG,EAAczI,EAAYuI,GAEhC,MAAMG,EAAYC,EAAQ,CAAE1H,EAAGuH,EAAS,GAAI9D,EAAG8D,EAAS,GAAI7D,EAAG6D,EAAS,GAAI5G,EAAG,IAAO,CAAEX,EAAGwH,EAAY,GAAI/D,EAAG+D,EAAY,GAAI9D,EAAG8D,EAAY,GAAI7G,EAAG6G,EAAY,KAEhK,OAAO7D,EAAK8D,EAAUzH,EAAGyH,EAAUhE,EAAGgE,EAAU/D,EAAG+D,EAAU9G,EAAE,EClC1D,MAAMgH,EAAsB,EAAGC,eAAcT,wBAClD,IAAIU,EACFC,EACAC,EAAyB,EAC3B,MAAMC,EAAa,IACnB,IAAIC,EAAS,MACb,IAAIC,EAAS,MAEb,OAAQN,GACN,IAAK,OAAQ,CACXM,EAAS,KACTL,EAAe,EACfC,EAAc,EACdC,EAAiB,EACjB,K,CAEF,IAAK,KAAM,CACTF,EAAe,EACfC,EAAc,EACdC,EAAiB,EACjB,K,CAEF,IAAK,KAAM,CACTF,EAAe,EACfC,EAAc,EACd,K,CAEF,IAAK,KAAM,CACTD,EAAe,EACfC,EAAc,GACd,K,CAEF,IAAK,KAAM,CACTD,EAAe,GACfC,EAAc,GACd,K,CAEF,IAAK,OAAQ,CACXD,EAAe,GACfC,EAAc,GACdG,EAAS,KACT,K,CAEF,QACA,IAAK,KAAM,CACTJ,EAAe,GACfC,EAAc,GACd,K,EAIJK,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B,GAAGJ,EAASD,EAAaH,OAClGM,SAASC,gBAAgB/B,MAAMgC,YAAY,8BAA+B,GAAGJ,EAASD,EAAaH,OACnGM,SAASC,gBAAgB/B,MAAMgC,YAAY,4BAA6B,GAAGJ,EAASD,EAAaH,OACjGM,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B,GAAGJ,EAASD,EAAaH,OAClGM,SAASC,gBAAgB/B,MAAMgC,YAAY,4BAA6B,GAAGJ,EAASD,EAAaH,OACjGM,SAASC,gBAAgB/B,MAAMgC,YAAY,sCAAuC,GAAGJ,EAASD,EAAaH,OAC3GM,SAASC,gBAAgB/B,MAAMgC,YAAY,wCAAyC,GAAGJ,EAASD,EAAaH,OAC7GM,SAASC,gBAAgB/B,MAAMgC,YAAY,0CAA2C,GAAGJ,EAASD,EAAaH,OAC/GM,SAASC,gBAAgB/B,MAAMgC,YAAY,mCAAoC,GAAGR,OAClFM,SAASC,gBAAgB/B,MAAMgC,YAAY,+BAAgC,GAAGR,OAC9EM,SAASC,gBAAgB/B,MAAMgC,YAAY,gCAAiC,GAAGR,OAC/EM,SAASC,gBAAgB/B,MAAMgC,YAAY,uCAAwC,GAAGR,OACtFM,SAASC,gBAAgB/B,MAAMgC,YAAY,8BAA+B,GAAGR,OAC7EM,SAASC,gBAAgB/B,MAAMgC,YAAY,oCAAqC,GAAGR,OACnFM,SAASC,gBAAgB/B,MAAMgC,YAAY,4BAA6B,GAAGP,OAC3EK,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B,GAAGP,OAC5EK,SAASC,gBAAgB/B,MAAMgC,YAAY,gCAAiC,GAAGN,OAC/EI,SAASC,gBAAgB/B,MAAMgC,YAAY,8BAA+B,GAAGH,EAAS,EAAIF,OAC1FG,SAASC,gBAAgB/B,MAAMgC,YAAY,4BAA6B,GAAGH,EAAS,EAAIF,OACxFG,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B,GAAGL,OAE5E,GAAIM,QAAQnB,GAAoB,CAC9B,MAAMoB,EAAqBrB,EAAkBC,GAC7CL,OAAO0B,QAAQD,GAAoBE,SAAQ,EAAE7B,EAAGnB,KAAO0C,SAASC,gBAAgB/B,MAAMgC,YAAYzB,EAAGnB,I,GC3EzG,MAAMiD,EAAgB,CACpBC,QAAS,WACTC,OAAQ,UACRC,MAAO,SACPC,MAAO,SACPC,MAAO,SACPC,OAAQ,UACRC,UAAW,aACXC,SAAU,YACVC,SAAU,YACVC,SAAU,YACVC,UAAW,aACXC,WAAY,eAGP,MAAMC,EAAe,EAAGC,OAAMC,sBACnC,GAAInB,QAAQkB,GAAO,CACjBrB,SAASC,gBAAgB/B,MAAMgC,YAAY,sBAAuBmB,E,CAGpE1C,OAAO0B,QAAQE,GAAeD,SAAQ,EAAE9G,EAAKtD,MAC3C,GAAIoL,IAAe,MAAfA,SAAe,SAAfA,EAAkB9H,GAAM,CAC1BwG,SAASC,gBAAgB/B,MAAMgC,YAAY,oBAAoBhK,IAASoL,EAAgB9H,G,KACnF,CACLwG,SAASC,gBAAgB/B,MAAMqD,eAAe,oBAAoBrL,I,IAEpE,ECjBG,MAAMsL,EAAkB,EAAGC,kBAAiBC,kBAAiB5C,oBAClE,IAAKqB,QAAQsB,KAAqB1D,EAAQ0D,GAAkB,CAC1DA,EAAkBE,EAAcF,e,CAElC,IAAKtB,QAAQuB,KAAqB3D,EAAQ2D,GAAkB,CAC1DA,EAAkBC,EAAcD,e,CAGlC,MAAME,GAAoB7E,EAAqB2E,GAE/C,MAAMG,EAAmB,CACvBC,iBAAkB,GAClBC,iBAAkB,GAClBH,oBAGF,MAAMI,EAAqBJ,EAAmB,UAAY,UAC1D,MAAMK,EAAqBL,EAAmB,UAAY,UAE1DM,EAAY5B,SAAQpK,IAClB2L,EAAQC,iBAAiBK,KAAKxG,EAAI8F,EAAiBQ,EAAoB/L,IACvE2L,EAAQE,iBAAiBI,KAAKxG,EAAI+F,EAAiBM,EAAoB9L,GAAO,IAIhF8J,SAASC,gBAAgB/B,MAAMgC,YAAY,4BAA6B2B,EAAQE,iBAAiB,IACjG/B,SAASC,gBAAgB/B,MAAMgC,YAAY,4BAA6B2B,EAAQE,iBAAiB,IACjG/B,SAASC,gBAAgB/B,MAAMgC,YAAY,4BAA6B2B,EAAQE,iBAAiB,IACjG/B,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B2B,EAAQE,iBAAiB,IAClG/B,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B2B,EAAQE,iBAAiB,IAClG/B,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B2B,EAAQE,iBAAiB,IAClG/B,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B2B,EAAQE,iBAAiB,IAClG/B,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B2B,EAAQE,iBAAiB,IAClG/B,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B2B,EAAQE,iBAAiB,IAGlG/B,SAASC,gBAAgB/B,MAAMgC,YAAY,4BAA6B2B,EAAQC,iBAAiB,IACjG9B,SAASC,gBAAgB/B,MAAMgC,YAAY,4BAA6B2B,EAAQC,iBAAiB,IACjG9B,SAASC,gBAAgB/B,MAAMgC,YAAY,4BAA6B2B,EAAQC,iBAAiB,IACjG9B,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B2B,EAAQC,iBAAiB,IAClG9B,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B2B,EAAQC,iBAAiB,IAClG9B,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B2B,EAAQC,iBAAiB,IAClG9B,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B2B,EAAQC,iBAAiB,IAClG9B,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B2B,EAAQC,iBAAiB,IAClG9B,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8B2B,EAAQC,iBAAiB,IAElG,MAAMM,EAAuB,UAC7B,MAAMC,EAAuB,IAE7B,MAAM1H,EAAMsE,EAAWwC,EAAiBa,EAAe3H,KACvD,MAAM4H,EAAStD,EAAWwC,EAAiBa,EAAeC,QAC1D,MAAM3H,EAAQqE,EAAWwC,EAAiBa,EAAe1H,OACzDoF,SAASC,gBAAgB/B,MAAMgC,YAAY,2BAA4BvF,GACvEqF,SAASC,gBAAgB/B,MAAMgC,YAAY,8BAA+BqC,GAC1EvC,SAASC,gBAAgB/B,MAAMgC,YAAY,6BAA8BtF,GACzEoF,SAASC,gBAAgB/B,MAAMgC,YAAY,iCAAkCvE,EAAIhB,EAAKyH,EAAsBC,IAC5GrC,SAASC,gBAAgB/B,MAAMgC,YAAY,oCAAqCvE,EAAI4G,EAAQH,EAAsBC,IAClHrC,SAASC,gBAAgB/B,MAAMgC,YAAY,mCAAoCvE,EAAIf,EAAOwH,EAAsBC,IAEhH,GAAIlC,QAAQrB,GAAgB,CAC1B,MAAM0D,EAAe3D,EAAaC,GAClCH,OAAO0B,QAAQmC,GAAclC,SAAQ,EAAE7B,EAAGnB,KAAO0C,SAASC,gBAAgB/B,MAAMgC,YAAYzB,EAAGnB,I,CAGjG,OAAOuE,CAAO,E,MCjEHY,EAAgB,EAC3BhB,kBAAkBE,EAAcF,gBAChCC,kBAAkBC,EAAcD,gBAChCL,OACAvC,gBACAW,eACA6B,kBACAtC,wBAEA,MAAM6C,EAAUL,EAAgB,CAAEC,kBAAiBC,kBAAiB5C,kBAEpEsC,EAAa,CAAEC,OAAMC,oBAErB9B,EAAoB,CAAEC,eAAcT,sBAEpC,OAAO6C,EAAQD,gBAAgB,S","ignoreList":[]}

package/dist/capsule/p-397edab5.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as a,H as r}from"./p-6e71539d.js";const c=":host{display:flex;flex-wrap:wrap}";const o=c;const t=class{constructor(a){s(this,a)}render(){return a(r,{key:"a227664834127c3580926c34abdc7aacdbd9ffd6"},a("slot",{key:"61010658365df7a30f0e3b05f45436da5acf6720"}))}};t.style=o;export{t as cpsl_row};
+//# sourceMappingURL=p-397edab5.entry.js.map

package/dist/capsule/{p-ad14a817.entry.js.map → p-397edab5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["cpslRowCss","CpslRowStyle0","CpslRow","render","h","Host","key"],"sources":["src/components/cpsl-row/cpsl-row.scss?tag=cpsl-row&encapsulation=shadow","src/components/cpsl-row/cpsl-row.tsx"],"sourcesContent":["@import './cpsl-row.vars';\n\n// Row\n// --------------------------------------------------\n\n:host {\n  display: flex;\n\n  flex-wrap: wrap;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-row',\n  styleUrl: 'cpsl-row.scss',\n  shadow: true,\n})\nexport class CpslRow {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,qCACnB,MAAAC,EAAeD,E,MCMFE,EAAO,M,yBAClB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C"}
+{"version":3,"names":["cpslRowCss","CpslRowStyle0","CpslRow","render","h","Host","key"],"sources":["src/components/cpsl-row/cpsl-row.scss?tag=cpsl-row&encapsulation=shadow","src/components/cpsl-row/cpsl-row.tsx"],"sourcesContent":["@import './cpsl-row.vars';\n\n// Row\n// --------------------------------------------------\n\n:host {\n  display: flex;\n\n  flex-wrap: wrap;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-row',\n  styleUrl: 'cpsl-row.scss',\n  shadow: true,\n})\nexport class CpslRow {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,qCACnB,MAAAC,EAAeD,E,MCMFE,EAAO,M,yBAClB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/capsule/p-52d6ebee.entry.js

@@ -0,0 +1,2 @@
+import{r as d,h as o,H as r}from"./p-6e71539d.js";const a=":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px}.info-box-container{border-radius:var(--input-border-radius);-webkit-padding-start:var(--box-padding-start);padding-inline-start:var(--box-padding-start);-webkit-padding-end:var(--box-padding-end);padding-inline-end:var(--box-padding-end);padding-top:var(--box-padding-top);padding-bottom:var(--box-padding-bottom);display:flex;background:var(--cpsl-color-background-secondary);border:var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);border-radius:var(--box-border-radius)}";const n=a;const b=class{constructor(o){d(this,o)}render(){return o(r,{key:"15b85f109d7e5371f6fa35f38dc35f86a061c46c"},o("div",{key:"39eae7146dfa17771e1d68045255c9b0db5d0a0c",class:"info-box-container"},o("slot",{key:"008e3552b563dd2f3b6d10bc7afe59b0f2a2ba3a"})))}};b.style=n;export{b as cpsl_info_box};
+//# sourceMappingURL=p-52d6ebee.entry.js.map

package/dist/capsule/{p-fcead80b.entry.js.map → p-52d6ebee.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["cpslInfoBoxCss","CpslInfoBoxStyle0","CpslInfoBox","render","h","Host","key","class"],"sources":["src/components/cpsl-info-box/cpsl-info-box.scss?tag=cpsl-info-box&encapsulation=shadow","src/components/cpsl-info-box/cpsl-info-box.tsx"],"sourcesContent":["@import '../../themes/capsule.globals';\n\n:host {\n  --box-border-radius: var(--cpsl-border-radius-info-box);\n  --box-padding-top: 16px;\n  --box-padding-bottom: 16px;\n  --box-padding-start: 16px;\n  --box-padding-end: 16px;\n  --box-border-width: 1px;\n}\n\n.info-box-container {\n  @include border-radius(var(--input-border-radius));\n  @include padding(var(--box-padding-top), var(--box-padding-end), var(--box-padding-bottom), var(--box-padding-start));\n\n  display: flex;\n  background-color: var(--cpsl-color-background-secondary);\n  border: var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);\n  border-radius: var(--box-border-radius);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-info-box',\n  styleUrl: 'cpsl-info-box.scss',\n  shadow: true,\n})\nexport class CpslInfoBox {\n  render() {\n    return (\n      <Host>\n        <div class=\"info-box-container\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,+qBACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACTH,EAAA,QAAAE,IAAA,8C"}
+{"version":3,"names":["cpslInfoBoxCss","CpslInfoBoxStyle0","CpslInfoBox","render","h","Host","key","class"],"sources":["src/components/cpsl-info-box/cpsl-info-box.scss?tag=cpsl-info-box&encapsulation=shadow","src/components/cpsl-info-box/cpsl-info-box.tsx"],"sourcesContent":["@import '../../themes/capsule.globals';\n\n:host {\n  --box-border-radius: var(--cpsl-border-radius-info-box);\n  --box-padding-top: 16px;\n  --box-padding-bottom: 16px;\n  --box-padding-start: 16px;\n  --box-padding-end: 16px;\n  --box-border-width: 1px;\n}\n\n.info-box-container {\n  @include border-radius(var(--input-border-radius));\n  @include padding(var(--box-padding-top), var(--box-padding-end), var(--box-padding-bottom), var(--box-padding-start));\n\n  display: flex;\n  background: var(--cpsl-color-background-secondary);\n  border: var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);\n  border-radius: var(--box-border-radius);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-info-box',\n  styleUrl: 'cpsl-info-box.scss',\n  shadow: true,\n})\nexport class CpslInfoBox {\n  render() {\n    return (\n      <Host>\n        <div class=\"info-box-container\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,yqBACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACTH,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/capsule/p-5ed5e96c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as s,g as o}from"./p-6e71539d.js";const n=":host{display:none;position:absolute;top:0;left:0;width:100vw;height:100vh;justify-content:center;align-items:center;z-index:10005}:host .card{z-index:10005;opacity:0;position:relative;transition:all}:host(.no-overlay){position:relative;top:unset;left:unset;width:100%;height:auto}:host(.open) .card{opacity:1}:host(.elevated) .card{--card-border-width:0px}:host(.elevated) .card::part(card-container){box-shadow:0px 8px 16px 0px rgba(0, 0, 0, 0.12)}";const a=n;const d=class{constructor(i){t(this,i);this.cpslModalEntering=e(this,"cpslModalEntering",7);this.cpslModalEntered=e(this,"cpslModalEntered",7);this.cpslModalExiting=e(this,"cpslModalExiting",7);this.cpslModalExited=e(this,"cpslModalExited",7);this.enterTransitionDuration=.15;this.exitTransitionDuration=.15;this.elevated=undefined;this.noOverlay=undefined;this.open=undefined;this.zIndexOverride=undefined}toggleHeight(){if(!this.open){this.cpslModalExiting.emit();setTimeout((()=>{this.el.style.display="none";this.cpslModalExited.emit()}),this.exitTransitionDuration*1e3)}else{this.cpslModalEntering.emit();this.el.style.display="flex";setTimeout((()=>{this.cpslModalEntered.emit()}),this.enterTransitionDuration*1e3)}}componentDidLoad(){this.toggleHeight()}render(){return i(s,{key:"916ab0ce5ec3ce2a33103e67773b5420dd44241d",class:{open:this.open,elevated:this.elevated,"no-overlay":this.noOverlay}},!this.noOverlay&&i("cpsl-overlay",{key:"de5a3d5d1784fb4b2e07530ba0edcecc4c4c0e04",zIndexOverride:Boolean(this.zIndexOverride)?this.zIndexOverride:undefined,id:"overlay",open:this.open,enterTransitionDuration:this.enterTransitionDuration,exitTransitionDuration:this.exitTransitionDuration}),i("cpsl-card",{key:"8cbdc7a258583092b89c52e1167fb4094a4cc5b3",class:"card",style:{transitionDuration:this.open?`${this.exitTransitionDuration}s`:`${this.enterTransitionDuration}s`}},i("slot",{key:"5382dc704ac6fdb1f159139bac1bddd544749b32"})))}get el(){return o(this)}static get watchers(){return{open:["toggleHeight"]}}};d.style=a;export{d as cpsl_modal_v2};
+//# sourceMappingURL=p-5ed5e96c.entry.js.map

package/dist/capsule/p-5ed5e96c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cpslModalV2Css","CpslModalV2Style0","CpslModalV2","toggleHeight","this","open","cpslModalExiting","emit","setTimeout","el","style","display","cpslModalExited","exitTransitionDuration","cpslModalEntering","cpslModalEntered","enterTransitionDuration","componentDidLoad","render","h","Host","key","class","elevated","noOverlay","zIndexOverride","Boolean","undefined","id","transitionDuration"],"sources":["src/components/cpsl-modal-v2/cpsl-modal-v2.scss?tag=cpsl-modal-v2&encapsulation=shadow","src/components/cpsl-modal-v2/cpsl-modal-v2.tsx"],"sourcesContent":["@use 'sass:map';\n@import '../../themes/capsule.globals';\n\n:host {\n  display: none;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  justify-content: center;\n  align-items: center;\n\n  z-index: map.get($z-indices, 'modal');\n\n  & .card {\n    z-index: map.get($z-indices, 'modal');\n    opacity: 0;\n\n    position: relative;\n\n    transition: all;\n  }\n}\n\n:host(.no-overlay) {\n  position: relative;\n  top: unset;\n  left: unset;\n  width: 100%;\n  height: auto;\n}\n\n:host(.open) {\n  & .card {\n    opacity: 1;\n  }\n}\n\n:host(.elevated) {\n  & .card {\n    --card-border-width: 0px;\n\n    &::part(card-container) {\n      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);\n    }\n  }\n}\n","import { Component, Host, Prop, Watch, Element, Event, h, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-modal-v2',\n  styleUrl: 'cpsl-modal-v2.scss',\n  shadow: true,\n})\nexport class CpslModalV2 {\n  @Element() el!: HTMLCpslModalV2Element;\n\n  /**\n   * Duration in seconds of the modal entering.\n   * Default is .15.\n   */\n  @Prop() enterTransitionDuration?: number = 0.15;\n\n  /**\n   * Duration in seconds of the modal exiting.\n   * Default is .15.\n   */\n  @Prop() exitTransitionDuration?: number = 0.15;\n\n  /**\n   * Whether or not to show the modal with a box shadow.\n   */\n  @Prop() elevated: boolean;\n\n  /**\n   * Whether or not to show the overlay.\n   */\n  @Prop() noOverlay: boolean;\n\n  /**\n   * Whether or not to show the modal.\n   */\n  @Prop() open: boolean;\n\n  /**\n   * Override z-index.\n   */\n  @Prop() zIndexOverride?: number;\n\n  /**\n   * Emitted when enter animation starts.\n   */\n  @Event() cpslModalEntering!: EventEmitter<null>;\n\n  /**\n   * Emitted when enter animation finishes.\n   */\n  @Event() cpslModalEntered!: EventEmitter<null>;\n\n  /**\n   * Emitted when exit animation starts.\n   */\n  @Event() cpslModalExiting!: EventEmitter<null>;\n\n  /**\n   * Emitted when exit animation finishes.\n   */\n  @Event() cpslModalExited!: EventEmitter<null>;\n\n  @Watch('open')\n  toggleHeight() {\n    if (!this.open) {\n      this.cpslModalExiting.emit();\n      // Animate out before setting display to none\n      setTimeout(() => {\n        this.el.style.display = 'none';\n        this.cpslModalExited.emit();\n      }, this.exitTransitionDuration * 1000);\n    } else {\n      this.cpslModalEntering.emit();\n      this.el.style.display = 'flex';\n      setTimeout(() => {\n        this.cpslModalEntered.emit();\n      }, this.enterTransitionDuration * 1000);\n    }\n  }\n\n  componentDidLoad() {\n    this.toggleHeight();\n  }\n\n  render() {\n    return (\n      <Host class={{ 'open': this.open, 'elevated': this.elevated, 'no-overlay': this.noOverlay }}>\n        {!this.noOverlay && (\n          <cpsl-overlay\n            zIndexOverride={Boolean(this.zIndexOverride) ? this.zIndexOverride : undefined}\n            id=\"overlay\"\n            open={this.open}\n            enterTransitionDuration={this.enterTransitionDuration}\n            exitTransitionDuration={this.exitTransitionDuration}\n          />\n        )}\n        <cpsl-card class=\"card\" style={{ transitionDuration: this.open ? `${this.exitTransitionDuration}s` : `${this.enterTransitionDuration}s` }}>\n          <slot></slot>\n        </cpsl-card>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAiB,qcACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,kQAOqB,I,4BAMD,I,mGA2C1C,YAAAC,GACE,IAAKC,KAAKC,KAAM,CACdD,KAAKE,iBAAiBC,OAEtBC,YAAW,KACTJ,KAAKK,GAAGC,MAAMC,QAAU,OACxBP,KAAKQ,gBAAgBL,MAAM,GAC1BH,KAAKS,uBAAyB,I,KAC5B,CACLT,KAAKU,kBAAkBP,OACvBH,KAAKK,GAAGC,MAAMC,QAAU,OACxBH,YAAW,KACTJ,KAAKW,iBAAiBR,MAAM,GAC3BH,KAAKY,wBAA0B,I,EAItC,gBAAAC,GACEb,KAAKD,c,CAGP,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAEjB,KAAQD,KAAKC,KAAMkB,SAAYnB,KAAKmB,SAAU,aAAcnB,KAAKoB,aAC5EpB,KAAKoB,WACLL,EAAA,gBAAAE,IAAA,2CACEI,eAAgBC,QAAQtB,KAAKqB,gBAAkBrB,KAAKqB,eAAiBE,UACrEC,GAAG,UACHvB,KAAMD,KAAKC,KACXW,wBAAyBZ,KAAKY,wBAC9BH,uBAAwBT,KAAKS,yBAGjCM,EAAA,aAAAE,IAAA,2CAAWC,MAAM,OAAOZ,MAAO,CAAEmB,mBAAoBzB,KAAKC,KAAO,GAAGD,KAAKS,0BAA4B,GAAGT,KAAKY,6BAC3GG,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/capsule/p-6e71539d.js

@@ -0,0 +1,3 @@
+const e="capsule";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var l={};var s="http://www.w3.org/2000/svg";var a="http://www.w3.org/1999/xhtml";var i=e=>e!=null;var o=e=>{e=typeof e;return e==="object"||e==="function"};function f(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var c={};n(c,{err:()=>v,map:()=>d,ok:()=>u,unwrap:()=>p,unwrapErr:()=>m});var u=e=>({isOk:true,isErr:false,value:e});var v=e=>({isOk:false,isErr:true,value:e});function d(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>u(e)))}else{return u(r)}}if(e.isErr){const t=e.value;return v(t)}throw"should never get here"}var p=e=>{if(e.isOk){return e.value}else{throw e.value}};var m=e=>{if(e.isErr){return e.value}else{throw e.value}};var h=(e,t="")=>{{return()=>{}}};var y=(e,t)=>{{return()=>{}}};var b="{visibility:hidden}.hydrated{visibility:inherit}";var w="slot-fb{display:contents}slot-fb[hidden]{display:none}";var g=(e,t,...r)=>{let n=null;let l=null;let s=false;let a=false;const i=[];const f=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){f(n)}else if(n!=null&&typeof n!=="boolean"){if(s=typeof e!=="function"&&!o(n)){n=String(n)}if(s&&a){i[i.length-1].t+=n}else{i.push(s?S(null,n):n)}a=s}}};f(r);if(t){if(t.key){l=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,i,C)}const c=S(e,null);c.l=t;if(i.length>0){c.i=i}{c.o=l}return c};var S=(e,t)=>{const r={u:0,v:e,t,p:null,i:null};{r.l=null}{r.o=null}return r};var $={};var k=e=>e&&e.v===$;var C={forEach:(e,t)=>e.map(j).forEach(t),map:(e,t)=>e.map(j).map(t).map(O)};var j=e=>({vattrs:e.l,vchildren:e.i,vkey:e.o,vname:e.m,vtag:e.v,vtext:e.t});var O=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return g(e.vtag,t,...e.vchildren||[])}const t=S(e.vtag,e.vtext);t.l=e.vattrs;t.i=e.vchildren;t.o=e.vkey;t.m=e.vname;return t};var x=(e,t)=>{if(e!=null&&!o(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var L=e=>De(e).$hostElement$;var T=(e,t,r)=>{const n=L(e);return{emit:e=>D(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var D=(e,t,r)=>{const n=He.ce(t,r);e.dispatchEvent(n);return n};var E=new WeakMap;var F=(e,t,r)=>{let n=Ne.get(e);if(Qe&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}Ne.set(e,n)};var R=(e,t,r)=>{var n;const l=P(t);const s=Ne.get(l);e=e.nodeType===11?e:We;if(s){if(typeof s==="string"){e=e.head||e;let r=E.get(e);let a;if(!r){E.set(e,r=new Set)}if(!r.has(l)){{a=We.createElement("style");a.innerHTML=s;const t=(n=He.h)!=null?n:f(We);if(t!=null){a.setAttribute("nonce",t)}e.insertBefore(a,e.querySelector("link"))}if(t.u&4){a.innerHTML+=w}if(r){r.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var M=e=>{const t=e.S;const r=e.$hostElement$;const n=t.u;const l=h("attachStyles",t.$);const s=R(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10){r["s-sc"]=s;r.classList.add(s+"-h")}l()};var P=(e,t)=>"sc-"+e.$;var A=(e,t,r,n,l,s)=>{if(r!==n){let a=Re(e,t);let i=t.toLowerCase();if(t==="class"){const t=e.classList;const l=U(r);const s=U(n);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!a&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Re(Ue,i)){t=i.slice(2)}else{t=i[2]+t.slice(3)}if(r||n){const l=t.endsWith(W);t=t.replace(H,"");if(r){He.rel(e,t,r,l)}if(n){He.ael(e,t,n,l)}}}else{const i=o(n);if((a||i&&n!==null)&&!l){try{if(!e.tagName.includes("-")){const l=n==null?"":n;if(t==="list"){a=false}else if(r==null||e[t]!=l){e[t]=l}}else{e[t]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!a||s&4||l)&&!i){n=n===true?"":n;{e.setAttribute(t,n)}}}}};var N=/\s/;var U=e=>!e?[]:e.split(N);var W="Capture";var H=new RegExp(W+"$");var z=(e,t,r)=>{const n=t.p.nodeType===11&&t.p.host?t.p.host:t.p;const s=e&&e.l||l;const a=t.l||l;{for(const e of B(Object.keys(s))){if(!(e in a)){A(n,e,s[e],void 0,r,t.u)}}}for(const e of B(Object.keys(a))){A(n,e,s[e],a[e],r,t.u)}};function B(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Q;var q;var G=false;var I=false;var K=(e,t,r,n)=>{const l=t.i[r];let o=0;let f;let c;if(l.t!==null){f=l.p=We.createTextNode(l.t)}else{if(!I){I=l.v==="svg"}f=l.p=We.createElementNS(I?s:a,l.v);if(I&&l.v==="foreignObject"){I=false}{z(null,l,I)}if(i(Q)&&f["s-si"]!==Q){f.classList.add(f["s-si"]=Q)}if(l.i){for(o=0;o<l.i.length;++o){c=K(e,l,o);if(c){f.appendChild(c)}}}{if(l.v==="svg"){I=false}else if(f.tagName==="foreignObject"){I=true}}}f["s-hn"]=q;return f};var V=(e,t,r,n,l,s)=>{let a=e;let i;if(a.shadowRoot&&a.tagName===q){a=a.shadowRoot}for(;l<=s;++l){if(n[l]){i=K(null,r,l);if(i){n[l].p=i;ee(a,i,t)}}}};var X=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.p;Z(t);if(e){e.remove()}}}};var _=(e,t,r,n,l=false)=>{let s=0;let a=0;let i=0;let o=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let p=n[v];let m;let h;while(s<=f&&a<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=n[++a]}else if(p==null){p=n[--v]}else if(J(c,d,l)){Y(c,d,l);c=t[++s];d=n[++a]}else if(J(u,p,l)){Y(u,p,l);u=t[--f];p=n[--v]}else if(J(c,p,l)){Y(c,p,l);ee(e,c.p,u.p.nextSibling);c=t[++s];p=n[--v]}else if(J(u,d,l)){Y(u,d,l);ee(e,u.p,c.p);u=t[--f];d=n[++a]}else{i=-1;{for(o=s;o<=f;++o){if(t[o]&&t[o].o!==null&&t[o].o===d.o){i=o;break}}}if(i>=0){h=t[i];if(h.v!==d.v){m=K(t&&t[a],r,i)}else{Y(h,d,l);t[i]=void 0;m=h.p}d=n[++a]}else{m=K(t&&t[a],r,a);d=n[++a]}if(m){{ee(c.p.parentNode,m,c.p)}}}}if(s>f){V(e,n[v+1]==null?null:n[v+1].p,r,n,a,v)}else if(a>v){X(t,s,f)}};var J=(e,t,r=false)=>{if(e.v===t.v){if(!r){return e.o===t.o}return true}return false};var Y=(e,t,r=false)=>{const n=t.p=e.p;const l=e.i;const s=t.i;const a=t.v;const i=t.t;if(i===null){{I=a==="svg"?true:a==="foreignObject"?false:I}{if(a==="slot"&&!G);else{z(e,t,I)}}if(l!==null&&s!==null){_(n,l,t,s,r)}else if(s!==null){if(e.t!==null){n.textContent=""}V(n,null,t,s,0,s.length-1)}else if(l!==null){X(l,0,l.length-1)}if(I&&a==="svg"){I=false}}else if(e.t!==i){n.data=i}};var Z=e=>{{e.l&&e.l.ref&&e.l.ref(null);e.i&&e.i.map(Z)}};var ee=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);return n};var te=(e,t,r=false)=>{const n=e.$hostElement$;const l=e.S;const s=e.k||S(null,null);const a=k(t)?t:g(null,null,t);q=n.tagName;if(l.C){a.l=a.l||{};l.C.map((([e,t])=>a.l[t]=n[e]))}if(r&&a.l){for(const e of Object.keys(a.l)){if(n.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){a.l[e]=n[e]}}}a.v=null;a.u|=4;e.k=a;a.p=s.p=n.shadowRoot||n;{Q=n["s-sc"]}G=(l.u&1)!==0;Y(s,a,r)};var re=(e,t)=>{if(t&&!e.j&&t["s-p"]){t["s-p"].push(new Promise((t=>e.j=t)))}};var ne=(e,t)=>{{e.u|=16}if(e.u&4){e.u|=512;return}re(e,e.O);const r=()=>le(e,t);return Je(r)};var le=(e,t)=>{const r=e.$hostElement$;const n=h("scheduleUpdate",e.S.$);const l=e.L;if(!l){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.u|=256;if(e.T){e.T.map((([e,t])=>ve(l,e,t)));e.T=void 0}}{s=ve(l,"componentWillLoad")}}{s=se(s,(()=>ve(l,"componentWillRender")))}n();return se(s,(()=>ie(e,l,t)))};var se=(e,t)=>ae(e)?e.then(t):t();var ae=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var ie=async(e,t,r)=>{var n;const l=e.$hostElement$;const s=h("update",e.S.$);const a=l["s-rc"];if(r){M(e)}const i=h("render",e.S.$);{oe(e,t,l,r)}if(a){a.map((e=>e()));l["s-rc"]=void 0}i();s();{const t=(n=l["s-p"])!=null?n:[];const r=()=>fe(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.u|=4;t.length=0}}};var oe=(e,t,r,n)=>{try{t=t.render();{e.u&=~16}{e.u|=2}{{{te(e,t,n)}}}}catch(t){Me(t,e.$hostElement$)}return null};var fe=e=>{const t=e.S.$;const r=e.$hostElement$;const n=h("postUpdate",t);const l=e.L;const s=e.O;if(!(e.u&64)){e.u|=64;{de(r)}{ve(l,"componentDidLoad")}n();{e.D(r);if(!s){ue()}}}else{n()}{e.F(r)}{if(e.j){e.j();e.j=void 0}if(e.u&512){_e((()=>ne(e,false)))}e.u&=~(4|512)}};var ce=e=>{{const t=De(e);const r=t.$hostElement$.isConnected;if(r&&(t.u&(2|16))===2){ne(t,false)}return r}};var ue=t=>{{de(We.documentElement)}_e((()=>D(Ue,"appload",{detail:{namespace:e}})))};var ve=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){Me(e)}}return void 0};var de=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var pe=(e,t)=>De(e).R.get(t);var me=(e,t,r,n)=>{const l=De(e);if(!l){throw new Error(`Couldn't find host element for "${n.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const s=l.$hostElement$;const a=l.R.get(t);const i=l.u;const o=l.L;r=x(r,n.M[t][0]);const f=Number.isNaN(a)&&Number.isNaN(r);const c=r!==a&&!f;if((!(i&8)||a===void 0)&&c){l.R.set(t,r);if(o){if(n.P&&i&128){const e=n.P[t];if(e){e.map((e=>{try{o[e](r,a,t)}catch(e){Me(e,s)}}))}}if((i&(2|16))===2){ne(l,false)}}}};var he=(e,t,r)=>{var n;const l=e.prototype;if(t.M){if(e.watchers){t.P=e.watchers}const s=Object.entries(t.M);s.map((([e,[n]])=>{if(n&31||r&2&&n&32){Object.defineProperty(l,e,{get(){return pe(this,e)},set(r){me(this,e,r,t)},configurable:true,enumerable:true})}else if(r&1&&n&64){Object.defineProperty(l,e,{value(...t){var r;const n=De(this);return(r=n==null?void 0:n.A)==null?void 0:r.then((()=>{var r;return(r=n.L)==null?void 0:r[e](...t)}))}})}}));if(r&1){const r=new Map;l.attributeChangedCallback=function(e,n,s){He.jmp((()=>{var a;const i=r.get(e);if(this.hasOwnProperty(i)){s=this[i];delete this[i]}else if(l.hasOwnProperty(i)&&typeof this[i]==="number"&&this[i]==s){return}else if(i==null){const r=De(this);const l=r==null?void 0:r.u;if(l&&!(l&8)&&l&128&&s!==n){const l=r.L;const i=(a=t.P)==null?void 0:a[e];i==null?void 0:i.forEach((t=>{if(l[t]!=null){l[t].call(l,s,n,e)}}))}return}this[i]=s===null&&typeof this[i]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((n=t.P)!=null?n:{}),...s.filter((([e,t])=>t[0]&15)).map((([e,n])=>{var l;const s=n[1]||e;r.set(s,e);if(n[0]&512){(l=t.C)==null?void 0:l.push([e,s])}return s}))]))}}return e};var ye=async(e,t,r,n)=>{let l;if((t.u&32)===0){t.u|=32;const n=r.N;if(n){const e=Ae(r);if(e&&"then"in e){const t=y();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${r.$}#${t.U}" was not found`)}if(!l.isProxied){{r.P=l.watchers}he(l,r,2);l.isProxied=true}const n=h("createInstance",r.$);{t.u|=8}try{new l(t)}catch(e){Me(e)}{t.u&=~8}{t.u|=128}n()}else{l=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.u|=128))}if(l&&l.style){let e=l.style;const t=P(r);if(!Ne.has(t)){const n=h("registerStyles",r.$);F(t,e,!!(r.u&1));n()}}}const s=t.O;const a=()=>ne(t,true);if(s&&s["s-rc"]){s["s-rc"].push(a)}else{a()}};var be=e=>{};var we=e=>{if((He.u&1)===0){const t=De(e);const r=t.S;const n=h("connectedCallback",r.$);if(!(t.u&1)){t.u|=1;{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){re(t,t.O=r);break}}}if(r.M){Object.entries(r.M).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{ye(e,t,r)}}else{Ce(e,t,r.W);if(t==null?void 0:t.L);else if(t==null?void 0:t.H){t.H.then((()=>be()))}}n()}};var ge=e=>{{ve(e,"disconnectedCallback")}};var Se=async e=>{if((He.u&1)===0){const t=De(e);{if(t.B){t.B.map((e=>e()));t.B=void 0}}if(t==null?void 0:t.L){ge(t.L)}else if(t==null?void 0:t.H){t.H.then((()=>ge(t.L)))}}};var $e=(e,t={})=>{var r;const n=h();const l=[];const s=t.exclude||[];const a=Ue.customElements;const i=We.head;const o=i.querySelector("meta[charset]");const c=We.createElement("style");const u=[];let v;let d=true;Object.assign(He,t);He.q=new URL(t.resourcesUrl||"./",We.baseURI).href;let p=false;e.map((e=>{e[1].map((t=>{var r;const n={u:t[0],$:t[1],M:t[2],W:t[3]};if(n.u&4){p=true}{n.M=t[2]}{n.W=t[3]}{n.C=[]}{n.P=(r=t[4])!=null?r:{}}const i=n.$;const o=class extends HTMLElement{constructor(e){super(e);e=this;Fe(e,n);if(n.u&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(v){clearTimeout(v);v=null}if(d){u.push(this)}else{He.jmp((()=>we(this)))}}disconnectedCallback(){He.jmp((()=>Se(this)))}componentOnReady(){return De(this).H}};n.N=e[0];if(!s.includes(i)&&!a.get(i)){l.push(i);a.define(i,he(o,n,1))}}))}));if(l.length>0){if(p){c.textContent+=w}{c.textContent+=l+b}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(r=He.h)!=null?r:f(We);if(e!=null){c.setAttribute("nonce",e)}i.insertBefore(c,o?o.nextSibling:i.firstChild)}}d=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{He.jmp((()=>v=setTimeout(ue,30)))}}n()};var ke=(e,t)=>t;var Ce=(e,t,r,n)=>{if(r){r.map((([r,n,l])=>{const s=Oe(e,r);const a=je(t,l);const i=xe(r);He.ael(s,n,a,i);(t.B=t.B||[]).push((()=>He.rel(s,n,a,i)))}))}};var je=(e,t)=>r=>{var n;try{{if(e.u&256){(n=e.L)==null?void 0:n[t](r)}else{(e.T=e.T||[]).push([t,r])}}}catch(e){Me(e)}};var Oe=(e,t)=>{if(t&8)return Ue;return e};var xe=e=>ze?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Le=e=>He.h=e;var Te=new WeakMap;var De=e=>Te.get(e);var Ee=(e,t)=>Te.set(t.L=e,t);var Fe=(e,t)=>{const r={u:0,$hostElement$:e,S:t,R:new Map};{r.A=new Promise((e=>r.F=e))}{r.H=new Promise((e=>r.D=e));e["s-p"]=[];e["s-rc"]=[]}Ce(e,r,t.W);return Te.set(e,r)};var Re=(e,t)=>t in e;var Me=(e,t)=>(0,console.error)(e,t);var Pe=new Map;var Ae=(e,t,r)=>{const n=e.$.replace(/-/g,"_");const l=e.N;if(!l){return void 0}const s=Pe.get(l);if(s){return s[n]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{Pe.set(l,e)}return e[n]}),Me)};var Ne=new Map;var Ue=typeof window!=="undefined"?window:{};var We=Ue.document||{head:{}};var He={u:0,q:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var ze=(()=>{let e=false;try{We.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var Be=e=>Promise.resolve(e);var Qe=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var qe=false;var Ge=[];var Ie=[];var Ke=(e,t)=>r=>{e.push(r);if(!qe){qe=true;if(t&&He.u&4){_e(Xe)}else{He.raf(Xe)}}};var Ve=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){Me(e)}}e.length=0};var Xe=()=>{Ve(Ge);{Ve(Ie);if(qe=Ge.length>0){He.raf(Xe)}}};var _e=e=>Be().then(e);var Je=Ke(Ie,true);export{ke as F,$ as H,$e as b,T as c,ce as f,L as g,g as h,Be as p,Ee as r,Le as s};
+//# sourceMappingURL=p-6e71539d.js.map