@protonradio/proton-ui 0.11.8 → 0.11.10-beta.1

package/dist/utils/palette.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.cjs.js","sources":["../../src/utils/palette.ts"],"sourcesContent":["import {\r\n  adjustHue,\r\n  darken,\r\n  getLuminance,\r\n  getScale,\r\n  hasBadContrast,\r\n  lighten,\r\n  toRgba,\r\n} from \"color2k\";\r\nimport { ProtonPalette, RGBArray } from \"../design/types\";\r\nimport { arrayToRgbString, desaturate, saturate } from \"./color2k\";\r\nimport { LIGHT_GRAYSCALE } from \"../design/lightTheme/colors\";\r\nimport { DARK_GRAYSCALE } from \"../design/darkTheme/colors\";\r\n\r\n/**\r\n * Generates a complete color palette based on a primary color input.\r\n * The palette includes primary and secondary color scales with varying shades.\r\n *\r\n * @param primaryColor - The base RGB color array to generate the palette from\r\n * @returns A Palette object containing:\r\n *          - BRAND colors (primary, light primary, and secondary)\r\n *          - PRIMARY scale (7 shades from super dark to super light)\r\n *          - SECONDARY scale (7 shades from super dark to super light)\r\n *\r\n * The function:\r\n * 1. Creates a 12-color scale from white to the primary color to black\r\n * 2. Generates a complementary secondary color by shifting the hue 180 degrees\r\n * 3. Creates another 12-color scale for the secondary color\r\n * 4. Maps specific positions from these scales to create the final palette structure\r\n */\r\nexport const generatePalette = (baseColor: RGBArray): ProtonPalette => {\r\n  const primaryRgba = arrayToRgbString(baseColor);\r\n\r\n  const primaryScaleFunc = getScale(\"#FFFFFF\", primaryRgba, \"#000000\");\r\n  const primaryScale = Array.from({ length: 12 }, (_, i) => {\r\n    const color = primaryScaleFunc(i / 11);\r\n    return desaturate(color, 0.0085);\r\n  });\r\n\r\n  const adjustedPrimaryScale = primaryScale.map((color) =>\r\n    saturate(adjustBrightnessForLuminance(color), 0.005)\r\n  );\r\n\r\n  const secondaryColor = toRgba(saturate(adjustHue(primaryRgba, 180), 1));\r\n\r\n  const secondaryScaleFunc = getScale(\"#FFFFFF\", secondaryColor, \"#000000\");\r\n  const secondaryScale = Array.from({ length: 12 }, (_, i) => {\r\n    const color = secondaryScaleFunc(i / 11);\r\n    return desaturate(color, 0.1);\r\n  });\r\n\r\n  const adjustedSecondaryScale = secondaryScale.map((color) =>\r\n    desaturate(adjustBrightnessForLuminance(color), 0.22)\r\n  );\r\n\r\n  const brandPrimary = darkenForContrast(\r\n    saturate(adjustedPrimaryScale[5], 0.115)\r\n  );\r\n  const brandSecondary = desaturate(adjustedSecondaryScale[4], 0.02);\r\n\r\n  return {\r\n    BASE_COLOR: arrayToRgbString(baseColor),\r\n    BRAND: {\r\n      PRIMARY: brandPrimary,\r\n      PRIMARY_LIGHT: lightenWithinRange(brandPrimary, 0.25, {\r\n        min: 0.6,\r\n        max: 0.8,\r\n      }),\r\n      PRIMARY_SUPER_LIGHT: lightenWithinRange(brandPrimary, 0.15, {\r\n        min: 0.8,\r\n        max: 0.9,\r\n      }),\r\n      SECONDARY: brandSecondary,\r\n      SECONDARY_LIGHT: lightenWithinRange(brandSecondary, 0.25, {\r\n        min: 0.6,\r\n        max: 0.8,\r\n      }),\r\n      SECONDARY_SUPER_LIGHT: lightenWithinRange(brandSecondary, 0.15, {\r\n        min: 0.8,\r\n        max: 0.9,\r\n      }),\r\n    },\r\n    PRIMARY: {\r\n      //backgrounds\r\n      SUPER_DARK: lightenWithinRange(\r\n        lightenForContrast(primaryScale[9]),\r\n        -0.6,\r\n        {\r\n          min: 0.0,\r\n          max: 0.02,\r\n        }\r\n      ),\r\n      DARK: lightenWithinRange(lightenForContrast(primaryScale[8]), -0.4, {\r\n        min: 0.01,\r\n        max: 0.02,\r\n      }),\r\n      //interactive components\r\n      MEDIUM: lightenWithinRange(adjustedPrimaryScale[7], -0.2, {\r\n        min: 0.0,\r\n        max: 0.11,\r\n      }),\r\n      //borders and seperators\r\n      MEDIUM_LIGHT: lightenWithinRange(\r\n        desaturate(adjustedPrimaryScale[6], 0.1),\r\n        0.08\r\n      ),\r\n      //solid colors\r\n      LIGHT: lightenWithinRange(saturate(adjustedPrimaryScale[5], 0.1), 0.16),\r\n      //accessible text\r\n      LIGHTEST: lightenWithinRange(\r\n        saturate(adjustedPrimaryScale[3], 0.2),\r\n        0.12,\r\n        {\r\n          min: 0.5,\r\n          max: 0.9,\r\n        }\r\n      ),\r\n      SUPER_LIGHT: lightenWithinRange(adjustedPrimaryScale[1], 0.02, {\r\n        min: 0.76,\r\n        max: 0.92,\r\n      }),\r\n      WHITE: lightenWithinRange(adjustedPrimaryScale[1], 0.11, {\r\n        min: 0.9,\r\n        max: 0.98,\r\n      }),\r\n    },\r\n    SECONDARY: {\r\n      //backgrounds\r\n      SUPER_DARK: lightenWithinRange(\r\n        lightenForContrast(secondaryScale[9]),\r\n        -0.6,\r\n        {\r\n          min: 0.0,\r\n          max: 0.02,\r\n        }\r\n      ),\r\n      DARK: lightenWithinRange(lightenForContrast(secondaryScale[8]), -0.4, {\r\n        min: 0.01,\r\n        max: 0.02,\r\n      }),\r\n      // interactive components\r\n      MEDIUM: lightenWithinRange(adjustedSecondaryScale[7], -0.2, {\r\n        min: 0.0,\r\n        max: 0.11,\r\n      }),\r\n      //borders and seperators\r\n      MEDIUM_LIGHT: lightenWithinRange(adjustedSecondaryScale[6], 0.1),\r\n      //solid colors\r\n      LIGHT: lightenWithinRange(saturate(adjustedSecondaryScale[5], 0.1), 0.16),\r\n      //accessible text\r\n      LIGHTEST: lightenWithinRange(\r\n        saturate(adjustedSecondaryScale[3], 0.2),\r\n        0.12,\r\n        {\r\n          min: 0.5,\r\n          max: 0.9,\r\n        }\r\n      ),\r\n      SUPER_LIGHT: lightenWithinRange(adjustedSecondaryScale[1], 0.02, {\r\n        min: 0.76,\r\n        max: 0.92,\r\n      }),\r\n      WHITE: lightenWithinRange(adjustedSecondaryScale[1], 0.11, {\r\n        min: 0.9,\r\n        max: 0.98,\r\n      }),\r\n    },\r\n    //TODO: make theme aware grayscale color scale\r\n    //Can we remove the basecolor after this?\r\n    GRAYSCALE: {\r\n      SUPER_DARK: DARK_GRAYSCALE.SUPER_DARK,\r\n      DARK: DARK_GRAYSCALE.DARK,\r\n      MEDIUM: DARK_GRAYSCALE.MEDIUM,\r\n      MEDIUM_LIGHT: DARK_GRAYSCALE.MEDIUM_LIGHT,\r\n      LIGHT: DARK_GRAYSCALE.LIGHT,\r\n      LIGHTEST: DARK_GRAYSCALE.LIGHTEST,\r\n      SUPER_LIGHT: DARK_GRAYSCALE.SUPER_LIGHT,\r\n      WHITE: DARK_GRAYSCALE.WHITE,\r\n    },\r\n  };\r\n};\r\n\r\nconst lightenWithinRange = (\r\n  color: string,\r\n  amount: number,\r\n  range: { min: number; max: number } = { min: 0.03, max: 0.97 }\r\n): string => {\r\n  let adjustedColor = color;\r\n  let currentLuminance = getLuminance(adjustedColor);\r\n\r\n  // Validate range bounds\r\n  if (range.min < 0) range.min = 0;\r\n  if (range.max > 1) range.max = 1;\r\n  if (range.min >= range.max) {\r\n    throw new Error(\"Invalid range: min must be less than max\");\r\n  }\r\n\r\n  // For lightening (positive amount)\r\n  if (amount > 0) {\r\n    // Calculate how much we can lighten before hitting max\r\n    const remainingLuminance = range.max - currentLuminance;\r\n    if (remainingLuminance <= 0) return toRgba(adjustedColor);\r\n\r\n    // Scale the amount based on remaining room to lighten\r\n    const scaledAmount = amount * (remainingLuminance / (1 - currentLuminance));\r\n    adjustedColor = lighten(adjustedColor, scaledAmount);\r\n  }\r\n  // For darkening (negative amount)\r\n  else if (amount < 0) {\r\n    // Calculate how much we can darken before hitting min\r\n    const remainingLuminance = currentLuminance - range.min;\r\n    if (remainingLuminance <= 0) return toRgba(adjustedColor);\r\n\r\n    // Scale the amount based on remaining room to darken\r\n    const scaledAmount = amount * (remainingLuminance / currentLuminance);\r\n    adjustedColor = darken(adjustedColor, Math.abs(scaledAmount));\r\n  }\r\n\r\n  // Verify final luminance is within bounds\r\n  const finalLuminance = getLuminance(adjustedColor);\r\n  if (finalLuminance > range.max) {\r\n    adjustedColor = adjustBrightnessWithinRange(adjustedColor, range);\r\n  } else if (finalLuminance < range.min) {\r\n    adjustedColor = adjustBrightnessWithinRange(adjustedColor, range);\r\n  }\r\n\r\n  return toRgba(adjustedColor);\r\n};\r\n\r\nconst adjustBrightnessWithinRange = (\r\n  color: string,\r\n  range: { min: number; max: number }\r\n): string => {\r\n  let adjustedColor = color;\r\n  let luminance = getLuminance(adjustedColor);\r\n\r\n  // Darken if too bright\r\n  while (luminance > range.max) {\r\n    adjustedColor = darken(adjustedColor, 0.05);\r\n    luminance = getLuminance(adjustedColor);\r\n  }\r\n\r\n  // Lighten if too dark\r\n  while (luminance < range.min) {\r\n    adjustedColor = lighten(adjustedColor, 0.05);\r\n    luminance = getLuminance(adjustedColor);\r\n  }\r\n\r\n  return toRgba(adjustedColor);\r\n};\r\n\r\nconst lightenForContrast = (color: string): string => {\r\n  while (hasBadContrast(color, \"readable\", LIGHT_GRAYSCALE.DARK)) {\r\n    color = lighten(color, 0.01);\r\n  }\r\n  return toRgba(color);\r\n};\r\n\r\nconst darkenForContrast = (color: string): string => {\r\n  while (hasBadContrast(LIGHT_GRAYSCALE.SUPER_LIGHT, \"readable\", color)) {\r\n    color = darken(color, 0.01);\r\n  }\r\n  return toRgba(color);\r\n};\r\n\r\nconst adjustBrightnessForLuminance = (color: string): string => {\r\n  let currentColor = color;\r\n  let currentLuminance = getLuminance(toRgba(currentColor));\r\n  let adjustmentAttempts = 0;\r\n  const MAX_ATTEMPTS = 6;\r\n\r\n  while (currentLuminance < 0.16 && adjustmentAttempts < MAX_ATTEMPTS) {\r\n    adjustmentAttempts++;\r\n    currentColor = lighten(currentColor, 0.1);\r\n    currentLuminance = getLuminance(toRgba(currentColor));\r\n  }\r\n\r\n  while (currentLuminance > 0.6 && adjustmentAttempts < MAX_ATTEMPTS) {\r\n    adjustmentAttempts++;\r\n    currentColor = darken(currentColor, 0.1);\r\n    currentLuminance = getLuminance(toRgba(currentColor));\r\n  }\r\n\r\n  return toRgba(currentColor);\r\n};\r\n"],"names":["generatePalette","baseColor","primaryRgba","arrayToRgbString","primaryScaleFunc","getScale","primaryScale","_","i","color","desaturate","adjustedPrimaryScale","saturate","adjustBrightnessForLuminance","secondaryColor","toRgba","adjustHue","secondaryScaleFunc","secondaryScale","adjustedSecondaryScale","brandPrimary","darkenForContrast","brandSecondary","lightenWithinRange","lightenForContrast","DARK_GRAYSCALE","amount","range","adjustedColor","currentLuminance","getLuminance","remainingLuminance","scaledAmount","lighten","darken","finalLuminance","adjustBrightnessWithinRange","luminance","hasBadContrast","LIGHT_GRAYSCALE","currentColor","adjustmentAttempts","MAX_ATTEMPTS"],"mappings":"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"}

package/dist/utils/palette.es.js

@@ -0,0 +1,183 @@
+import { toRgba as r, adjustHue as F, getLuminance as c, lighten as A, darken as L, hasBadContrast as P, getScale as _ } from "../node_modules/color2k/dist/index.exports.import.es.es.js";
+import { desaturate as u, saturate as E, arrayToRgbString as D } from "./color2k.es.js";
+import { LIGHT_GRAYSCALE as U } from "../design/lightTheme/colors.es.js";
+import { DARK_GRAYSCALE as s } from "../design/darkTheme/colors.es.js";
+const K = (m) => {
+  const e = D(m), n = _("#FFFFFF", e, "#000000"), t = Array.from({ length: 12 }, (l, x) => {
+    const G = n(x / 11);
+    return u(G, 85e-4);
+  }), i = t.map(
+    (l) => E(h(l), 5e-3)
+  ), S = r(E(F(e, 180), 1)), o = _("#FFFFFF", S, "#000000"), R = Array.from({ length: 12 }, (l, x) => {
+    const G = o(x / 11);
+    return u(G, 0.1);
+  }), I = R.map(
+    (l) => u(h(l), 0.22)
+  ), d = f(
+    E(i[5], 0.115)
+  ), H = u(I[4], 0.02);
+  return {
+    BASE_COLOR: D(m),
+    BRAND: {
+      PRIMARY: d,
+      PRIMARY_LIGHT: a(d, 0.25, {
+        min: 0.6,
+        max: 0.8
+      }),
+      PRIMARY_SUPER_LIGHT: a(d, 0.15, {
+        min: 0.8,
+        max: 0.9
+      }),
+      SECONDARY: H,
+      SECONDARY_LIGHT: a(H, 0.25, {
+        min: 0.6,
+        max: 0.8
+      }),
+      SECONDARY_SUPER_LIGHT: a(H, 0.15, {
+        min: 0.8,
+        max: 0.9
+      })
+    },
+    PRIMARY: {
+      //backgrounds
+      SUPER_DARK: a(
+        T(t[9]),
+        -0.6,
+        {
+          min: 0,
+          max: 0.02
+        }
+      ),
+      DARK: a(T(t[8]), -0.4, {
+        min: 0.01,
+        max: 0.02
+      }),
+      //interactive components
+      MEDIUM: a(i[7], -0.2, {
+        min: 0,
+        max: 0.11
+      }),
+      //borders and seperators
+      MEDIUM_LIGHT: a(
+        u(i[6], 0.1),
+        0.08
+      ),
+      //solid colors
+      LIGHT: a(E(i[5], 0.1), 0.16),
+      //accessible text
+      LIGHTEST: a(
+        E(i[3], 0.2),
+        0.12,
+        {
+          min: 0.5,
+          max: 0.9
+        }
+      ),
+      SUPER_LIGHT: a(i[1], 0.02, {
+        min: 0.76,
+        max: 0.92
+      }),
+      WHITE: a(i[1], 0.11, {
+        min: 0.9,
+        max: 0.98
+      })
+    },
+    SECONDARY: {
+      //backgrounds
+      SUPER_DARK: a(
+        T(R[9]),
+        -0.6,
+        {
+          min: 0,
+          max: 0.02
+        }
+      ),
+      DARK: a(T(R[8]), -0.4, {
+        min: 0.01,
+        max: 0.02
+      }),
+      // interactive components
+      MEDIUM: a(I[7], -0.2, {
+        min: 0,
+        max: 0.11
+      }),
+      //borders and seperators
+      MEDIUM_LIGHT: a(I[6], 0.1),
+      //solid colors
+      LIGHT: a(E(I[5], 0.1), 0.16),
+      //accessible text
+      LIGHTEST: a(
+        E(I[3], 0.2),
+        0.12,
+        {
+          min: 0.5,
+          max: 0.9
+        }
+      ),
+      SUPER_LIGHT: a(I[1], 0.02, {
+        min: 0.76,
+        max: 0.92
+      }),
+      WHITE: a(I[1], 0.11, {
+        min: 0.9,
+        max: 0.98
+      })
+    },
+    //TODO: make theme aware grayscale color scale
+    //Can we remove the basecolor after this?
+    GRAYSCALE: {
+      SUPER_DARK: s.SUPER_DARK,
+      DARK: s.DARK,
+      MEDIUM: s.MEDIUM,
+      MEDIUM_LIGHT: s.MEDIUM_LIGHT,
+      LIGHT: s.LIGHT,
+      LIGHTEST: s.LIGHTEST,
+      SUPER_LIGHT: s.SUPER_LIGHT,
+      WHITE: s.WHITE
+    }
+  };
+}, a = (m, e, n = { min: 0.03, max: 0.97 }) => {
+  let t = m, i = c(t);
+  if (n.min < 0 && (n.min = 0), n.max > 1 && (n.max = 1), n.min >= n.max)
+    throw new Error("Invalid range: min must be less than max");
+  if (e > 0) {
+    const o = n.max - i;
+    if (o <= 0) return r(t);
+    const R = e * (o / (1 - i));
+    t = A(t, R);
+  } else if (e < 0) {
+    const o = i - n.min;
+    if (o <= 0) return r(t);
+    const R = e * (o / i);
+    t = L(t, Math.abs(R));
+  }
+  const S = c(t);
+  return (S > n.max || S < n.min) && (t = M(t, n)), r(t);
+}, M = (m, e) => {
+  let n = m, t = c(n);
+  for (; t > e.max; )
+    n = L(n, 0.05), t = c(n);
+  for (; t < e.min; )
+    n = A(n, 0.05), t = c(n);
+  return r(n);
+}, T = (m) => {
+  for (; P(m, "readable", U.DARK); )
+    m = A(m, 0.01);
+  return r(m);
+}, f = (m) => {
+  for (; P(U.SUPER_LIGHT, "readable", m); )
+    m = L(m, 0.01);
+  return r(m);
+}, h = (m) => {
+  let e = m, n = c(r(e)), t = 0;
+  const i = 6;
+  for (; n < 0.16 && t < i; )
+    t++, e = A(e, 0.1), n = c(r(e));
+  for (; n > 0.6 && t < i; )
+    t++, e = L(e, 0.1), n = c(r(e));
+  return r(e);
+};
+export {
+  K as generatePalette
+};
+//# sourceMappingURL=palette.es.js.map

package/dist/utils/palette.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.es.js","sources":["../../src/utils/palette.ts"],"sourcesContent":["import {\r\n  adjustHue,\r\n  darken,\r\n  getLuminance,\r\n  getScale,\r\n  hasBadContrast,\r\n  lighten,\r\n  toRgba,\r\n} from \"color2k\";\r\nimport { ProtonPalette, RGBArray } from \"../design/types\";\r\nimport { arrayToRgbString, desaturate, saturate } from \"./color2k\";\r\nimport { LIGHT_GRAYSCALE } from \"../design/lightTheme/colors\";\r\nimport { DARK_GRAYSCALE } from \"../design/darkTheme/colors\";\r\n\r\n/**\r\n * Generates a complete color palette based on a primary color input.\r\n * The palette includes primary and secondary color scales with varying shades.\r\n *\r\n * @param primaryColor - The base RGB color array to generate the palette from\r\n * @returns A Palette object containing:\r\n *          - BRAND colors (primary, light primary, and secondary)\r\n *          - PRIMARY scale (7 shades from super dark to super light)\r\n *          - SECONDARY scale (7 shades from super dark to super light)\r\n *\r\n * The function:\r\n * 1. Creates a 12-color scale from white to the primary color to black\r\n * 2. Generates a complementary secondary color by shifting the hue 180 degrees\r\n * 3. Creates another 12-color scale for the secondary color\r\n * 4. Maps specific positions from these scales to create the final palette structure\r\n */\r\nexport const generatePalette = (baseColor: RGBArray): ProtonPalette => {\r\n  const primaryRgba = arrayToRgbString(baseColor);\r\n\r\n  const primaryScaleFunc = getScale(\"#FFFFFF\", primaryRgba, \"#000000\");\r\n  const primaryScale = Array.from({ length: 12 }, (_, i) => {\r\n    const color = primaryScaleFunc(i / 11);\r\n    return desaturate(color, 0.0085);\r\n  });\r\n\r\n  const adjustedPrimaryScale = primaryScale.map((color) =>\r\n    saturate(adjustBrightnessForLuminance(color), 0.005)\r\n  );\r\n\r\n  const secondaryColor = toRgba(saturate(adjustHue(primaryRgba, 180), 1));\r\n\r\n  const secondaryScaleFunc = getScale(\"#FFFFFF\", secondaryColor, \"#000000\");\r\n  const secondaryScale = Array.from({ length: 12 }, (_, i) => {\r\n    const color = secondaryScaleFunc(i / 11);\r\n    return desaturate(color, 0.1);\r\n  });\r\n\r\n  const adjustedSecondaryScale = secondaryScale.map((color) =>\r\n    desaturate(adjustBrightnessForLuminance(color), 0.22)\r\n  );\r\n\r\n  const brandPrimary = darkenForContrast(\r\n    saturate(adjustedPrimaryScale[5], 0.115)\r\n  );\r\n  const brandSecondary = desaturate(adjustedSecondaryScale[4], 0.02);\r\n\r\n  return {\r\n    BASE_COLOR: arrayToRgbString(baseColor),\r\n    BRAND: {\r\n      PRIMARY: brandPrimary,\r\n      PRIMARY_LIGHT: lightenWithinRange(brandPrimary, 0.25, {\r\n        min: 0.6,\r\n        max: 0.8,\r\n      }),\r\n      PRIMARY_SUPER_LIGHT: lightenWithinRange(brandPrimary, 0.15, {\r\n        min: 0.8,\r\n        max: 0.9,\r\n      }),\r\n      SECONDARY: brandSecondary,\r\n      SECONDARY_LIGHT: lightenWithinRange(brandSecondary, 0.25, {\r\n        min: 0.6,\r\n        max: 0.8,\r\n      }),\r\n      SECONDARY_SUPER_LIGHT: lightenWithinRange(brandSecondary, 0.15, {\r\n        min: 0.8,\r\n        max: 0.9,\r\n      }),\r\n    },\r\n    PRIMARY: {\r\n      //backgrounds\r\n      SUPER_DARK: lightenWithinRange(\r\n        lightenForContrast(primaryScale[9]),\r\n        -0.6,\r\n        {\r\n          min: 0.0,\r\n          max: 0.02,\r\n        }\r\n      ),\r\n      DARK: lightenWithinRange(lightenForContrast(primaryScale[8]), -0.4, {\r\n        min: 0.01,\r\n        max: 0.02,\r\n      }),\r\n      //interactive components\r\n      MEDIUM: lightenWithinRange(adjustedPrimaryScale[7], -0.2, {\r\n        min: 0.0,\r\n        max: 0.11,\r\n      }),\r\n      //borders and seperators\r\n      MEDIUM_LIGHT: lightenWithinRange(\r\n        desaturate(adjustedPrimaryScale[6], 0.1),\r\n        0.08\r\n      ),\r\n      //solid colors\r\n      LIGHT: lightenWithinRange(saturate(adjustedPrimaryScale[5], 0.1), 0.16),\r\n      //accessible text\r\n      LIGHTEST: lightenWithinRange(\r\n        saturate(adjustedPrimaryScale[3], 0.2),\r\n        0.12,\r\n        {\r\n          min: 0.5,\r\n          max: 0.9,\r\n        }\r\n      ),\r\n      SUPER_LIGHT: lightenWithinRange(adjustedPrimaryScale[1], 0.02, {\r\n        min: 0.76,\r\n        max: 0.92,\r\n      }),\r\n      WHITE: lightenWithinRange(adjustedPrimaryScale[1], 0.11, {\r\n        min: 0.9,\r\n        max: 0.98,\r\n      }),\r\n    },\r\n    SECONDARY: {\r\n      //backgrounds\r\n      SUPER_DARK: lightenWithinRange(\r\n        lightenForContrast(secondaryScale[9]),\r\n        -0.6,\r\n        {\r\n          min: 0.0,\r\n          max: 0.02,\r\n        }\r\n      ),\r\n      DARK: lightenWithinRange(lightenForContrast(secondaryScale[8]), -0.4, {\r\n        min: 0.01,\r\n        max: 0.02,\r\n      }),\r\n      // interactive components\r\n      MEDIUM: lightenWithinRange(adjustedSecondaryScale[7], -0.2, {\r\n        min: 0.0,\r\n        max: 0.11,\r\n      }),\r\n      //borders and seperators\r\n      MEDIUM_LIGHT: lightenWithinRange(adjustedSecondaryScale[6], 0.1),\r\n      //solid colors\r\n      LIGHT: lightenWithinRange(saturate(adjustedSecondaryScale[5], 0.1), 0.16),\r\n      //accessible text\r\n      LIGHTEST: lightenWithinRange(\r\n        saturate(adjustedSecondaryScale[3], 0.2),\r\n        0.12,\r\n        {\r\n          min: 0.5,\r\n          max: 0.9,\r\n        }\r\n      ),\r\n      SUPER_LIGHT: lightenWithinRange(adjustedSecondaryScale[1], 0.02, {\r\n        min: 0.76,\r\n        max: 0.92,\r\n      }),\r\n      WHITE: lightenWithinRange(adjustedSecondaryScale[1], 0.11, {\r\n        min: 0.9,\r\n        max: 0.98,\r\n      }),\r\n    },\r\n    //TODO: make theme aware grayscale color scale\r\n    //Can we remove the basecolor after this?\r\n    GRAYSCALE: {\r\n      SUPER_DARK: DARK_GRAYSCALE.SUPER_DARK,\r\n      DARK: DARK_GRAYSCALE.DARK,\r\n      MEDIUM: DARK_GRAYSCALE.MEDIUM,\r\n      MEDIUM_LIGHT: DARK_GRAYSCALE.MEDIUM_LIGHT,\r\n      LIGHT: DARK_GRAYSCALE.LIGHT,\r\n      LIGHTEST: DARK_GRAYSCALE.LIGHTEST,\r\n      SUPER_LIGHT: DARK_GRAYSCALE.SUPER_LIGHT,\r\n      WHITE: DARK_GRAYSCALE.WHITE,\r\n    },\r\n  };\r\n};\r\n\r\nconst lightenWithinRange = (\r\n  color: string,\r\n  amount: number,\r\n  range: { min: number; max: number } = { min: 0.03, max: 0.97 }\r\n): string => {\r\n  let adjustedColor = color;\r\n  let currentLuminance = getLuminance(adjustedColor);\r\n\r\n  // Validate range bounds\r\n  if (range.min < 0) range.min = 0;\r\n  if (range.max > 1) range.max = 1;\r\n  if (range.min >= range.max) {\r\n    throw new Error(\"Invalid range: min must be less than max\");\r\n  }\r\n\r\n  // For lightening (positive amount)\r\n  if (amount > 0) {\r\n    // Calculate how much we can lighten before hitting max\r\n    const remainingLuminance = range.max - currentLuminance;\r\n    if (remainingLuminance <= 0) return toRgba(adjustedColor);\r\n\r\n    // Scale the amount based on remaining room to lighten\r\n    const scaledAmount = amount * (remainingLuminance / (1 - currentLuminance));\r\n    adjustedColor = lighten(adjustedColor, scaledAmount);\r\n  }\r\n  // For darkening (negative amount)\r\n  else if (amount < 0) {\r\n    // Calculate how much we can darken before hitting min\r\n    const remainingLuminance = currentLuminance - range.min;\r\n    if (remainingLuminance <= 0) return toRgba(adjustedColor);\r\n\r\n    // Scale the amount based on remaining room to darken\r\n    const scaledAmount = amount * (remainingLuminance / currentLuminance);\r\n    adjustedColor = darken(adjustedColor, Math.abs(scaledAmount));\r\n  }\r\n\r\n  // Verify final luminance is within bounds\r\n  const finalLuminance = getLuminance(adjustedColor);\r\n  if (finalLuminance > range.max) {\r\n    adjustedColor = adjustBrightnessWithinRange(adjustedColor, range);\r\n  } else if (finalLuminance < range.min) {\r\n    adjustedColor = adjustBrightnessWithinRange(adjustedColor, range);\r\n  }\r\n\r\n  return toRgba(adjustedColor);\r\n};\r\n\r\nconst adjustBrightnessWithinRange = (\r\n  color: string,\r\n  range: { min: number; max: number }\r\n): string => {\r\n  let adjustedColor = color;\r\n  let luminance = getLuminance(adjustedColor);\r\n\r\n  // Darken if too bright\r\n  while (luminance > range.max) {\r\n    adjustedColor = darken(adjustedColor, 0.05);\r\n    luminance = getLuminance(adjustedColor);\r\n  }\r\n\r\n  // Lighten if too dark\r\n  while (luminance < range.min) {\r\n    adjustedColor = lighten(adjustedColor, 0.05);\r\n    luminance = getLuminance(adjustedColor);\r\n  }\r\n\r\n  return toRgba(adjustedColor);\r\n};\r\n\r\nconst lightenForContrast = (color: string): string => {\r\n  while (hasBadContrast(color, \"readable\", LIGHT_GRAYSCALE.DARK)) {\r\n    color = lighten(color, 0.01);\r\n  }\r\n  return toRgba(color);\r\n};\r\n\r\nconst darkenForContrast = (color: string): string => {\r\n  while (hasBadContrast(LIGHT_GRAYSCALE.SUPER_LIGHT, \"readable\", color)) {\r\n    color = darken(color, 0.01);\r\n  }\r\n  return toRgba(color);\r\n};\r\n\r\nconst adjustBrightnessForLuminance = (color: string): string => {\r\n  let currentColor = color;\r\n  let currentLuminance = getLuminance(toRgba(currentColor));\r\n  let adjustmentAttempts = 0;\r\n  const MAX_ATTEMPTS = 6;\r\n\r\n  while (currentLuminance < 0.16 && adjustmentAttempts < MAX_ATTEMPTS) {\r\n    adjustmentAttempts++;\r\n    currentColor = lighten(currentColor, 0.1);\r\n    currentLuminance = getLuminance(toRgba(currentColor));\r\n  }\r\n\r\n  while (currentLuminance > 0.6 && adjustmentAttempts < MAX_ATTEMPTS) {\r\n    adjustmentAttempts++;\r\n    currentColor = darken(currentColor, 0.1);\r\n    currentLuminance = getLuminance(toRgba(currentColor));\r\n  }\r\n\r\n  return toRgba(currentColor);\r\n};\r\n"],"names":["generatePalette","baseColor","primaryRgba","arrayToRgbString","primaryScaleFunc","getScale","primaryScale","_","i","color","desaturate","adjustedPrimaryScale","saturate","adjustBrightnessForLuminance","secondaryColor","toRgba","adjustHue","secondaryScaleFunc","secondaryScale","adjustedSecondaryScale","brandPrimary","darkenForContrast","brandSecondary","lightenWithinRange","lightenForContrast","DARK_GRAYSCALE","amount","range","adjustedColor","currentLuminance","getLuminance","remainingLuminance","scaledAmount","lighten","darken","finalLuminance","adjustBrightnessWithinRange","luminance","hasBadContrast","LIGHT_GRAYSCALE","currentColor","adjustmentAttempts","MAX_ATTEMPTS"],"mappings":"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"}

package/dist/utils/string.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(...t){return t.filter(e).join(" ")}const e=t=>typeof t=="string"||t instanceof String;exports.csx=n;
+//# sourceMappingURL=string.cjs.js.map

package/dist/utils/string.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.cjs.js","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\r\n * Concatenates class names into a single string, filtering out non-string values.\r\n */\r\nexport function csx(...classnames: unknown[]): string {\r\n  return classnames.filter(isString).join(\" \");\r\n}\r\n\r\nconst isString = (x: unknown): boolean =>\r\n  typeof x === \"string\" || x instanceof String;\r\n"],"names":["csx","classnames","isString","x"],"mappings":"gFAGO,SAASA,KAAOC,EAA+B,CACpD,OAAOA,EAAW,OAAOC,CAAQ,EAAE,KAAK,GAAG,CAC7C,CAEA,MAAMA,EAAYC,GAChB,OAAOA,GAAM,UAAYA,aAAa"}

package/dist/utils/string.es.js

@@ -0,0 +1,8 @@
+function i(...n) {
+  return n.filter(t).join(" ");
+}
+const t = (n) => typeof n == "string" || n instanceof String;
+export {
+  i as csx
+};
+//# sourceMappingURL=string.es.js.map

package/dist/utils/string.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.es.js","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\r\n * Concatenates class names into a single string, filtering out non-string values.\r\n */\r\nexport function csx(...classnames: unknown[]): string {\r\n  return classnames.filter(isString).join(\" \");\r\n}\r\n\r\nconst isString = (x: unknown): boolean =>\r\n  typeof x === \"string\" || x instanceof String;\r\n"],"names":["csx","classnames","isString","x"],"mappings":"AAGO,SAASA,KAAOC,GAA+B;AACpD,SAAOA,EAAW,OAAOC,CAAQ,EAAE,KAAK,GAAG;AAC7C;AAEA,MAAMA,IAAW,CAACC,MAChB,OAAOA,KAAM,YAAYA,aAAa;"}

package/dist/utils.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./color2k-DCgwXUem.js"),t=require("./navigation-BB0MBIiR.js"),a=require("./image-CUSfY1_T.js");exports.arrayToRgbString=e.arrayToRgbString;exports.darken=e.darken;exports.desaturate=e.desaturate;exports.lighten=e.lighten;exports.saturate=e.saturate;exports.toHex=e.toHex;exports.toRgba=e.toRgba;exports.transparentize=e.transparentize;exports.copyTextToClipboard=t.copyTextToClipboard;exports.csx=t.csx;exports.handleInternalNavigation=t.handleInternalNavigation;exports.isUrlExternal=t.isUrlExternal;exports.generatePalette=a.generatePalette;exports.getDominantColor=a.getDominantColor;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils/color2k.cjs.js"),a=require("./utils/string.cjs.js"),n=require("./utils/palette.cjs.js"),o=require("./utils/copy.cjs.js"),i=require("./utils/image.cjs.js"),r=require("./utils/navigation.cjs.js"),t=require("./node_modules/color2k/dist/index.exports.import.es.cjs.js");exports.arrayToRgbString=e.arrayToRgbString;exports.desaturate=e.desaturate;exports.saturate=e.saturate;exports.transparentize=e.transparentize;exports.csx=a.csx;exports.generatePalette=n.generatePalette;exports.copyTextToClipboard=o.copyTextToClipboard;exports.getDominantColor=i.getDominantColor;exports.handleInternalNavigation=r.handleInternalNavigation;exports.isUrlExternal=r.isUrlExternal;exports.darken=t.darken;exports.lighten=t.lighten;exports.toHex=t.toHex;exports.toRgba=t.toRgba;
 //# sourceMappingURL=utils.cjs.js.map

package/dist/utils.es.js

@@ -1,20 +1,24 @@
-import { a as e, b as r, d as s, l as o, s as n, c as i, e as l, t as g } from "./color2k-CpDB_dpw.mjs";
-import { a as p, c as d, h as b, i as c } from "./navigation-Bj7Pex9j.mjs";
-import { g as f, a as h } from "./image-DFyN0Kd9.mjs";
+import { arrayToRgbString as e, desaturate as o, saturate as a, transparentize as n } from "./utils/color2k.es.js";
+import { csx as p } from "./utils/string.es.js";
+import { generatePalette as l } from "./utils/palette.es.js";
+import { copyTextToClipboard as f } from "./utils/copy.es.js";
+import { getDominantColor as s } from "./utils/image.es.js";
+import { handleInternalNavigation as b, isUrlExternal as T } from "./utils/navigation.es.js";
+import { darken as h, lighten as u, toHex as y, toRgba as C } from "./node_modules/color2k/dist/index.exports.import.es.es.js";
 export {
   e as arrayToRgbString,
-  p as copyTextToClipboard,
-  d as csx,
-  r as darken,
-  s as desaturate,
-  f as generatePalette,
-  h as getDominantColor,
+  f as copyTextToClipboard,
+  p as csx,
+  h as darken,
+  o as desaturate,
+  l as generatePalette,
+  s as getDominantColor,
   b as handleInternalNavigation,
-  c as isUrlExternal,
-  o as lighten,
-  n as saturate,
-  i as toHex,
-  l as toRgba,
-  g as transparentize
+  T as isUrlExternal,
+  u as lighten,
+  a as saturate,
+  y as toHex,
+  C as toRgba,
+  n as transparentize
 };
 //# sourceMappingURL=utils.es.js.map

package/dist/utils.es.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protonradio/proton-ui",
-  "version": "0.11.8",
+  "version": "0.11.10-beta.1",
   "description": "",
   "main": "./dist/proton-ui.umd.js",
   "module": "./dist/proton-ui.es.js",
@@ -26,19 +26,19 @@
       "require": "./dist/hooks.cjs.js"
     },
     "./theme": {
-      "types": "./dist/theme.d.ts",
-      "import": "./dist/theme.es.js",
-      "require": "./dist/theme.cjs.js"
+      "types": "./dist/design.d.ts",
+      "import": "./dist/design.es.js",
+      "require": "./dist/design.cjs.js"
     },
     "./theme/light": {
-      "types": "./dist/light.d.ts",
-      "import": "./dist/light.es.js",
-      "require": "./dist/light.cjs.js"
+      "types": "./dist/design/lightTheme.d.ts",
+      "import": "./dist/design/lightTheme.es.js",
+      "require": "./dist/design/lightTheme.cjs.js"
     },
     "./theme/dark": {
-      "types": "./dist/dark.d.ts",
-      "import": "./dist/dark.es.js",
-      "require": "./dist/dark.cjs.js"
+      "types": "./dist/design/darkTheme.d.ts",
+      "import": "./dist/design/darkTheme.es.js",
+      "require": "./dist/design/darkTheme.cjs.js"
     }
   },
   "typesVersions": {
@@ -56,13 +56,13 @@
         "./dist/hooks.d.ts"
       ],
       "theme": [
-        "./dist/theme.d.ts"
+        "./dist/design.d.ts"
       ],
       "theme/light": [
-        "./dist/light.d.ts"
+        "./dist/design/lightTheme.d.ts"
       ],
       "theme/dark": [
-        "./dist/dark.d.ts"
+        "./dist/design/darkTheme.d.ts"
       ]
     }
   },
@@ -90,7 +90,6 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@radix-ui/react-popover": "^1.1.14",
     "@radix-ui/react-portal": "^1.1.9",
     "@storybook/cli": "^8.4.2",
     "color2k": "^2.0.3",
@@ -101,13 +100,15 @@
   },
   "peerDependencies": {
     "@radix-ui/react-portal": "^1.1.9",
+    "@react-aria/utils": "^3.30.0",
     "radix-ui": "^1.4.2",
-    "react-aria": "^3.39.0",
-    "react-aria-components": "^1.8.0",
-    "react-stately": "^3.37.0"
+    "react-aria": "^3.42.0",
+    "react-aria-components": "^1.11.0",
+    "react-stately": "^3.40.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.2",
+    "@react-aria/utils": "^3.30.0",
     "@storybook/addon-a11y": "^8.4.2",
     "@storybook/addon-essentials": "^8.4.2",
     "@storybook/addon-interactions": "^8.4.2",
@@ -125,7 +126,10 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lightningcss": "^1.28.1",
+    "react-aria": "^3.42.0",
+    "react-aria-components": "^1.11.0",
     "react-docgen-typescript": "^2.2.2",
+    "react-stately": "^3.40.0",
     "storybook": "^8.4.2",
     "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2",

package/dist/breakpoint-9y1_8U_b.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoint-9y1_8U_b.mjs","sources":["../src/constants/breakpoint.ts"],"sourcesContent":["export const BREAKPOINTS = {\r\n  SMALL: 576,\r\n  MEDIUM: 768,\r\n  LARGE: 992,\r\n  X_LARGE: 1200,\r\n};\r\n\r\nexport type Breakpoint = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS];\r\n"],"names":["BREAKPOINTS"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AACX;"}

package/dist/breakpoint-DtqbboOa.js

@@ -1,2 +0,0 @@
-"use strict";const A={SMALL:576,MEDIUM:768,LARGE:992,X_LARGE:1200};exports.BREAKPOINTS=A;
-//# sourceMappingURL=breakpoint-DtqbboOa.js.map

package/dist/breakpoint-DtqbboOa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoint-DtqbboOa.js","sources":["../src/constants/breakpoint.ts"],"sourcesContent":["export const BREAKPOINTS = {\r\n  SMALL: 576,\r\n  MEDIUM: 768,\r\n  LARGE: 992,\r\n  X_LARGE: 1200,\r\n};\r\n\r\nexport type Breakpoint = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS];\r\n"],"names":["BREAKPOINTS"],"mappings":"aAAO,MAAMA,EAAc,CACzB,MAAO,IACP,OAAQ,IACR,MAAO,IACP,QAAS,IACX"}

package/dist/color2k-CpDB_dpw.mjs

@@ -1,168 +0,0 @@
-function u(t, e, n) {
-  return Math.min(Math.max(t, n), e);
-}
-class E extends Error {
-  constructor(e) {
-    super(`Failed to parse color: "${e}"`);
-  }
-}
-var p = E;
-function h(t) {
-  if (typeof t != "string") throw new p(t);
-  if (t.trim().toLowerCase() === "transparent") return [0, 0, 0, 0];
-  let e = t.trim();
-  e = D.test(t) ? N(t) : t;
-  const n = S.exec(e);
-  if (n) {
-    const o = Array.from(n).slice(1);
-    return [...o.slice(0, 3).map((i) => parseInt(m(i, 2), 16)), parseInt(m(o[3] || "f", 2), 16) / 255];
-  }
-  const r = L.exec(e);
-  if (r) {
-    const o = Array.from(r).slice(1);
-    return [...o.slice(0, 3).map((i) => parseInt(i, 16)), parseInt(o[3] || "ff", 16) / 255];
-  }
-  const a = W.exec(e);
-  if (a) {
-    const o = Array.from(a).slice(1);
-    return [...o.slice(0, 3).map((i) => parseInt(i, 10)), parseFloat(o[3] || "1")];
-  }
-  const s = B.exec(e);
-  if (s) {
-    const [o, i, c, _] = Array.from(s).slice(1).map(parseFloat);
-    if (u(0, 100, i) !== i) throw new p(t);
-    if (u(0, 100, c) !== c) throw new p(t);
-    return [...G(o, i, c), Number.isNaN(_) ? 1 : _];
-  }
-  throw new p(t);
-}
-function H(t) {
-  let e = 5381, n = t.length;
-  for (; n; )
-    e = e * 33 ^ t.charCodeAt(--n);
-  return (e >>> 0) % 2341;
-}
-const j = (t) => parseInt(t.replace(/_/g, ""), 36), T = "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((t, e) => {
-  const n = j(e.substring(0, 3)), r = j(e.substring(3)).toString(16);
-  let a = "";
-  for (let s = 0; s < 6 - r.length; s++)
-    a += "0";
-  return t[n] = `${a}${r}`, t;
-}, {});
-function N(t) {
-  const e = t.toLowerCase().trim(), n = T[H(e)];
-  if (!n) throw new p(t);
-  return `#${n}`;
-}
-const m = (t, e) => Array.from(Array(e)).map(() => t).join(""), S = new RegExp(`^#${m("([a-f0-9])", 3)}([a-f0-9])?$`, "i"), L = new RegExp(`^#${m("([a-f0-9]{2})", 3)}([a-f0-9]{2})?$`, "i"), W = new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${m(",\\s*(\\d+)\\s*", 2)}(?:,\\s*([\\d.]+))?\\s*\\)$`, "i"), B = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i, D = /^[a-z]+$/i, v = (t) => Math.round(t * 255), G = (t, e, n) => {
-  let r = n / 100;
-  if (e === 0)
-    return [r, r, r].map(v);
-  const a = (t % 360 + 360) % 360 / 60, s = (1 - Math.abs(2 * r - 1)) * (e / 100), o = s * (1 - Math.abs(a % 2 - 1));
-  let i = 0, c = 0, _ = 0;
-  a >= 0 && a < 1 ? (i = s, c = o) : a >= 1 && a < 2 ? (i = o, c = s) : a >= 2 && a < 3 ? (c = s, _ = o) : a >= 3 && a < 4 ? (c = o, _ = s) : a >= 4 && a < 5 ? (i = o, _ = s) : a >= 5 && a < 6 && (i = s, _ = o);
-  const d = r - s / 2, l = i + d, f = c + d, g = _ + d;
-  return [l, f, g].map(v);
-};
-function b(t) {
-  const [e, n, r, a] = h(t).map((l, f) => (
-    // 3rd index is alpha channel which is already normalized
-    f === 3 ? l : l / 255
-  )), s = Math.max(e, n, r), o = Math.min(e, n, r), i = (s + o) / 2;
-  if (s === o) return [0, 0, i, a];
-  const c = s - o, _ = i > 0.5 ? c / (2 - s - o) : c / (s + o);
-  return [60 * (e === s ? (n - r) / c + (n < r ? 6 : 0) : n === s ? (r - e) / c + 2 : (e - n) / c + 4), _, i, a];
-}
-function w(t, e, n, r) {
-  return `hsla(${(t % 360).toFixed()}, ${u(0, 100, e * 100).toFixed()}%, ${u(0, 100, n * 100).toFixed()}%, ${parseFloat(u(0, 1, r).toFixed(3))})`;
-}
-function X(t, e) {
-  const [n, r, a, s] = b(t);
-  return w(n + e, r, a, s);
-}
-function P(t, e) {
-  const [n, r, a, s] = b(t);
-  return w(n, r, a - e, s);
-}
-function M(t, e) {
-  const [n, r, a, s] = b(t);
-  return w(n, r - e, a, s);
-}
-function q(t) {
-  if (t === "transparent") return 0;
-  function e(s) {
-    const o = s / 255;
-    return o <= 0.04045 ? o / 12.92 : Math.pow((o + 0.055) / 1.055, 2.4);
-  }
-  const [n, r, a] = h(t);
-  return 0.2126 * e(n) + 0.7152 * e(r) + 0.0722 * e(a);
-}
-function J(t, e) {
-  const n = q(t), r = q(e);
-  return n > r ? (n + 0.05) / (r + 0.05) : (r + 0.05) / (n + 0.05);
-}
-function $(t, e, n, r) {
-  return `rgba(${u(0, 255, t).toFixed()}, ${u(0, 255, e).toFixed()}, ${u(0, 255, n).toFixed()}, ${parseFloat(u(0, 1, r).toFixed(3))})`;
-}
-function K(t, e, n) {
-  const r = (k, A) => (
-    // 3rd index is alpha channel which is already normalized
-    A === 3 ? k : k / 255
-  ), [a, s, o, i] = h(t).map(r), [c, _, d, l] = h(e).map(r), f = l - i, g = n * 2 - 1, z = ((g * f === -1 ? g : g + f / (1 + g * f)) + 1) / 2, x = 1 - z, C = (a * x + c * z) * 255, F = (s * x + _ * z) * 255, R = (o * x + d * z) * 255, I = l * n + i * (1 - n);
-  return $(C, F, R, I);
-}
-function Y(...t) {
-  return (e) => {
-    const n = t.length - 1, r = u(0, n, Math.floor(e * n)), a = u(0, n, Math.ceil(e * n)), s = t[r], o = t[a], i = 1 / n, c = (e - i * r) / i;
-    return K(s, o, c);
-  };
-}
-const O = {
-  decorative: 1.5,
-  readable: 3,
-  aa: 4.5,
-  aaa: 7
-};
-function Z(t, e = "aa", n = "#fff") {
-  return J(t, n) < O[e];
-}
-function tt(t, e) {
-  return P(t, -e);
-}
-function Q(t, e) {
-  const [n, r, a, s] = h(t);
-  return $(n, r, a, s - e);
-}
-function U(t, e) {
-  return M(t, -e);
-}
-function et(t) {
-  const [e, n, r, a] = h(t);
-  let s = (o) => {
-    const i = u(0, 255, o).toString(16);
-    return i.length === 1 ? `0${i}` : i;
-  };
-  return `#${s(e)}${s(n)}${s(r)}${a < 1 ? s(Math.round(a * 255)) : ""}`;
-}
-function y(t) {
-  return $(...h(t));
-}
-const nt = (t, e) => e === void 0 ? `rgb(${t[0]}, ${t[1]}, ${t[2]})` : `rgba(${t[0]}, ${t[1]}, ${t[2]}, ${e})`, rt = (t, e) => y(Q(t, e)), st = (t, e) => y(U(t, e)), at = (t, e) => y(M(t, e));
-export {
-  nt as a,
-  P as b,
-  et as c,
-  at as d,
-  y as e,
-  X as f,
-  q as g,
-  Z as h,
-  Y as i,
-  Q as j,
-  tt as l,
-  K as m,
-  h as p,
-  st as s,
-  rt as t
-};
-//# sourceMappingURL=color2k-CpDB_dpw.mjs.map