@protonradio/proton-ui 0.6.18-beta.5 → 0.6.18-beta.6

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),we=require("react-dom"),y=require("react-aria"),q=require("react-stately"),E=require("./utils-DQj80-_6.js"),Z=require("./constants.cjs.js"),oe=require("color2k"),k=require("./colors-BdogYmJi.js");var Ye={exports:{}},he={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),we=require("react-dom"),y=require("react-aria"),q=require("react-stately"),E=require("./utils-HYp3o7mD.js"),Z=require("./constants.cjs.js"),oe=require("color2k"),k=require("./colors-BdogYmJi.js");var Ye={exports:{}},he={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *

package/dist/index.es.js

@@ -2,7 +2,7 @@ import g, { useLayoutEffect as pr, useState as D, useRef as S, createElement as
 import en, { createPortal as tn } from "react-dom";
 import { useMenu as nn, useOverlay as mr, FocusScope as pt, useMenuItem as rn, useButton as De, useRadioGroup as br, useRadio as gr, VisuallyHidden as on, useDialog as yr, useTextField as xr, useClipboard as _r, useSearchField as $r, useOverlayTrigger as Sr, usePopover as Er, Overlay as wr, DismissButton as Cr, useFocusRing as we, useHover as Rr, useId as Lt, mergeProps as me, useMenuTrigger as Pr, useMenuSection as Tr, useTooltipTrigger as jr, OverlayContainer as Nr, useOverlayPosition as Mr, useTooltip as kr, useListBox as Ar, useOption as Or, useSelect as an, HiddenSelect as ln, useSwitch as Ir, useTableHeaderRow as Dr, useTableColumnHeader as Lr, useTableRowGroup as Br, useTableRow as Hr, useTableCell as Vr, useTable as Kr } from "react-aria";
 import { useTreeState as sn, Item as ht, useRadioGroupState as Wr, useOverlayTriggerState as Fr, useMenuTriggerState as Gr, useTooltipTriggerState as cn, useSelectState as un, useToggleState as Ur, useTableState as zr } from "react-stately";
-import { b as E, i as vt, h as dn } from "./utils-B_UbuIoU.mjs";
+import { b as E, i as vt, h as dn } from "./utils-CfmTFcgh.mjs";
 import { THEMES as le, BREAKPOINTS as fn } from "./constants.es.js";
 import { transparentize as ve, toRgba as Xe } from "color2k";
 import { G as Q, S as Ne, W as Me, D as ke, B as Yr } from "./colors-Dwh4VIMR.mjs";

package/dist/utils-CfmTFcgh.mjs

@@ -0,0 +1,119 @@
+import { B as D, G as e } from "./colors-Dwh4VIMR.mjs";
+import { toRgba as s, transparentize as P, getScale as G, desaturate as M, saturate as T, adjustHue as L, getLuminance as u, lighten as m, darken as H } from "color2k";
+const f = {
+  BRAND: {
+    PRIMARY: D.PRIMARY,
+    PRIMARY_LIGHT: D.PRIMARY_LIGHT,
+    SECONDARY: D.SECONDARY
+  },
+  PRIMARY: {
+    PRIMARY_SUPER_DARK: e.GRAY_SUPER_DARK,
+    PRIMARY_DARK: e.GRAY_DARK,
+    PRIMARY_MEDIUM: e.GRAY_MEDIUM,
+    PRIMARY_MEDIUM_LIGHT: e.GRAY_MEDIUM_LIGHT,
+    PRIMARY_LIGHT: e.GRAY_LIGHT,
+    PRIMARY_LIGHTEST: e.GRAY_LIGHTEST,
+    PRIMARY_SUPER_LIGHT: e.GRAY_SUPER_LIGHT
+  },
+  SECONDARY: {
+    SECONDARY_SUPER_DARK: e.GRAY_SUPER_DARK,
+    SECONDARY_DARK: e.GRAY_DARK,
+    SECONDARY_MEDIUM: e.GRAY_MEDIUM,
+    SECONDARY_MEDIUM_LIGHT: e.GRAY_MEDIUM_LIGHT,
+    SECONDARY_LIGHT: e.GRAY_LIGHT,
+    SECONDARY_LIGHTEST: e.GRAY_LIGHTEST,
+    SECONDARY_SUPER_LIGHT: e.GRAY_SUPER_LIGHT
+  }
+  // Success, Warning & Danger palettes go here...
+}, h = (t, n) => n === void 0 ? `rgb(${t[0]}, ${t[1]}, ${t[2]})` : `rgba(${t[0]}, ${t[1]}, ${t[2]}, ${n})`, y = (t, n) => s(P(t, n)), Y = ([t, n, R]) => t * 0.2126 + n * 0.7152 + R * 0.0722, U = (t) => t.map((n) => 255 - n), C = (t, n) => {
+  const R = Y(t), a = Y(n);
+  return (Math.max(R, a) + 0.05) / (Math.min(R, a) + 0.05);
+}, K = (t, n = 4.5) => {
+  const R = U(t);
+  if (C(t, R) >= n) return R;
+  const r = Y(t), o = r < 128;
+  if (o && r > 255 / n)
+    return [255, 255, 255];
+  const I = Y(R), E = (Math.min(r, I) + 0.05) * n - (Math.max(r, I) + 0.05);
+  return o ? R.map(
+    (A) => Math.min(255, Math.round(A + E))
+  ) : R.map(
+    (A) => Math.max(0, Math.round(A - E))
+  );
+}, F = (t, n = !0) => {
+  const R = h(t), a = G("#FFFFFF", R, "#000000"), r = Array.from({ length: 12 }, (_, i) => {
+    const S = a(i / 11);
+    return s(M(S, 0.1));
+  }), o = n ? r.map(
+    (_) => s(M(l(_), 0.1))
+  ) : r, I = s(T(L(R, 180), 1)), E = G("#FFFFFF", I, "#000000"), A = Array.from({ length: 12 }, (_, i) => {
+    const S = E(i / 11);
+    return s(M(S, 0.1));
+  }), c = n ? A.map(
+    (_) => s(M(l(_), 0.1))
+  ) : A;
+  return {
+    BRAND: {
+      PRIMARY: o[5],
+      PRIMARY_LIGHT: o[3],
+      SECONDARY: c[4]
+    },
+    PRIMARY: {
+      PRIMARY_SUPER_DARK: r[10],
+      PRIMARY_DARK: r[9],
+      PRIMARY_MEDIUM: o[7],
+      PRIMARY_MEDIUM_LIGHT: o[6],
+      PRIMARY_LIGHT: o[5],
+      PRIMARY_LIGHTEST: o[4],
+      PRIMARY_SUPER_LIGHT: o[3]
+    },
+    SECONDARY: {
+      SECONDARY_SUPER_DARK: A[10],
+      SECONDARY_DARK: A[9],
+      SECONDARY_MEDIUM: c[7],
+      SECONDARY_MEDIUM_LIGHT: c[6],
+      SECONDARY_LIGHT: c[5],
+      SECONDARY_LIGHTEST: c[4],
+      SECONDARY_SUPER_LIGHT: c[3]
+    }
+  };
+}, l = (t) => {
+  let n = t, R = u(s(n)), a = 0;
+  const r = 6;
+  for (; R < 0.16 && a < r; )
+    a++, n = m(n, 0.1), R = u(s(n));
+  for (; R > 0.6 && a < r; )
+    a++, n = H(n, 0.1), R = u(s(n));
+  return n;
+}, d = (t) => typeof t == "string" || t instanceof String;
+function g(...t) {
+  return t.filter(d).join(" ");
+}
+const p = (t) => {
+  if (/^https?:\/\//.test(t)) {
+    const n = document.createElement("a");
+    return n.href = t, n.hostname;
+  }
+  return window.location.hostname;
+}, w = (t) => {
+  const n = window.location.hostname, R = p(t);
+  return n !== R;
+}, $ = (t, n) => {
+  if (t.metaKey || t.altKey || t.ctrlKey || t.shiftKey || t.button && t.button !== 0)
+    return;
+  t.preventDefault();
+  const R = n.startsWith("/") ? n : `/${n}`;
+  window.history.pushState({}, "", R), window.dispatchEvent(new PopStateEvent("popstate"));
+};
+export {
+  f as D,
+  h as a,
+  g as b,
+  K as c,
+  F as g,
+  $ as h,
+  w as i,
+  Y as l,
+  y as t
+};
+//# sourceMappingURL=utils-CfmTFcgh.mjs.map

package/dist/utils-CfmTFcgh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-CfmTFcgh.mjs","sources":["../src/utils/color.ts","../src/utils/utils.ts"],"sourcesContent":["import { COLORS } from \"../constants\";\r\nimport {\r\n  adjustHue,\r\n  getLuminance,\r\n  getScale,\r\n  lighten,\r\n  saturate,\r\n  transparentize as _transparentize,\r\n  desaturate,\r\n} from \"color2k\";\r\nimport { darken, toRgba } from \"color2k\";\r\n\r\nexport type RGBArray = [number, number, number];\r\n\r\nexport type Palette = {\r\n  BRAND: {\r\n    PRIMARY: string;\r\n    PRIMARY_LIGHT: string;\r\n    SECONDARY: string;\r\n  };\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: string;\r\n    PRIMARY_DARK: string;\r\n    PRIMARY_MEDIUM: string;\r\n    PRIMARY_MEDIUM_LIGHT: string;\r\n    PRIMARY_LIGHT: string;\r\n    PRIMARY_LIGHTEST: string;\r\n    PRIMARY_SUPER_LIGHT: string;\r\n  };\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: string;\r\n    SECONDARY_DARK: string;\r\n    SECONDARY_MEDIUM: string;\r\n    SECONDARY_MEDIUM_LIGHT: string;\r\n    SECONDARY_LIGHT: string;\r\n    SECONDARY_LIGHTEST: string;\r\n    SECONDARY_SUPER_LIGHT: string;\r\n  };\r\n};\r\n\r\nexport const DEFAULT_PALETTE: Palette = {\r\n  BRAND: {\r\n    PRIMARY: COLORS.BRAND.PRIMARY,\r\n    PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\r\n    SECONDARY: COLORS.BRAND.SECONDARY,\r\n  },\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\r\n    PRIMARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\r\n    PRIMARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\r\n    PRIMARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\r\n    PRIMARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\r\n    PRIMARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\r\n    PRIMARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\r\n  },\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\r\n    SECONDARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\r\n    SECONDARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\r\n    SECONDARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\r\n    SECONDARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\r\n    SECONDARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\r\n    SECONDARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\r\n  },\r\n  // Success, Warning & Danger palettes go here...\r\n};\r\n\r\n/**\r\n * Converts an RGB array to a CSS string representation.\r\n * @param rgb - The RGB array to convert.\r\n * @param opacity - Optional opacity value.\r\n * @returns A CSS string representation of the RGB array, using `rgb()`, or `rgba()` if an opacity value is provided.\r\n */\r\nexport const arrayToRgbString = (rgb: RGBArray, opacity?: number): string => {\r\n  return opacity === undefined\r\n    ? `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`\r\n    : `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${opacity})`;\r\n};\r\n\r\n/**\r\n * Transparentizes an input color and returns the result after adjustment to ensure a minimum contrast ratio.\r\n *\r\n * @param color - The color string to transparentize.\r\n * @param amount - The amount to increase the opacity of the color by, given as a decimal between 0 and 1.\r\n * @returns An RGBA color string.\r\n */\r\nexport const transparentize = (color: string, amount: number): string => {\r\n  return toRgba(_transparentize(color, amount));\r\n};\r\n\r\n/**\r\n\r\n/**\r\n * Calculates the relative luminance of an RGB color according to WCAG 2.2 specifications.\r\n\r\n * This is used in calculating contrast ratios between colors.\r\n *\r\n * @param param0 - RGB color array containing red, green and blue values (0-255)\r\n * @returns The relative luminance value\r\n * @see formula from https://www.w3.org/WAI/WCAG22/Techniques/general/G18 (see step 1 in `Procedure`)\r\n */\r\nexport const luminance = ([r, g, b]: RGBArray): number => {\r\n  return r * 0.2126 + g * 0.7152 + b * 0.0722;\r\n};\r\n\r\nconst invertColor = (rgb: RGBArray): RGBArray => {\r\n  return rgb.map((value) => 255 - value) as RGBArray;\r\n};\r\n\r\nconst contrastRatio = (color1: RGBArray, color2: RGBArray): number => {\r\n  const luminance1 = luminance(color1);\r\n  const luminance2 = luminance(color2);\r\n\r\n  return (\r\n    (Math.max(luminance1, luminance2) + 0.05) /\r\n    (Math.min(luminance1, luminance2) + 0.05)\r\n  );\r\n};\r\n\r\n/**\r\n * Inverts an input color and returns the result after adjustment to ensure a minimum contrast ratio.\r\n *\r\n * @param color - The RGB color array to invert.\r\n * @param minContrast - The contrast ratio to exceed. Defaults to 4.5, which is the minimum for text to be considered accessible.\r\n */\r\n\r\nexport const contrastColor = (\r\n  color: RGBArray,\r\n  minContrast: number = 4.5\r\n): RGBArray => {\r\n  const newColor = invertColor(color);\r\n  const contrast = contrastRatio(color, newColor);\r\n  if (contrast >= minContrast) return newColor;\r\n\r\n  const colorLuminance = luminance(color);\r\n  const isColorDark = colorLuminance < 128;\r\n\r\n  if (isColorDark && colorLuminance > 255 / minContrast) {\r\n    return [255, 255, 255]; // not dark enough to find color meeting minimum contrast, return white\r\n  }\r\n\r\n  const newColorLuminance = luminance(newColor);\r\n\r\n  const difference =\r\n    (Math.min(colorLuminance, newColorLuminance) + 0.05) * minContrast -\r\n    (Math.max(colorLuminance, newColorLuminance) + 0.05);\r\n\r\n  return isColorDark\r\n    ? (newColor.map((value) =>\r\n        Math.min(255, Math.round(value + difference))\r\n      ) as RGBArray)\r\n    : (newColor.map((value) =>\r\n        Math.max(0, Math.round(value - difference))\r\n      ) as RGBArray);\r\n};\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 * @param adjustForLuminance - Whether to adjust the generated colors for better luminance/contrast.\r\n *                            Defaults to true.\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 = (\r\n  primaryColor: RGBArray,\r\n  adjustForLuminance: boolean = true\r\n): Palette => {\r\n  const primaryRgba = arrayToRgbString(primaryColor);\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 toRgba(desaturate(color, 0.1));\r\n  });\r\n\r\n  const adjustedPrimaryScale = adjustForLuminance\r\n    ? primaryScale.map((color) =>\r\n        toRgba(desaturate(adjustBrightnessForLuminance(color), 0.1))\r\n      )\r\n    : primaryScale;\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 toRgba(desaturate(color, 0.1));\r\n  });\r\n\r\n  const adjustedSecondaryScale = adjustForLuminance\r\n    ? secondaryScale.map((color) =>\r\n        toRgba(desaturate(adjustBrightnessForLuminance(color), 0.1))\r\n      )\r\n    : secondaryScale;\r\n\r\n  return {\r\n    BRAND: {\r\n      PRIMARY: adjustedPrimaryScale[5],\r\n      PRIMARY_LIGHT: adjustedPrimaryScale[3],\r\n      SECONDARY: adjustedSecondaryScale[4],\r\n    },\r\n    PRIMARY: {\r\n      PRIMARY_SUPER_DARK: primaryScale[10],\r\n      PRIMARY_DARK: primaryScale[9],\r\n      PRIMARY_MEDIUM: adjustedPrimaryScale[7],\r\n      PRIMARY_MEDIUM_LIGHT: adjustedPrimaryScale[6],\r\n      PRIMARY_LIGHT: adjustedPrimaryScale[5],\r\n      PRIMARY_LIGHTEST: adjustedPrimaryScale[4],\r\n      PRIMARY_SUPER_LIGHT: adjustedPrimaryScale[3],\r\n    },\r\n    SECONDARY: {\r\n      SECONDARY_SUPER_DARK: secondaryScale[10],\r\n      SECONDARY_DARK: secondaryScale[9],\r\n      SECONDARY_MEDIUM: adjustedSecondaryScale[7],\r\n      SECONDARY_MEDIUM_LIGHT: adjustedSecondaryScale[6],\r\n      SECONDARY_LIGHT: adjustedSecondaryScale[5],\r\n      SECONDARY_LIGHTEST: adjustedSecondaryScale[4],\r\n      SECONDARY_SUPER_LIGHT: adjustedSecondaryScale[3],\r\n    },\r\n  };\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 currentColor;\r\n};\r\n","const isString = (x: unknown): boolean =>\r\n  typeof x === \"string\" || x instanceof String;\r\n\r\nexport function csx(...classnames: unknown[]): string {\r\n  return classnames.filter(isString).join(\" \");\r\n}\r\n\r\n/**\r\n * [getLinkHost] - get the host of a link.\r\n * Referenced from is-url-external npm package\r\n * https://github.com/mrded/is-url-external/blob/master/index.js\r\n */\r\nconst getLinkHost = (url) => {\r\n  if (/^https?:\\/\\//.test(url)) {\r\n    // Absolute URL.\r\n    // The easy way to parse an URL, is to create <a> element.\r\n    // @see: https://gist.github.com/jlong/2428561\r\n    const parser = document.createElement(\"a\");\r\n    parser.href = url;\r\n    return parser.hostname;\r\n  }\r\n  return window.location.hostname;\r\n};\r\n\r\n/**\r\n * [isUrlExternal] - determine if passed absolute url is external to the current domain.\r\n */\r\nexport const isUrlExternal = (url) => {\r\n  const host = window.location.hostname;\r\n  const linkHost = getLinkHost(url);\r\n\r\n  return host !== linkHost;\r\n};\r\n\r\n/**\r\n * Handles internal navigation clicks by preventing default browser behavior and\r\n * programmatically updating the URL and history state.\r\n *\r\n * @param e - The click event from the anchor element\r\n * @param to - The destination path to navigate to\r\n *\r\n * @remarks\r\n * - Converts relative paths to absolute by prepending \"/\" if needed\r\n * - Updates browser history using pushState and dispatches a popstate event\r\n */\r\nexport const handleInternalNavigation = (\r\n  e: React.MouseEvent<HTMLAnchorElement>,\r\n  to: string\r\n) => {\r\n  // Don't handle navigation if modifier keys are pressed\r\n  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {\r\n    return;\r\n  }\r\n\r\n  // Don't handle middle clicks or right clicks\r\n  if (e.button && e.button !== 0) {\r\n    return;\r\n  }\r\n\r\n  e.preventDefault();\r\n\r\n  // Handle relative paths\r\n  const resolvedPath = to.startsWith(\"/\") ? to : `/${to}`;\r\n  window.history.pushState({}, \"\", resolvedPath);\r\n  window.dispatchEvent(new PopStateEvent(\"popstate\"));\r\n};\r\n"],"names":["DEFAULT_PALETTE","COLORS.BRAND","COLORS.GRAYSCALE","arrayToRgbString","rgb","opacity","transparentize","color","amount","toRgba","_transparentize","luminance","r","g","b","invertColor","value","contrastRatio","color1","color2","luminance1","luminance2","contrastColor","minContrast","newColor","colorLuminance","isColorDark","newColorLuminance","difference","generatePalette","primaryColor","adjustForLuminance","primaryRgba","primaryScaleFunc","getScale","primaryScale","desaturate","adjustedPrimaryScale","adjustBrightnessForLuminance","secondaryColor","saturate","adjustHue","secondaryScaleFunc","secondaryScale","adjustedSecondaryScale","currentColor","currentLuminance","getLuminance","adjustmentAttempts","MAX_ATTEMPTS","lighten","darken","isString","x","csx","classnames","getLinkHost","url","parser","isUrlExternal","host","linkHost","handleInternalNavigation","e","to","resolvedPath"],"mappings":";;AAwCO,MAAMA,IAA2B;AAAA,EACtC,OAAO;AAAA,IACL,SAASC,EAAa;AAAA,IACtB,eAAeA,EAAa;AAAA,IAC5B,WAAWA,EAAa;AAAA,EAC1B;AAAA,EACA,SAAS;AAAA,IACP,oBAAoBC,EAAiB;AAAA,IACrC,cAAcA,EAAiB;AAAA,IAC/B,gBAAgBA,EAAiB;AAAA,IACjC,sBAAsBA,EAAiB;AAAA,IACvC,eAAeA,EAAiB;AAAA,IAChC,kBAAkBA,EAAiB;AAAA,IACnC,qBAAqBA,EAAiB;AAAA,EACxC;AAAA,EACA,WAAW;AAAA,IACT,sBAAsBA,EAAiB;AAAA,IACvC,gBAAgBA,EAAiB;AAAA,IACjC,kBAAkBA,EAAiB;AAAA,IACnC,wBAAwBA,EAAiB;AAAA,IACzC,iBAAiBA,EAAiB;AAAA,IAClC,oBAAoBA,EAAiB;AAAA,IACrC,uBAAuBA,EAAiB;AAAA,EAC1C;AAAA;AAEF,GAQaC,IAAmB,CAACC,GAAeC,MACvCA,MAAY,SACf,OAAOD,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,MACnC,QAAQA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKC,CAAO,KAUzCC,IAAiB,CAACC,GAAeC,MACrCC,EAAOC,EAAgBH,GAAOC,CAAM,CAAC,GAcjCG,IAAY,CAAC,CAACC,GAAGC,GAAGC,CAAC,MACzBF,IAAI,SAASC,IAAI,SAASC,IAAI,QAGjCC,IAAc,CAACX,MACZA,EAAI,IAAI,CAACY,MAAU,MAAMA,CAAK,GAGjCC,IAAgB,CAACC,GAAkBC,MAA6B;AAC9D,QAAAC,IAAaT,EAAUO,CAAM,GAC7BG,IAAaV,EAAUQ,CAAM;AAGhC,UAAA,KAAK,IAAIC,GAAYC,CAAU,IAAI,SACnC,KAAK,IAAID,GAAYC,CAAU,IAAI;AAExC,GASaC,IAAgB,CAC3Bf,GACAgB,IAAsB,QACT;AACP,QAAAC,IAAWT,EAAYR,CAAK;AAE9B,MADaU,EAAcV,GAAOiB,CAAQ,KAC9BD,EAAoB,QAAAC;AAE9B,QAAAC,IAAiBd,EAAUJ,CAAK,GAChCmB,IAAcD,IAAiB;AAEjC,MAAAC,KAAeD,IAAiB,MAAMF;AACjC,WAAA,CAAC,KAAK,KAAK,GAAG;AAGjB,QAAAI,IAAoBhB,EAAUa,CAAQ,GAEtCI,KACH,KAAK,IAAIH,GAAgBE,CAAiB,IAAI,QAAQJ,KACtD,KAAK,IAAIE,GAAgBE,CAAiB,IAAI;AAEjD,SAAOD,IACFF,EAAS;AAAA,IAAI,CAACR,MACb,KAAK,IAAI,KAAK,KAAK,MAAMA,IAAQY,CAAU,CAAC;AAAA,MAE7CJ,EAAS;AAAA,IAAI,CAACR,MACb,KAAK,IAAI,GAAG,KAAK,MAAMA,IAAQY,CAAU,CAAC;AAAA,EAAA;AAElD,GAoBaC,IAAkB,CAC7BC,GACAC,IAA8B,OAClB;AACN,QAAAC,IAAc7B,EAAiB2B,CAAY,GAE3CG,IAAmBC,EAAS,WAAWF,GAAa,SAAS,GAC7DG,IAAe,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,MAAM;AAClD,UAAA5B,IAAQ0B,EAAiB,IAAI,EAAE;AACrC,WAAOxB,EAAO2B,EAAW7B,GAAO,GAAG,CAAC;AAAA,EAAA,CACrC,GAEK8B,IAAuBN,IACzBI,EAAa;AAAA,IAAI,CAAC5B,MAChBE,EAAO2B,EAAWE,EAA6B/B,CAAK,GAAG,GAAG,CAAC;AAAA,EAE7D,IAAA4B,GAEEI,IAAiB9B,EAAO+B,EAASC,EAAUT,GAAa,GAAG,GAAG,CAAC,CAAC,GAEhEU,IAAqBR,EAAS,WAAWK,GAAgB,SAAS,GAClEI,IAAiB,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,MAAM;AACpD,UAAApC,IAAQmC,EAAmB,IAAI,EAAE;AACvC,WAAOjC,EAAO2B,EAAW7B,GAAO,GAAG,CAAC;AAAA,EAAA,CACrC,GAEKqC,IAAyBb,IAC3BY,EAAe;AAAA,IAAI,CAACpC,MAClBE,EAAO2B,EAAWE,EAA6B/B,CAAK,GAAG,GAAG,CAAC;AAAA,EAE7D,IAAAoC;AAEG,SAAA;AAAA,IACL,OAAO;AAAA,MACL,SAASN,EAAqB,CAAC;AAAA,MAC/B,eAAeA,EAAqB,CAAC;AAAA,MACrC,WAAWO,EAAuB,CAAC;AAAA,IACrC;AAAA,IACA,SAAS;AAAA,MACP,oBAAoBT,EAAa,EAAE;AAAA,MACnC,cAAcA,EAAa,CAAC;AAAA,MAC5B,gBAAgBE,EAAqB,CAAC;AAAA,MACtC,sBAAsBA,EAAqB,CAAC;AAAA,MAC5C,eAAeA,EAAqB,CAAC;AAAA,MACrC,kBAAkBA,EAAqB,CAAC;AAAA,MACxC,qBAAqBA,EAAqB,CAAC;AAAA,IAC7C;AAAA,IACA,WAAW;AAAA,MACT,sBAAsBM,EAAe,EAAE;AAAA,MACvC,gBAAgBA,EAAe,CAAC;AAAA,MAChC,kBAAkBC,EAAuB,CAAC;AAAA,MAC1C,wBAAwBA,EAAuB,CAAC;AAAA,MAChD,iBAAiBA,EAAuB,CAAC;AAAA,MACzC,oBAAoBA,EAAuB,CAAC;AAAA,MAC5C,uBAAuBA,EAAuB,CAAC;AAAA,IACjD;AAAA,EAAA;AAEJ,GAEMN,IAA+B,CAAC/B,MAA0B;AAC9D,MAAIsC,IAAetC,GACfuC,IAAmBC,EAAatC,EAAOoC,CAAY,CAAC,GACpDG,IAAqB;AACzB,QAAMC,IAAe;AAEd,SAAAH,IAAmB,QAAQE,IAAqBC;AACrD,IAAAD,KACeH,IAAAK,EAAQL,GAAc,GAAG,GACrBC,IAAAC,EAAatC,EAAOoC,CAAY,CAAC;AAG/C,SAAAC,IAAmB,OAAOE,IAAqBC;AACpD,IAAAD,KACeH,IAAAM,EAAON,GAAc,GAAG,GACpBC,IAAAC,EAAatC,EAAOoC,CAAY,CAAC;AAG/C,SAAAA;AACT,GC5PMO,IAAW,CAACC,MAChB,OAAOA,KAAM,YAAYA,aAAa;AAEjC,SAASC,KAAOC,GAA+B;AACpD,SAAOA,EAAW,OAAOH,CAAQ,EAAE,KAAK,GAAG;AAC7C;AAOA,MAAMI,IAAc,CAACC,MAAQ;AACvB,MAAA,eAAe,KAAKA,CAAG,GAAG;AAItB,UAAAC,IAAS,SAAS,cAAc,GAAG;AACzC,WAAAA,EAAO,OAAOD,GACPC,EAAO;AAAA,EAChB;AACA,SAAO,OAAO,SAAS;AACzB,GAKaC,IAAgB,CAACF,MAAQ;AAC9B,QAAAG,IAAO,OAAO,SAAS,UACvBC,IAAWL,EAAYC,CAAG;AAEhC,SAAOG,MAASC;AAClB,GAaaC,IAA2B,CACtCC,GACAC,MACG;AAOH,MALID,EAAE,WAAWA,EAAE,UAAUA,EAAE,WAAWA,EAAE,YAKxCA,EAAE,UAAUA,EAAE,WAAW;AAC3B;AAGF,EAAAA,EAAE,eAAe;AAGjB,QAAME,IAAeD,EAAG,WAAW,GAAG,IAAIA,IAAK,IAAIA,CAAE;AACrD,SAAO,QAAQ,UAAU,CAAC,GAAG,IAAIC,CAAY,GAC7C,OAAO,cAAc,IAAI,cAAc,UAAU,CAAC;AACpD;"}

package/dist/utils-HYp3o7mD.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("./colors-BdogYmJi.js"),R=require("color2k"),u={BRAND:{PRIMARY:r.BRAND.PRIMARY,PRIMARY_LIGHT:r.BRAND.PRIMARY_LIGHT,SECONDARY:r.BRAND.SECONDARY},PRIMARY:{PRIMARY_SUPER_DARK:r.GRAYSCALE.GRAY_SUPER_DARK,PRIMARY_DARK:r.GRAYSCALE.GRAY_DARK,PRIMARY_MEDIUM:r.GRAYSCALE.GRAY_MEDIUM,PRIMARY_MEDIUM_LIGHT:r.GRAYSCALE.GRAY_MEDIUM_LIGHT,PRIMARY_LIGHT:r.GRAYSCALE.GRAY_LIGHT,PRIMARY_LIGHTEST:r.GRAYSCALE.GRAY_LIGHTEST,PRIMARY_SUPER_LIGHT:r.GRAYSCALE.GRAY_SUPER_LIGHT},SECONDARY:{SECONDARY_SUPER_DARK:r.GRAYSCALE.GRAY_SUPER_DARK,SECONDARY_DARK:r.GRAYSCALE.GRAY_DARK,SECONDARY_MEDIUM:r.GRAYSCALE.GRAY_MEDIUM,SECONDARY_MEDIUM_LIGHT:r.GRAYSCALE.GRAY_MEDIUM_LIGHT,SECONDARY_LIGHT:r.GRAYSCALE.GRAY_LIGHT,SECONDARY_LIGHTEST:r.GRAYSCALE.GRAY_LIGHTEST,SECONDARY_SUPER_LIGHT:r.GRAYSCALE.GRAY_SUPER_LIGHT}},G=(t,n)=>n===void 0?`rgb(${t[0]}, ${t[1]}, ${t[2]})`:`rgba(${t[0]}, ${t[1]}, ${t[2]}, ${n})`,D=(t,n)=>R.toRgba(R.transparentize(t,n)),Y=([t,n,e])=>t*.2126+n*.7152+e*.0722,L=t=>t.map(n=>255-n),l=(t,n)=>{const e=Y(t),A=Y(n);return(Math.max(e,A)+.05)/(Math.min(e,A)+.05)},T=(t,n=4.5)=>{const e=L(t);if(l(t,e)>=n)return e;const a=Y(t),o=a<128;if(o&&a>255/n)return[255,255,255];const _=Y(e),S=(Math.min(a,_)+.05)*n-(Math.max(a,_)+.05);return o?e.map(s=>Math.min(255,Math.round(s+S))):e.map(s=>Math.max(0,Math.round(s-S)))},P=(t,n=!0)=>{const e=G(t),A=R.getScale("#FFFFFF",e,"#000000"),a=Array.from({length:12},(E,I)=>{const i=A(I/11);return R.toRgba(R.desaturate(i,.1))}),o=n?a.map(E=>R.toRgba(R.desaturate(M(E),.1))):a,_=R.toRgba(R.saturate(R.adjustHue(e,180),1)),S=R.getScale("#FFFFFF",_,"#000000"),s=Array.from({length:12},(E,I)=>{const i=S(I/11);return R.toRgba(R.desaturate(i,.1))}),c=n?s.map(E=>R.toRgba(R.desaturate(M(E),.1))):s;return{BRAND:{PRIMARY:o[5],PRIMARY_LIGHT:o[3],SECONDARY:c[4]},PRIMARY:{PRIMARY_SUPER_DARK:a[10],PRIMARY_DARK:a[9],PRIMARY_MEDIUM:o[7],PRIMARY_MEDIUM_LIGHT:o[6],PRIMARY_LIGHT:o[5],PRIMARY_LIGHTEST:o[4],PRIMARY_SUPER_LIGHT:o[3]},SECONDARY:{SECONDARY_SUPER_DARK:s[10],SECONDARY_DARK:s[9],SECONDARY_MEDIUM:c[7],SECONDARY_MEDIUM_LIGHT:c[6],SECONDARY_LIGHT:c[5],SECONDARY_LIGHTEST:c[4],SECONDARY_SUPER_LIGHT:c[3]}}},M=t=>{let n=t,e=R.getLuminance(R.toRgba(n)),A=0;const a=6;for(;e<.16&&A<a;)A++,n=R.lighten(n,.1),e=R.getLuminance(R.toRgba(n));for(;e>.6&&A<a;)A++,n=R.darken(n,.1),e=R.getLuminance(R.toRgba(n));return n},C=t=>typeof t=="string"||t instanceof String;function m(...t){return t.filter(C).join(" ")}const H=t=>{if(/^https?:\/\//.test(t)){const n=document.createElement("a");return n.href=t,n.hostname}return window.location.hostname},d=t=>{const n=window.location.hostname,e=H(t);return n!==e},g=(t,n)=>{if(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey||t.button&&t.button!==0)return;t.preventDefault();const e=n.startsWith("/")?n:`/${n}`;window.history.pushState({},"",e),window.dispatchEvent(new PopStateEvent("popstate"))};exports.DEFAULT_PALETTE=u;exports.arrayToRgbString=G;exports.contrastColor=T;exports.csx=m;exports.generatePalette=P;exports.handleInternalNavigation=g;exports.isUrlExternal=d;exports.luminance=Y;exports.transparentize=D;
+//# sourceMappingURL=utils-HYp3o7mD.js.map

package/dist/utils-HYp3o7mD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-HYp3o7mD.js","sources":["../src/utils/color.ts","../src/utils/utils.ts"],"sourcesContent":["import { COLORS } from \"../constants\";\r\nimport {\r\n  adjustHue,\r\n  getLuminance,\r\n  getScale,\r\n  lighten,\r\n  saturate,\r\n  transparentize as _transparentize,\r\n  desaturate,\r\n} from \"color2k\";\r\nimport { darken, toRgba } from \"color2k\";\r\n\r\nexport type RGBArray = [number, number, number];\r\n\r\nexport type Palette = {\r\n  BRAND: {\r\n    PRIMARY: string;\r\n    PRIMARY_LIGHT: string;\r\n    SECONDARY: string;\r\n  };\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: string;\r\n    PRIMARY_DARK: string;\r\n    PRIMARY_MEDIUM: string;\r\n    PRIMARY_MEDIUM_LIGHT: string;\r\n    PRIMARY_LIGHT: string;\r\n    PRIMARY_LIGHTEST: string;\r\n    PRIMARY_SUPER_LIGHT: string;\r\n  };\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: string;\r\n    SECONDARY_DARK: string;\r\n    SECONDARY_MEDIUM: string;\r\n    SECONDARY_MEDIUM_LIGHT: string;\r\n    SECONDARY_LIGHT: string;\r\n    SECONDARY_LIGHTEST: string;\r\n    SECONDARY_SUPER_LIGHT: string;\r\n  };\r\n};\r\n\r\nexport const DEFAULT_PALETTE: Palette = {\r\n  BRAND: {\r\n    PRIMARY: COLORS.BRAND.PRIMARY,\r\n    PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\r\n    SECONDARY: COLORS.BRAND.SECONDARY,\r\n  },\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\r\n    PRIMARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\r\n    PRIMARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\r\n    PRIMARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\r\n    PRIMARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\r\n    PRIMARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\r\n    PRIMARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\r\n  },\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\r\n    SECONDARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\r\n    SECONDARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\r\n    SECONDARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\r\n    SECONDARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\r\n    SECONDARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\r\n    SECONDARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\r\n  },\r\n  // Success, Warning & Danger palettes go here...\r\n};\r\n\r\n/**\r\n * Converts an RGB array to a CSS string representation.\r\n * @param rgb - The RGB array to convert.\r\n * @param opacity - Optional opacity value.\r\n * @returns A CSS string representation of the RGB array, using `rgb()`, or `rgba()` if an opacity value is provided.\r\n */\r\nexport const arrayToRgbString = (rgb: RGBArray, opacity?: number): string => {\r\n  return opacity === undefined\r\n    ? `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`\r\n    : `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${opacity})`;\r\n};\r\n\r\n/**\r\n * Transparentizes an input color and returns the result after adjustment to ensure a minimum contrast ratio.\r\n *\r\n * @param color - The color string to transparentize.\r\n * @param amount - The amount to increase the opacity of the color by, given as a decimal between 0 and 1.\r\n * @returns An RGBA color string.\r\n */\r\nexport const transparentize = (color: string, amount: number): string => {\r\n  return toRgba(_transparentize(color, amount));\r\n};\r\n\r\n/**\r\n\r\n/**\r\n * Calculates the relative luminance of an RGB color according to WCAG 2.2 specifications.\r\n\r\n * This is used in calculating contrast ratios between colors.\r\n *\r\n * @param param0 - RGB color array containing red, green and blue values (0-255)\r\n * @returns The relative luminance value\r\n * @see formula from https://www.w3.org/WAI/WCAG22/Techniques/general/G18 (see step 1 in `Procedure`)\r\n */\r\nexport const luminance = ([r, g, b]: RGBArray): number => {\r\n  return r * 0.2126 + g * 0.7152 + b * 0.0722;\r\n};\r\n\r\nconst invertColor = (rgb: RGBArray): RGBArray => {\r\n  return rgb.map((value) => 255 - value) as RGBArray;\r\n};\r\n\r\nconst contrastRatio = (color1: RGBArray, color2: RGBArray): number => {\r\n  const luminance1 = luminance(color1);\r\n  const luminance2 = luminance(color2);\r\n\r\n  return (\r\n    (Math.max(luminance1, luminance2) + 0.05) /\r\n    (Math.min(luminance1, luminance2) + 0.05)\r\n  );\r\n};\r\n\r\n/**\r\n * Inverts an input color and returns the result after adjustment to ensure a minimum contrast ratio.\r\n *\r\n * @param color - The RGB color array to invert.\r\n * @param minContrast - The contrast ratio to exceed. Defaults to 4.5, which is the minimum for text to be considered accessible.\r\n */\r\n\r\nexport const contrastColor = (\r\n  color: RGBArray,\r\n  minContrast: number = 4.5\r\n): RGBArray => {\r\n  const newColor = invertColor(color);\r\n  const contrast = contrastRatio(color, newColor);\r\n  if (contrast >= minContrast) return newColor;\r\n\r\n  const colorLuminance = luminance(color);\r\n  const isColorDark = colorLuminance < 128;\r\n\r\n  if (isColorDark && colorLuminance > 255 / minContrast) {\r\n    return [255, 255, 255]; // not dark enough to find color meeting minimum contrast, return white\r\n  }\r\n\r\n  const newColorLuminance = luminance(newColor);\r\n\r\n  const difference =\r\n    (Math.min(colorLuminance, newColorLuminance) + 0.05) * minContrast -\r\n    (Math.max(colorLuminance, newColorLuminance) + 0.05);\r\n\r\n  return isColorDark\r\n    ? (newColor.map((value) =>\r\n        Math.min(255, Math.round(value + difference))\r\n      ) as RGBArray)\r\n    : (newColor.map((value) =>\r\n        Math.max(0, Math.round(value - difference))\r\n      ) as RGBArray);\r\n};\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 * @param adjustForLuminance - Whether to adjust the generated colors for better luminance/contrast.\r\n *                            Defaults to true.\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 = (\r\n  primaryColor: RGBArray,\r\n  adjustForLuminance: boolean = true\r\n): Palette => {\r\n  const primaryRgba = arrayToRgbString(primaryColor);\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 toRgba(desaturate(color, 0.1));\r\n  });\r\n\r\n  const adjustedPrimaryScale = adjustForLuminance\r\n    ? primaryScale.map((color) =>\r\n        toRgba(desaturate(adjustBrightnessForLuminance(color), 0.1))\r\n      )\r\n    : primaryScale;\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 toRgba(desaturate(color, 0.1));\r\n  });\r\n\r\n  const adjustedSecondaryScale = adjustForLuminance\r\n    ? secondaryScale.map((color) =>\r\n        toRgba(desaturate(adjustBrightnessForLuminance(color), 0.1))\r\n      )\r\n    : secondaryScale;\r\n\r\n  return {\r\n    BRAND: {\r\n      PRIMARY: adjustedPrimaryScale[5],\r\n      PRIMARY_LIGHT: adjustedPrimaryScale[3],\r\n      SECONDARY: adjustedSecondaryScale[4],\r\n    },\r\n    PRIMARY: {\r\n      PRIMARY_SUPER_DARK: primaryScale[10],\r\n      PRIMARY_DARK: primaryScale[9],\r\n      PRIMARY_MEDIUM: adjustedPrimaryScale[7],\r\n      PRIMARY_MEDIUM_LIGHT: adjustedPrimaryScale[6],\r\n      PRIMARY_LIGHT: adjustedPrimaryScale[5],\r\n      PRIMARY_LIGHTEST: adjustedPrimaryScale[4],\r\n      PRIMARY_SUPER_LIGHT: adjustedPrimaryScale[3],\r\n    },\r\n    SECONDARY: {\r\n      SECONDARY_SUPER_DARK: secondaryScale[10],\r\n      SECONDARY_DARK: secondaryScale[9],\r\n      SECONDARY_MEDIUM: adjustedSecondaryScale[7],\r\n      SECONDARY_MEDIUM_LIGHT: adjustedSecondaryScale[6],\r\n      SECONDARY_LIGHT: adjustedSecondaryScale[5],\r\n      SECONDARY_LIGHTEST: adjustedSecondaryScale[4],\r\n      SECONDARY_SUPER_LIGHT: adjustedSecondaryScale[3],\r\n    },\r\n  };\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 currentColor;\r\n};\r\n","const isString = (x: unknown): boolean =>\r\n  typeof x === \"string\" || x instanceof String;\r\n\r\nexport function csx(...classnames: unknown[]): string {\r\n  return classnames.filter(isString).join(\" \");\r\n}\r\n\r\n/**\r\n * [getLinkHost] - get the host of a link.\r\n * Referenced from is-url-external npm package\r\n * https://github.com/mrded/is-url-external/blob/master/index.js\r\n */\r\nconst getLinkHost = (url) => {\r\n  if (/^https?:\\/\\//.test(url)) {\r\n    // Absolute URL.\r\n    // The easy way to parse an URL, is to create <a> element.\r\n    // @see: https://gist.github.com/jlong/2428561\r\n    const parser = document.createElement(\"a\");\r\n    parser.href = url;\r\n    return parser.hostname;\r\n  }\r\n  return window.location.hostname;\r\n};\r\n\r\n/**\r\n * [isUrlExternal] - determine if passed absolute url is external to the current domain.\r\n */\r\nexport const isUrlExternal = (url) => {\r\n  const host = window.location.hostname;\r\n  const linkHost = getLinkHost(url);\r\n\r\n  return host !== linkHost;\r\n};\r\n\r\n/**\r\n * Handles internal navigation clicks by preventing default browser behavior and\r\n * programmatically updating the URL and history state.\r\n *\r\n * @param e - The click event from the anchor element\r\n * @param to - The destination path to navigate to\r\n *\r\n * @remarks\r\n * - Converts relative paths to absolute by prepending \"/\" if needed\r\n * - Updates browser history using pushState and dispatches a popstate event\r\n */\r\nexport const handleInternalNavigation = (\r\n  e: React.MouseEvent<HTMLAnchorElement>,\r\n  to: string\r\n) => {\r\n  // Don't handle navigation if modifier keys are pressed\r\n  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {\r\n    return;\r\n  }\r\n\r\n  // Don't handle middle clicks or right clicks\r\n  if (e.button && e.button !== 0) {\r\n    return;\r\n  }\r\n\r\n  e.preventDefault();\r\n\r\n  // Handle relative paths\r\n  const resolvedPath = to.startsWith(\"/\") ? to : `/${to}`;\r\n  window.history.pushState({}, \"\", resolvedPath);\r\n  window.dispatchEvent(new PopStateEvent(\"popstate\"));\r\n};\r\n"],"names":["DEFAULT_PALETTE","COLORS.BRAND","COLORS.GRAYSCALE","arrayToRgbString","rgb","opacity","transparentize","color","amount","toRgba","_transparentize","luminance","r","g","b","invertColor","value","contrastRatio","color1","color2","luminance1","luminance2","contrastColor","minContrast","newColor","colorLuminance","isColorDark","newColorLuminance","difference","generatePalette","primaryColor","adjustForLuminance","primaryRgba","primaryScaleFunc","getScale","primaryScale","_","i","desaturate","adjustedPrimaryScale","adjustBrightnessForLuminance","secondaryColor","saturate","adjustHue","secondaryScaleFunc","secondaryScale","adjustedSecondaryScale","currentColor","currentLuminance","getLuminance","adjustmentAttempts","MAX_ATTEMPTS","lighten","darken","isString","x","csx","classnames","getLinkHost","url","parser","isUrlExternal","host","linkHost","handleInternalNavigation","e","to","resolvedPath"],"mappings":"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"}

package/dist/utils.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils-DQj80-_6.js");exports.DEFAULT_PALETTE=e.DEFAULT_PALETTE;exports.arrayToRgbString=e.arrayToRgbString;exports.contrastColor=e.contrastColor;exports.csx=e.csx;exports.generatePalette=e.generatePalette;exports.handleInternalNavigation=e.handleInternalNavigation;exports.isUrlExternal=e.isUrlExternal;exports.luminance=e.luminance;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils-HYp3o7mD.js");exports.DEFAULT_PALETTE=e.DEFAULT_PALETTE;exports.arrayToRgbString=e.arrayToRgbString;exports.contrastColor=e.contrastColor;exports.csx=e.csx;exports.generatePalette=e.generatePalette;exports.handleInternalNavigation=e.handleInternalNavigation;exports.isUrlExternal=e.isUrlExternal;exports.luminance=e.luminance;exports.transparentize=e.transparentize;
 //# sourceMappingURL=utils.cjs.js.map

package/dist/utils.d.ts

@@ -57,7 +57,10 @@ export declare const handleInternalNavigation: (e: React.MouseEvent<HTMLAnchorEl
 export declare const isUrlExternal: (url: any) => boolean;
 
 /**
+
+ /**
  * Calculates the relative luminance of an RGB color according to WCAG 2.2 specifications.
+
  * This is used in calculating contrast ratios between colors.
  *
  * @param param0 - RGB color array containing red, green and blue values (0-255)
@@ -94,6 +97,15 @@ export declare type Palette = {
 
 export declare type RGBArray = [number, number, number];
 
+/**
+ * Transparentizes an input color and returns the result after adjustment to ensure a minimum contrast ratio.
+ *
+ * @param color - The color string to transparentize.
+ * @param amount - The amount to increase the opacity of the color by, given as a decimal between 0 and 1.
+ * @returns An RGBA color string.
+ */
+export declare const transparentize: (color: string, amount: number) => string;
+
 export { }
 
 

package/dist/utils.es.js

@@ -1,12 +1,13 @@
-import { D as s, a as e, c as n, b as t, g as l, h as o, i, l as g } from "./utils-B_UbuIoU.mjs";
+import { D as s, a as t, c as e, b as n, g as l, h as i, i as o, l as g, t as c } from "./utils-CfmTFcgh.mjs";
 export {
   s as DEFAULT_PALETTE,
-  e as arrayToRgbString,
-  n as contrastColor,
-  t as csx,
+  t as arrayToRgbString,
+  e as contrastColor,
+  n as csx,
   l as generatePalette,
-  o as handleInternalNavigation,
-  i as isUrlExternal,
-  g as luminance
+  i as handleInternalNavigation,
+  o as isUrlExternal,
+  g as luminance,
+  c as transparentize
 };
 //# sourceMappingURL=utils.es.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protonradio/proton-ui",
-  "version": "0.6.18-beta.5",
+  "version": "0.6.18-beta.6",
   "description": "",
   "main": "./dist/proton-ui.umd.js",
   "module": "./dist/proton-ui.es.js",

package/dist/utils-B_UbuIoU.mjs

@@ -1,114 +0,0 @@
-import { B as i, G as e } from "./colors-Dwh4VIMR.mjs";
-import { getScale as S, toRgba as A, saturate as u, adjustHue as G, getLuminance as D, lighten as P, darken as T } from "color2k";
-const d = {
-  BRAND: {
-    PRIMARY: i.PRIMARY,
-    PRIMARY_LIGHT: i.PRIMARY_LIGHT,
-    SECONDARY: i.SECONDARY
-  },
-  PRIMARY: {
-    PRIMARY_SUPER_DARK: e.GRAY_SUPER_DARK,
-    PRIMARY_DARK: e.GRAY_DARK,
-    PRIMARY_MEDIUM: e.GRAY_MEDIUM,
-    PRIMARY_MEDIUM_LIGHT: e.GRAY_MEDIUM_LIGHT,
-    PRIMARY_LIGHT: e.GRAY_LIGHT,
-    PRIMARY_LIGHTEST: e.GRAY_LIGHTEST,
-    PRIMARY_SUPER_LIGHT: e.GRAY_SUPER_LIGHT
-  },
-  SECONDARY: {
-    SECONDARY_SUPER_DARK: e.GRAY_SUPER_DARK,
-    SECONDARY_DARK: e.GRAY_DARK,
-    SECONDARY_MEDIUM: e.GRAY_MEDIUM,
-    SECONDARY_MEDIUM_LIGHT: e.GRAY_MEDIUM_LIGHT,
-    SECONDARY_LIGHT: e.GRAY_LIGHT,
-    SECONDARY_LIGHTEST: e.GRAY_LIGHTEST,
-    SECONDARY_SUPER_LIGHT: e.GRAY_SUPER_LIGHT
-  }
-  // Success, Warning & Danger palettes go here...
-}, l = (t, n) => n === void 0 ? `rgb(${t[0]}, ${t[1]}, ${t[2]})` : `rgba(${t[0]}, ${t[1]}, ${t[2]}, ${n})`, I = ([t, n, R]) => t * 0.2126 + n * 0.7152 + R * 0.0722, L = (t) => t.map((n) => 255 - n), m = (t, n) => {
-  const R = I(t), a = I(n);
-  return (Math.max(R, a) + 0.05) / (Math.min(R, a) + 0.05);
-}, p = (t, n = 4.5) => {
-  const R = L(t);
-  if (m(t, R) >= n) return R;
-  const r = I(t), s = r < 128;
-  if (s && r > 255 / n)
-    return [255, 255, 255];
-  const c = I(R), _ = (Math.min(r, c) + 0.05) * n - (Math.max(r, c) + 0.05);
-  return s ? R.map(
-    (o) => Math.min(255, Math.round(o + _))
-  ) : R.map(
-    (o) => Math.max(0, Math.round(o - _))
-  );
-}, O = (t, n = !0) => {
-  const R = l(t), a = S("#FFFFFF", R, "#000000"), r = Array.from({ length: 12 }, (E, M) => {
-    const Y = a(M / 11);
-    return A(Y);
-  }), s = n ? r.map((E) => A(H(E))) : r, c = A(u(G(R, 180), 1)), _ = S("#FFFFFF", c, "#000000"), o = Array.from({ length: 12 }, (E, M) => {
-    const Y = _(M / 11);
-    return A(Y);
-  });
-  return {
-    BRAND: {
-      PRIMARY: r[5],
-      PRIMARY_LIGHT: r[3],
-      SECONDARY: o[4]
-    },
-    PRIMARY: {
-      PRIMARY_SUPER_DARK: r[10],
-      PRIMARY_DARK: r[9],
-      PRIMARY_MEDIUM: s[7],
-      PRIMARY_MEDIUM_LIGHT: s[6],
-      PRIMARY_LIGHT: s[5],
-      PRIMARY_LIGHTEST: s[4],
-      PRIMARY_SUPER_LIGHT: s[3]
-    },
-    SECONDARY: {
-      SECONDARY_SUPER_DARK: o[10],
-      SECONDARY_DARK: o[9],
-      SECONDARY_MEDIUM: o[7],
-      SECONDARY_MEDIUM_LIGHT: o[6],
-      SECONDARY_LIGHT: o[5],
-      SECONDARY_LIGHTEST: o[4],
-      SECONDARY_SUPER_LIGHT: o[3]
-    }
-  };
-}, H = (t) => {
-  let n = t, R = D(A(n)), a = 0;
-  const r = 6;
-  for (; R < 0.16 && a < r; )
-    a++, n = P(n, 0.1), R = D(A(n));
-  for (; R > 0.6 && a < r; )
-    a++, n = T(n, 0.1), R = D(A(n));
-  return n;
-}, h = (t) => typeof t == "string" || t instanceof String;
-function f(...t) {
-  return t.filter(h).join(" ");
-}
-const U = (t) => {
-  if (/^https?:\/\//.test(t)) {
-    const n = document.createElement("a");
-    return n.href = t, n.hostname;
-  }
-  return window.location.hostname;
-}, F = (t) => {
-  const n = window.location.hostname, R = U(t);
-  return n !== R;
-}, K = (t, n) => {
-  if (t.metaKey || t.altKey || t.ctrlKey || t.shiftKey || t.button && t.button !== 0)
-    return;
-  t.preventDefault();
-  const R = n.startsWith("/") ? n : `/${n}`;
-  window.history.pushState({}, "", R), window.dispatchEvent(new PopStateEvent("popstate"));
-};
-export {
-  d as D,
-  l as a,
-  f as b,
-  p as c,
-  O as g,
-  K as h,
-  F as i,
-  I as l
-};
-//# sourceMappingURL=utils-B_UbuIoU.mjs.map

package/dist/utils-B_UbuIoU.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-B_UbuIoU.mjs","sources":["../src/utils/color.ts","../src/utils/utils.ts"],"sourcesContent":["import { COLORS } from \"../constants\";\r\nimport { adjustHue, getLuminance, getScale, lighten, saturate } from \"color2k\";\r\nimport { darken, toRgba } from \"color2k\";\r\n\r\nexport type RGBArray = [number, number, number];\r\n\r\nexport type Palette = {\r\n  BRAND: {\r\n    PRIMARY: string;\r\n    PRIMARY_LIGHT: string;\r\n    SECONDARY: string;\r\n  };\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: string;\r\n    PRIMARY_DARK: string;\r\n    PRIMARY_MEDIUM: string;\r\n    PRIMARY_MEDIUM_LIGHT: string;\r\n    PRIMARY_LIGHT: string;\r\n    PRIMARY_LIGHTEST: string;\r\n    PRIMARY_SUPER_LIGHT: string;\r\n  };\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: string;\r\n    SECONDARY_DARK: string;\r\n    SECONDARY_MEDIUM: string;\r\n    SECONDARY_MEDIUM_LIGHT: string;\r\n    SECONDARY_LIGHT: string;\r\n    SECONDARY_LIGHTEST: string;\r\n    SECONDARY_SUPER_LIGHT: string;\r\n  };\r\n};\r\n\r\nexport const DEFAULT_PALETTE: Palette = {\r\n  BRAND: {\r\n    PRIMARY: COLORS.BRAND.PRIMARY,\r\n    PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\r\n    SECONDARY: COLORS.BRAND.SECONDARY,\r\n  },\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\r\n    PRIMARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\r\n    PRIMARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\r\n    PRIMARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\r\n    PRIMARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\r\n    PRIMARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\r\n    PRIMARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\r\n  },\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\r\n    SECONDARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\r\n    SECONDARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\r\n    SECONDARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\r\n    SECONDARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\r\n    SECONDARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\r\n    SECONDARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\r\n  },\r\n  // Success, Warning & Danger palettes go here...\r\n};\r\n\r\n/**\r\n * Converts an RGB array to a CSS string representation.\r\n * @param rgb - The RGB array to convert.\r\n * @param opacity - Optional opacity value.\r\n * @returns A CSS string representation of the RGB array, using `rgb()`, or `rgba()` if an opacity value is provided.\r\n */\r\nexport const arrayToRgbString = (rgb: RGBArray, opacity?: number): string => {\r\n  return opacity === undefined\r\n    ? `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`\r\n    : `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${opacity})`;\r\n};\r\n\r\n/**\r\n * Calculates the relative luminance of an RGB color according to WCAG 2.2 specifications.\r\n * This is used in calculating contrast ratios between colors.\r\n *\r\n * @param param0 - RGB color array containing red, green and blue values (0-255)\r\n * @returns The relative luminance value\r\n * @see formula from https://www.w3.org/WAI/WCAG22/Techniques/general/G18 (see step 1 in `Procedure`)\r\n */\r\nexport const luminance = ([r, g, b]: RGBArray): number => {\r\n  return r * 0.2126 + g * 0.7152 + b * 0.0722;\r\n};\r\n\r\nconst invertColor = (rgb: RGBArray): RGBArray => {\r\n  return rgb.map((value) => 255 - value) as RGBArray;\r\n};\r\n\r\nconst contrastRatio = (color1: RGBArray, color2: RGBArray): number => {\r\n  const luminance1 = luminance(color1);\r\n  const luminance2 = luminance(color2);\r\n\r\n  return (\r\n    (Math.max(luminance1, luminance2) + 0.05) /\r\n    (Math.min(luminance1, luminance2) + 0.05)\r\n  );\r\n};\r\n\r\n/**\r\n * Inverts an input color and returns the result after adjustment to ensure a minimum contrast ratio.\r\n *\r\n * @param color - The RGB color array to invert.\r\n * @param minContrast - The contrast ratio to exceed. Defaults to 4.5, which is the minimum for text to be considered accessible.\r\n */\r\n\r\nexport const contrastColor = (\r\n  color: RGBArray,\r\n  minContrast: number = 4.5\r\n): RGBArray => {\r\n  const newColor = invertColor(color);\r\n  const contrast = contrastRatio(color, newColor);\r\n  if (contrast >= minContrast) return newColor;\r\n\r\n  const colorLuminance = luminance(color);\r\n  const isColorDark = colorLuminance < 128;\r\n\r\n  if (isColorDark && colorLuminance > 255 / minContrast) {\r\n    return [255, 255, 255]; // not dark enough to find color meeting minimum contrast, return white\r\n  }\r\n\r\n  const newColorLuminance = luminance(newColor);\r\n\r\n  const difference =\r\n    (Math.min(colorLuminance, newColorLuminance) + 0.05) * minContrast -\r\n    (Math.max(colorLuminance, newColorLuminance) + 0.05);\r\n\r\n  return isColorDark\r\n    ? (newColor.map((value) =>\r\n        Math.min(255, Math.round(value + difference))\r\n      ) as RGBArray)\r\n    : (newColor.map((value) =>\r\n        Math.max(0, Math.round(value - difference))\r\n      ) as RGBArray);\r\n};\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 * @param adjustForLuminance - Whether to adjust the generated colors for better luminance/contrast.\r\n *                            Defaults to true.\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 = (\r\n  primaryColor: RGBArray,\r\n  adjustForLuminance: boolean = true\r\n): Palette => {\r\n  const primaryRgba = arrayToRgbString(primaryColor);\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 toRgba(color);\r\n  });\r\n\r\n  const adjustedPrimaryScale = adjustForLuminance\r\n    ? primaryScale.map((color) => toRgba(adjustBrightnessForLuminance(color)))\r\n    : primaryScale;\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 toRgba(color);\r\n  });\r\n\r\n  return {\r\n    BRAND: {\r\n      PRIMARY: primaryScale[5],\r\n      PRIMARY_LIGHT: primaryScale[3],\r\n      SECONDARY: secondaryScale[4],\r\n    },\r\n    PRIMARY: {\r\n      PRIMARY_SUPER_DARK: primaryScale[10],\r\n      PRIMARY_DARK: primaryScale[9],\r\n      PRIMARY_MEDIUM: adjustedPrimaryScale[7],\r\n      PRIMARY_MEDIUM_LIGHT: adjustedPrimaryScale[6],\r\n      PRIMARY_LIGHT: adjustedPrimaryScale[5],\r\n      PRIMARY_LIGHTEST: adjustedPrimaryScale[4],\r\n      PRIMARY_SUPER_LIGHT: adjustedPrimaryScale[3],\r\n    },\r\n    SECONDARY: {\r\n      SECONDARY_SUPER_DARK: secondaryScale[10],\r\n      SECONDARY_DARK: secondaryScale[9],\r\n      SECONDARY_MEDIUM: secondaryScale[7],\r\n      SECONDARY_MEDIUM_LIGHT: secondaryScale[6],\r\n      SECONDARY_LIGHT: secondaryScale[5],\r\n      SECONDARY_LIGHTEST: secondaryScale[4],\r\n      SECONDARY_SUPER_LIGHT: secondaryScale[3],\r\n    },\r\n  };\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 currentColor;\r\n};\r\n","const isString = (x: unknown): boolean =>\r\n  typeof x === \"string\" || x instanceof String;\r\n\r\nexport function csx(...classnames: unknown[]): string {\r\n  return classnames.filter(isString).join(\" \");\r\n}\r\n\r\n/**\r\n * [getLinkHost] - get the host of a link.\r\n * Referenced from is-url-external npm package\r\n * https://github.com/mrded/is-url-external/blob/master/index.js\r\n */\r\nconst getLinkHost = (url) => {\r\n  if (/^https?:\\/\\//.test(url)) {\r\n    // Absolute URL.\r\n    // The easy way to parse an URL, is to create <a> element.\r\n    // @see: https://gist.github.com/jlong/2428561\r\n    const parser = document.createElement(\"a\");\r\n    parser.href = url;\r\n    return parser.hostname;\r\n  }\r\n  return window.location.hostname;\r\n};\r\n\r\n/**\r\n * [isUrlExternal] - determine if passed absolute url is external to the current domain.\r\n */\r\nexport const isUrlExternal = (url) => {\r\n  const host = window.location.hostname;\r\n  const linkHost = getLinkHost(url);\r\n\r\n  return host !== linkHost;\r\n};\r\n\r\n/**\r\n * Handles internal navigation clicks by preventing default browser behavior and\r\n * programmatically updating the URL and history state.\r\n *\r\n * @param e - The click event from the anchor element\r\n * @param to - The destination path to navigate to\r\n *\r\n * @remarks\r\n * - Converts relative paths to absolute by prepending \"/\" if needed\r\n * - Updates browser history using pushState and dispatches a popstate event\r\n */\r\nexport const handleInternalNavigation = (\r\n  e: React.MouseEvent<HTMLAnchorElement>,\r\n  to: string\r\n) => {\r\n  // Don't handle navigation if modifier keys are pressed\r\n  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {\r\n    return;\r\n  }\r\n\r\n  // Don't handle middle clicks or right clicks\r\n  if (e.button && e.button !== 0) {\r\n    return;\r\n  }\r\n\r\n  e.preventDefault();\r\n\r\n  // Handle relative paths\r\n  const resolvedPath = to.startsWith(\"/\") ? to : `/${to}`;\r\n  window.history.pushState({}, \"\", resolvedPath);\r\n  window.dispatchEvent(new PopStateEvent(\"popstate\"));\r\n};\r\n"],"names":["DEFAULT_PALETTE","COLORS.BRAND","COLORS.GRAYSCALE","arrayToRgbString","rgb","opacity","luminance","r","g","b","invertColor","value","contrastRatio","color1","color2","luminance1","luminance2","contrastColor","color","minContrast","newColor","colorLuminance","isColorDark","newColorLuminance","difference","generatePalette","primaryColor","adjustForLuminance","primaryRgba","primaryScaleFunc","getScale","primaryScale","_","i","toRgba","adjustedPrimaryScale","adjustBrightnessForLuminance","secondaryColor","saturate","adjustHue","secondaryScaleFunc","secondaryScale","currentColor","currentLuminance","getLuminance","adjustmentAttempts","MAX_ATTEMPTS","lighten","darken","isString","x","csx","classnames","getLinkHost","url","parser","isUrlExternal","host","linkHost","handleInternalNavigation","e","to","resolvedPath"],"mappings":"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"}

package/dist/utils-DQj80-_6.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./colors-BdogYmJi.js"),A=require("color2k"),M={BRAND:{PRIMARY:e.BRAND.PRIMARY,PRIMARY_LIGHT:e.BRAND.PRIMARY_LIGHT,SECONDARY:e.BRAND.SECONDARY},PRIMARY:{PRIMARY_SUPER_DARK:e.GRAYSCALE.GRAY_SUPER_DARK,PRIMARY_DARK:e.GRAYSCALE.GRAY_DARK,PRIMARY_MEDIUM:e.GRAYSCALE.GRAY_MEDIUM,PRIMARY_MEDIUM_LIGHT:e.GRAYSCALE.GRAY_MEDIUM_LIGHT,PRIMARY_LIGHT:e.GRAYSCALE.GRAY_LIGHT,PRIMARY_LIGHTEST:e.GRAYSCALE.GRAY_LIGHTEST,PRIMARY_SUPER_LIGHT:e.GRAYSCALE.GRAY_SUPER_LIGHT},SECONDARY:{SECONDARY_SUPER_DARK:e.GRAYSCALE.GRAY_SUPER_DARK,SECONDARY_DARK:e.GRAYSCALE.GRAY_DARK,SECONDARY_MEDIUM:e.GRAYSCALE.GRAY_MEDIUM,SECONDARY_MEDIUM_LIGHT:e.GRAYSCALE.GRAY_MEDIUM_LIGHT,SECONDARY_LIGHT:e.GRAYSCALE.GRAY_LIGHT,SECONDARY_LIGHTEST:e.GRAYSCALE.GRAY_LIGHTEST,SECONDARY_SUPER_LIGHT:e.GRAYSCALE.GRAY_SUPER_LIGHT}},i=(t,n)=>n===void 0?`rgb(${t[0]}, ${t[1]}, ${t[2]})`:`rgba(${t[0]}, ${t[1]}, ${t[2]}, ${n})`,s=([t,n,R])=>t*.2126+n*.7152+R*.0722,G=t=>t.map(n=>255-n),L=(t,n)=>{const R=s(t),a=s(n);return(Math.max(R,a)+.05)/(Math.min(R,a)+.05)},D=(t,n=4.5)=>{const R=G(t);if(L(t,R)>=n)return R;const r=s(t),c=r<128;if(c&&r>255/n)return[255,255,255];const E=s(R),Y=(Math.min(r,E)+.05)*n-(Math.max(r,E)+.05);return c?R.map(o=>Math.min(255,Math.round(o+Y))):R.map(o=>Math.max(0,Math.round(o-Y)))},u=(t,n=!0)=>{const R=i(t),a=A.getScale("#FFFFFF",R,"#000000"),r=Array.from({length:12},(_,S)=>{const I=a(S/11);return A.toRgba(I)}),c=n?r.map(_=>A.toRgba(l(_))):r,E=A.toRgba(A.saturate(A.adjustHue(R,180),1)),Y=A.getScale("#FFFFFF",E,"#000000"),o=Array.from({length:12},(_,S)=>{const I=Y(S/11);return A.toRgba(I)});return{BRAND:{PRIMARY:r[5],PRIMARY_LIGHT:r[3],SECONDARY:o[4]},PRIMARY:{PRIMARY_SUPER_DARK:r[10],PRIMARY_DARK:r[9],PRIMARY_MEDIUM:c[7],PRIMARY_MEDIUM_LIGHT:c[6],PRIMARY_LIGHT:c[5],PRIMARY_LIGHTEST:c[4],PRIMARY_SUPER_LIGHT:c[3]},SECONDARY:{SECONDARY_SUPER_DARK:o[10],SECONDARY_DARK:o[9],SECONDARY_MEDIUM:o[7],SECONDARY_MEDIUM_LIGHT:o[6],SECONDARY_LIGHT:o[5],SECONDARY_LIGHTEST:o[4],SECONDARY_SUPER_LIGHT:o[3]}}},l=t=>{let n=t,R=A.getLuminance(A.toRgba(n)),a=0;const r=6;for(;R<.16&&a<r;)a++,n=A.lighten(n,.1),R=A.getLuminance(A.toRgba(n));for(;R>.6&&a<r;)a++,n=A.darken(n,.1),R=A.getLuminance(A.toRgba(n));return n},T=t=>typeof t=="string"||t instanceof String;function P(...t){return t.filter(T).join(" ")}const C=t=>{if(/^https?:\/\//.test(t)){const n=document.createElement("a");return n.href=t,n.hostname}return window.location.hostname},m=t=>{const n=window.location.hostname,R=C(t);return n!==R},H=(t,n)=>{if(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey||t.button&&t.button!==0)return;t.preventDefault();const R=n.startsWith("/")?n:`/${n}`;window.history.pushState({},"",R),window.dispatchEvent(new PopStateEvent("popstate"))};exports.DEFAULT_PALETTE=M;exports.arrayToRgbString=i;exports.contrastColor=D;exports.csx=P;exports.generatePalette=u;exports.handleInternalNavigation=H;exports.isUrlExternal=m;exports.luminance=s;
-//# sourceMappingURL=utils-DQj80-_6.js.map

package/dist/utils-DQj80-_6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-DQj80-_6.js","sources":["../src/utils/color.ts","../src/utils/utils.ts"],"sourcesContent":["import { COLORS } from \"../constants\";\r\nimport { adjustHue, getLuminance, getScale, lighten, saturate } from \"color2k\";\r\nimport { darken, toRgba } from \"color2k\";\r\n\r\nexport type RGBArray = [number, number, number];\r\n\r\nexport type Palette = {\r\n  BRAND: {\r\n    PRIMARY: string;\r\n    PRIMARY_LIGHT: string;\r\n    SECONDARY: string;\r\n  };\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: string;\r\n    PRIMARY_DARK: string;\r\n    PRIMARY_MEDIUM: string;\r\n    PRIMARY_MEDIUM_LIGHT: string;\r\n    PRIMARY_LIGHT: string;\r\n    PRIMARY_LIGHTEST: string;\r\n    PRIMARY_SUPER_LIGHT: string;\r\n  };\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: string;\r\n    SECONDARY_DARK: string;\r\n    SECONDARY_MEDIUM: string;\r\n    SECONDARY_MEDIUM_LIGHT: string;\r\n    SECONDARY_LIGHT: string;\r\n    SECONDARY_LIGHTEST: string;\r\n    SECONDARY_SUPER_LIGHT: string;\r\n  };\r\n};\r\n\r\nexport const DEFAULT_PALETTE: Palette = {\r\n  BRAND: {\r\n    PRIMARY: COLORS.BRAND.PRIMARY,\r\n    PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\r\n    SECONDARY: COLORS.BRAND.SECONDARY,\r\n  },\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\r\n    PRIMARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\r\n    PRIMARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\r\n    PRIMARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\r\n    PRIMARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\r\n    PRIMARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\r\n    PRIMARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\r\n  },\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\r\n    SECONDARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\r\n    SECONDARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\r\n    SECONDARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\r\n    SECONDARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\r\n    SECONDARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\r\n    SECONDARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\r\n  },\r\n  // Success, Warning & Danger palettes go here...\r\n};\r\n\r\n/**\r\n * Converts an RGB array to a CSS string representation.\r\n * @param rgb - The RGB array to convert.\r\n * @param opacity - Optional opacity value.\r\n * @returns A CSS string representation of the RGB array, using `rgb()`, or `rgba()` if an opacity value is provided.\r\n */\r\nexport const arrayToRgbString = (rgb: RGBArray, opacity?: number): string => {\r\n  return opacity === undefined\r\n    ? `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`\r\n    : `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${opacity})`;\r\n};\r\n\r\n/**\r\n * Calculates the relative luminance of an RGB color according to WCAG 2.2 specifications.\r\n * This is used in calculating contrast ratios between colors.\r\n *\r\n * @param param0 - RGB color array containing red, green and blue values (0-255)\r\n * @returns The relative luminance value\r\n * @see formula from https://www.w3.org/WAI/WCAG22/Techniques/general/G18 (see step 1 in `Procedure`)\r\n */\r\nexport const luminance = ([r, g, b]: RGBArray): number => {\r\n  return r * 0.2126 + g * 0.7152 + b * 0.0722;\r\n};\r\n\r\nconst invertColor = (rgb: RGBArray): RGBArray => {\r\n  return rgb.map((value) => 255 - value) as RGBArray;\r\n};\r\n\r\nconst contrastRatio = (color1: RGBArray, color2: RGBArray): number => {\r\n  const luminance1 = luminance(color1);\r\n  const luminance2 = luminance(color2);\r\n\r\n  return (\r\n    (Math.max(luminance1, luminance2) + 0.05) /\r\n    (Math.min(luminance1, luminance2) + 0.05)\r\n  );\r\n};\r\n\r\n/**\r\n * Inverts an input color and returns the result after adjustment to ensure a minimum contrast ratio.\r\n *\r\n * @param color - The RGB color array to invert.\r\n * @param minContrast - The contrast ratio to exceed. Defaults to 4.5, which is the minimum for text to be considered accessible.\r\n */\r\n\r\nexport const contrastColor = (\r\n  color: RGBArray,\r\n  minContrast: number = 4.5\r\n): RGBArray => {\r\n  const newColor = invertColor(color);\r\n  const contrast = contrastRatio(color, newColor);\r\n  if (contrast >= minContrast) return newColor;\r\n\r\n  const colorLuminance = luminance(color);\r\n  const isColorDark = colorLuminance < 128;\r\n\r\n  if (isColorDark && colorLuminance > 255 / minContrast) {\r\n    return [255, 255, 255]; // not dark enough to find color meeting minimum contrast, return white\r\n  }\r\n\r\n  const newColorLuminance = luminance(newColor);\r\n\r\n  const difference =\r\n    (Math.min(colorLuminance, newColorLuminance) + 0.05) * minContrast -\r\n    (Math.max(colorLuminance, newColorLuminance) + 0.05);\r\n\r\n  return isColorDark\r\n    ? (newColor.map((value) =>\r\n        Math.min(255, Math.round(value + difference))\r\n      ) as RGBArray)\r\n    : (newColor.map((value) =>\r\n        Math.max(0, Math.round(value - difference))\r\n      ) as RGBArray);\r\n};\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 * @param adjustForLuminance - Whether to adjust the generated colors for better luminance/contrast.\r\n *                            Defaults to true.\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 = (\r\n  primaryColor: RGBArray,\r\n  adjustForLuminance: boolean = true\r\n): Palette => {\r\n  const primaryRgba = arrayToRgbString(primaryColor);\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 toRgba(color);\r\n  });\r\n\r\n  const adjustedPrimaryScale = adjustForLuminance\r\n    ? primaryScale.map((color) => toRgba(adjustBrightnessForLuminance(color)))\r\n    : primaryScale;\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 toRgba(color);\r\n  });\r\n\r\n  return {\r\n    BRAND: {\r\n      PRIMARY: primaryScale[5],\r\n      PRIMARY_LIGHT: primaryScale[3],\r\n      SECONDARY: secondaryScale[4],\r\n    },\r\n    PRIMARY: {\r\n      PRIMARY_SUPER_DARK: primaryScale[10],\r\n      PRIMARY_DARK: primaryScale[9],\r\n      PRIMARY_MEDIUM: adjustedPrimaryScale[7],\r\n      PRIMARY_MEDIUM_LIGHT: adjustedPrimaryScale[6],\r\n      PRIMARY_LIGHT: adjustedPrimaryScale[5],\r\n      PRIMARY_LIGHTEST: adjustedPrimaryScale[4],\r\n      PRIMARY_SUPER_LIGHT: adjustedPrimaryScale[3],\r\n    },\r\n    SECONDARY: {\r\n      SECONDARY_SUPER_DARK: secondaryScale[10],\r\n      SECONDARY_DARK: secondaryScale[9],\r\n      SECONDARY_MEDIUM: secondaryScale[7],\r\n      SECONDARY_MEDIUM_LIGHT: secondaryScale[6],\r\n      SECONDARY_LIGHT: secondaryScale[5],\r\n      SECONDARY_LIGHTEST: secondaryScale[4],\r\n      SECONDARY_SUPER_LIGHT: secondaryScale[3],\r\n    },\r\n  };\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 currentColor;\r\n};\r\n","const isString = (x: unknown): boolean =>\r\n  typeof x === \"string\" || x instanceof String;\r\n\r\nexport function csx(...classnames: unknown[]): string {\r\n  return classnames.filter(isString).join(\" \");\r\n}\r\n\r\n/**\r\n * [getLinkHost] - get the host of a link.\r\n * Referenced from is-url-external npm package\r\n * https://github.com/mrded/is-url-external/blob/master/index.js\r\n */\r\nconst getLinkHost = (url) => {\r\n  if (/^https?:\\/\\//.test(url)) {\r\n    // Absolute URL.\r\n    // The easy way to parse an URL, is to create <a> element.\r\n    // @see: https://gist.github.com/jlong/2428561\r\n    const parser = document.createElement(\"a\");\r\n    parser.href = url;\r\n    return parser.hostname;\r\n  }\r\n  return window.location.hostname;\r\n};\r\n\r\n/**\r\n * [isUrlExternal] - determine if passed absolute url is external to the current domain.\r\n */\r\nexport const isUrlExternal = (url) => {\r\n  const host = window.location.hostname;\r\n  const linkHost = getLinkHost(url);\r\n\r\n  return host !== linkHost;\r\n};\r\n\r\n/**\r\n * Handles internal navigation clicks by preventing default browser behavior and\r\n * programmatically updating the URL and history state.\r\n *\r\n * @param e - The click event from the anchor element\r\n * @param to - The destination path to navigate to\r\n *\r\n * @remarks\r\n * - Converts relative paths to absolute by prepending \"/\" if needed\r\n * - Updates browser history using pushState and dispatches a popstate event\r\n */\r\nexport const handleInternalNavigation = (\r\n  e: React.MouseEvent<HTMLAnchorElement>,\r\n  to: string\r\n) => {\r\n  // Don't handle navigation if modifier keys are pressed\r\n  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {\r\n    return;\r\n  }\r\n\r\n  // Don't handle middle clicks or right clicks\r\n  if (e.button && e.button !== 0) {\r\n    return;\r\n  }\r\n\r\n  e.preventDefault();\r\n\r\n  // Handle relative paths\r\n  const resolvedPath = to.startsWith(\"/\") ? to : `/${to}`;\r\n  window.history.pushState({}, \"\", resolvedPath);\r\n  window.dispatchEvent(new PopStateEvent(\"popstate\"));\r\n};\r\n"],"names":["DEFAULT_PALETTE","COLORS.BRAND","COLORS.GRAYSCALE","arrayToRgbString","rgb","opacity","luminance","r","g","b","invertColor","value","contrastRatio","color1","color2","luminance1","luminance2","contrastColor","color","minContrast","newColor","colorLuminance","isColorDark","newColorLuminance","difference","generatePalette","primaryColor","adjustForLuminance","primaryRgba","primaryScaleFunc","getScale","primaryScale","i","toRgba","adjustedPrimaryScale","adjustBrightnessForLuminance","secondaryColor","saturate","adjustHue","secondaryScaleFunc","secondaryScale","currentColor","currentLuminance","getLuminance","adjustmentAttempts","MAX_ATTEMPTS","lighten","darken","isString","x","csx","classnames","getLinkHost","url","parser","isUrlExternal","host","linkHost","handleInternalNavigation","e","to","resolvedPath"],"mappings":"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"}