@protonradio/proton-ui 0.11.34 → 0.12.1

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

@@ -1 +1 @@
-{"version":3,"file":"copy.cjs.js","sources":["../../src/utils/copy.ts"],"sourcesContent":["export const copyTextToClipboard = async (\n  text: string,\n  onError?: (error: Error) => void\n): Promise<boolean> => {\n  let copySuccess = false;\n  if (navigator.clipboard) {\n    try {\n      await navigator.clipboard.writeText(text);\n      copySuccess = true;\n    } catch (error) {\n      onError ? onError?.(error) : console.error(error);\n    }\n  } else {\n    copySuccess = DEPRECATED_copyTextToClipboard(text);\n  }\n  if (!copySuccess) {\n    onError ? onError?.(new Error(\"Failed to copy to clipboard\")) : console.error(\"Failed to copy to clipboard\");\n  }\n  return copySuccess;\n};\n\n/**\n * Fallback legacy function to copy text to clipboard for browsers that don't support navigator.clipboard.writeText\n * @reference https://github.com/sindresorhus/copy-text-to-clipboard/blob/main/index.js\n * @deprecated Use navigator.clipboard.writeText instead\n */\nconst DEPRECATED_copyTextToClipboard = (\n  text,\n  { target = document.body } = {}\n) => {\n  if (typeof text !== \"string\") {\n    throw new TypeError(\n      `Expected parameter \\`text\\` to be a \\`string\\`, got \\`${typeof text}\\`.`\n    );\n  }\n\n  const element = document.createElement(\"textarea\");\n  const previouslyFocusedElement = document.activeElement;\n\n  element.value = text;\n\n  // Prevent keyboard from showing on mobile\n  element.setAttribute(\"readonly\", \"\");\n\n  element.style.contain = \"strict\";\n  element.style.position = \"absolute\";\n  element.style.left = \"-9999px\";\n  element.style.fontSize = \"12pt\"; // Prevent zooming on iOS\n\n  const selection = document.getSelection();\n  const originalRange = selection.rangeCount > 0 && selection.getRangeAt(0);\n\n  target.append(element);\n  element.select();\n\n  // Explicit selection workaround for iOS\n  element.selectionStart = 0;\n  element.selectionEnd = text.length;\n\n  let isSuccess = false;\n  try {\n    isSuccess = document.execCommand(\"copy\");\n  } catch {}\n\n  element.remove();\n\n  if (originalRange) {\n    selection.removeAllRanges();\n    selection.addRange(originalRange);\n  }\n\n  // Get the focus back on the previously focused element, if any\n  if (previouslyFocusedElement instanceof HTMLElement) {\n    previouslyFocusedElement.focus();\n  }\n\n  return isSuccess;\n};\n"],"names":["copyTextToClipboard","text","onError","copySuccess","error","DEPRECATED_copyTextToClipboard","target","element","previouslyFocusedElement","selection","originalRange","isSuccess"],"mappings":"gFAAa,MAAAA,EAAsB,MACjCC,EACAC,IACqB,CACrB,IAAIC,EAAc,GAClB,GAAI,UAAU,UACR,GAAA,CACI,MAAA,UAAU,UAAU,UAAUF,CAAI,EAC1BE,EAAA,SACPC,EAAO,CACdF,EAAUA,GAAA,MAAAA,EAAUE,GAAS,QAAQ,MAAMA,CAAK,CAClD,MAEAD,EAAcE,EAA+BJ,CAAI,EAEnD,OAAKE,IACOD,EAAAA,GAAA,MAAAA,EAAU,IAAI,MAAM,6BAA6B,GAAK,QAAQ,MAAM,6BAA6B,GAEtGC,CACT,EAOME,EAAiC,CACrCJ,EACA,CAAE,OAAAK,EAAS,SAAS,IAAS,EAAA,KAC1B,CACC,GAAA,OAAOL,GAAS,SAClB,MAAM,IAAI,UACR,yDAAyD,OAAOA,CAAI,KAAA,EAIlE,MAAAM,EAAU,SAAS,cAAc,UAAU,EAC3CC,EAA2B,SAAS,cAE1CD,EAAQ,MAAQN,EAGRM,EAAA,aAAa,WAAY,EAAE,EAEnCA,EAAQ,MAAM,QAAU,SACxBA,EAAQ,MAAM,SAAW,WACzBA,EAAQ,MAAM,KAAO,UACrBA,EAAQ,MAAM,SAAW,OAEnB,MAAAE,EAAY,SAAS,eACrBC,EAAgBD,EAAU,WAAa,GAAKA,EAAU,WAAW,CAAC,EAExEH,EAAO,OAAOC,CAAO,EACrBA,EAAQ,OAAO,EAGfA,EAAQ,eAAiB,EACzBA,EAAQ,aAAeN,EAAK,OAE5B,IAAIU,EAAY,GACZ,GAAA,CACUA,EAAA,SAAS,YAAY,MAAM,CAAA,MACjC,CAAC,CAET,OAAAJ,EAAQ,OAAO,EAEXG,IACFD,EAAU,gBAAgB,EAC1BA,EAAU,SAASC,CAAa,GAI9BF,aAAoC,aACtCA,EAAyB,MAAM,EAG1BG,CACT"}
+{"version":3,"file":"copy.cjs.js","sources":["../../src/utils/copy.ts"],"sourcesContent":["export const copyTextToClipboard = async (\n  text: string,\n  onError?: (error: Error) => void\n): Promise<boolean> => {\n  let copySuccess = false;\n  if (navigator.clipboard) {\n    try {\n      await navigator.clipboard.writeText(text);\n      copySuccess = true;\n    } catch (error) {\n      const err =\n        error instanceof Error ? error : new Error(String(error));\n      onError ? onError(err) : console.error(err);\n    }\n  } else {\n    copySuccess = DEPRECATED_copyTextToClipboard(text);\n  }\n  if (!copySuccess) {\n    onError ? onError?.(new Error(\"Failed to copy to clipboard\")) : console.error(\"Failed to copy to clipboard\");\n  }\n  return copySuccess;\n};\n\n/**\n * Fallback legacy function to copy text to clipboard for browsers that don't support navigator.clipboard.writeText\n * @reference https://github.com/sindresorhus/copy-text-to-clipboard/blob/main/index.js\n * @deprecated Use navigator.clipboard.writeText instead\n */\nconst DEPRECATED_copyTextToClipboard = (\n  text: string,\n  { target = document.body }: { target?: HTMLElement } = {},\n) => {\n  if (typeof text !== \"string\") {\n    throw new TypeError(\n      `Expected parameter \\`text\\` to be a \\`string\\`, got \\`${typeof text}\\`.`\n    );\n  }\n\n  const element = document.createElement(\"textarea\");\n  const previouslyFocusedElement = document.activeElement;\n\n  element.value = text;\n\n  // Prevent keyboard from showing on mobile\n  element.setAttribute(\"readonly\", \"\");\n\n  element.style.contain = \"strict\";\n  element.style.position = \"absolute\";\n  element.style.left = \"-9999px\";\n  element.style.fontSize = \"12pt\"; // Prevent zooming on iOS\n\n  const selection = document.getSelection();\n  const originalRange =\n    selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : null;\n\n  target.append(element);\n  element.select();\n\n  // Explicit selection workaround for iOS\n  element.selectionStart = 0;\n  element.selectionEnd = text.length;\n\n  let isSuccess = false;\n  try {\n    isSuccess = document.execCommand(\"copy\");\n  } catch {}\n\n  element.remove();\n\n  if (originalRange && selection) {\n    selection.removeAllRanges();\n    selection.addRange(originalRange);\n  }\n\n  // Get the focus back on the previously focused element, if any\n  if (previouslyFocusedElement instanceof HTMLElement) {\n    previouslyFocusedElement.focus();\n  }\n\n  return isSuccess;\n};\n"],"names":["copyTextToClipboard","text","onError","copySuccess","error","err","DEPRECATED_copyTextToClipboard","target","element","previouslyFocusedElement","selection","originalRange","isSuccess"],"mappings":"gFAAO,MAAMA,EAAsB,MACjCC,EACAC,IACqB,CACrB,IAAIC,EAAc,GAClB,GAAI,UAAU,UACZ,GAAI,CACF,MAAM,UAAU,UAAU,UAAUF,CAAI,EACxCE,EAAc,EAChB,OAASC,EAAO,CACd,MAAMC,EACJD,aAAiB,MAAQA,EAAQ,IAAI,MAAM,OAAOA,CAAK,CAAC,EAC1DF,EAAUA,EAAQG,CAAG,EAAI,QAAQ,MAAMA,CAAG,CAC5C,MAEAF,EAAcG,EAA+BL,CAAI,EAEnD,OAAKE,IACHD,EAAUA,GAAA,MAAAA,EAAU,IAAI,MAAM,6BAA6B,GAAK,QAAQ,MAAM,6BAA6B,GAEtGC,CACT,EAOMG,EAAiC,CACrCL,EACA,CAAE,OAAAM,EAAS,SAAS,IAAA,EAAmC,KACpD,CACH,GAAI,OAAON,GAAS,SAClB,MAAM,IAAI,UACR,yDAAyD,OAAOA,CAAI,KAAA,EAIxE,MAAMO,EAAU,SAAS,cAAc,UAAU,EAC3CC,EAA2B,SAAS,cAE1CD,EAAQ,MAAQP,EAGhBO,EAAQ,aAAa,WAAY,EAAE,EAEnCA,EAAQ,MAAM,QAAU,SACxBA,EAAQ,MAAM,SAAW,WACzBA,EAAQ,MAAM,KAAO,UACrBA,EAAQ,MAAM,SAAW,OAEzB,MAAME,EAAY,SAAS,aAAA,EACrBC,EACJD,GAAaA,EAAU,WAAa,EAAIA,EAAU,WAAW,CAAC,EAAI,KAEpEH,EAAO,OAAOC,CAAO,EACrBA,EAAQ,OAAA,EAGRA,EAAQ,eAAiB,EACzBA,EAAQ,aAAeP,EAAK,OAE5B,IAAIW,EAAY,GAChB,GAAI,CACFA,EAAY,SAAS,YAAY,MAAM,CACzC,MAAQ,CAAC,CAET,OAAAJ,EAAQ,OAAA,EAEJG,GAAiBD,IACnBA,EAAU,gBAAA,EACVA,EAAU,SAASC,CAAa,GAI9BF,aAAoC,aACtCA,EAAyB,MAAA,EAGpBG,CACT"}

package/dist/utils/copy.es.js

@@ -1,29 +1,30 @@
-const i = async (c, t) => {
+const i = async (c, o) => {
   let e = !1;
   if (navigator.clipboard)
     try {
       await navigator.clipboard.writeText(c), e = !0;
-    } catch (o) {
-      t ? t == null || t(o) : console.error(o);
+    } catch (n) {
+      const t = n instanceof Error ? n : new Error(String(n));
+      o ? o(t) : console.error(t);
     }
   else
     e = s(c);
-  return e || (t ? t == null || t(new Error("Failed to copy to clipboard")) : console.error("Failed to copy to clipboard")), e;
-}, s = (c, { target: t = document.body } = {}) => {
+  return e || (o ? o == null || o(new Error("Failed to copy to clipboard")) : console.error("Failed to copy to clipboard")), e;
+}, s = (c, { target: o = document.body } = {}) => {
   if (typeof c != "string")
     throw new TypeError(
       `Expected parameter \`text\` to be a \`string\`, got \`${typeof c}\`.`
     );
-  const e = document.createElement("textarea"), o = document.activeElement;
+  const e = document.createElement("textarea"), n = document.activeElement;
   e.value = c, e.setAttribute("readonly", ""), e.style.contain = "strict", e.style.position = "absolute", e.style.left = "-9999px", e.style.fontSize = "12pt";
-  const a = document.getSelection(), l = a.rangeCount > 0 && a.getRangeAt(0);
-  t.append(e), e.select(), e.selectionStart = 0, e.selectionEnd = c.length;
-  let n = !1;
+  const t = document.getSelection(), a = t && t.rangeCount > 0 ? t.getRangeAt(0) : null;
+  o.append(e), e.select(), e.selectionStart = 0, e.selectionEnd = c.length;
+  let l = !1;
   try {
-    n = document.execCommand("copy");
+    l = document.execCommand("copy");
   } catch {
   }
-  return e.remove(), l && (a.removeAllRanges(), a.addRange(l)), o instanceof HTMLElement && o.focus(), n;
+  return e.remove(), a && t && (t.removeAllRanges(), t.addRange(a)), n instanceof HTMLElement && n.focus(), l;
 };
 export {
   i as copyTextToClipboard

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

@@ -1 +1 @@
-{"version":3,"file":"copy.es.js","sources":["../../src/utils/copy.ts"],"sourcesContent":["export const copyTextToClipboard = async (\n  text: string,\n  onError?: (error: Error) => void\n): Promise<boolean> => {\n  let copySuccess = false;\n  if (navigator.clipboard) {\n    try {\n      await navigator.clipboard.writeText(text);\n      copySuccess = true;\n    } catch (error) {\n      onError ? onError?.(error) : console.error(error);\n    }\n  } else {\n    copySuccess = DEPRECATED_copyTextToClipboard(text);\n  }\n  if (!copySuccess) {\n    onError ? onError?.(new Error(\"Failed to copy to clipboard\")) : console.error(\"Failed to copy to clipboard\");\n  }\n  return copySuccess;\n};\n\n/**\n * Fallback legacy function to copy text to clipboard for browsers that don't support navigator.clipboard.writeText\n * @reference https://github.com/sindresorhus/copy-text-to-clipboard/blob/main/index.js\n * @deprecated Use navigator.clipboard.writeText instead\n */\nconst DEPRECATED_copyTextToClipboard = (\n  text,\n  { target = document.body } = {}\n) => {\n  if (typeof text !== \"string\") {\n    throw new TypeError(\n      `Expected parameter \\`text\\` to be a \\`string\\`, got \\`${typeof text}\\`.`\n    );\n  }\n\n  const element = document.createElement(\"textarea\");\n  const previouslyFocusedElement = document.activeElement;\n\n  element.value = text;\n\n  // Prevent keyboard from showing on mobile\n  element.setAttribute(\"readonly\", \"\");\n\n  element.style.contain = \"strict\";\n  element.style.position = \"absolute\";\n  element.style.left = \"-9999px\";\n  element.style.fontSize = \"12pt\"; // Prevent zooming on iOS\n\n  const selection = document.getSelection();\n  const originalRange = selection.rangeCount > 0 && selection.getRangeAt(0);\n\n  target.append(element);\n  element.select();\n\n  // Explicit selection workaround for iOS\n  element.selectionStart = 0;\n  element.selectionEnd = text.length;\n\n  let isSuccess = false;\n  try {\n    isSuccess = document.execCommand(\"copy\");\n  } catch {}\n\n  element.remove();\n\n  if (originalRange) {\n    selection.removeAllRanges();\n    selection.addRange(originalRange);\n  }\n\n  // Get the focus back on the previously focused element, if any\n  if (previouslyFocusedElement instanceof HTMLElement) {\n    previouslyFocusedElement.focus();\n  }\n\n  return isSuccess;\n};\n"],"names":["copyTextToClipboard","text","onError","copySuccess","error","DEPRECATED_copyTextToClipboard","target","element","previouslyFocusedElement","selection","originalRange","isSuccess"],"mappings":"AAAa,MAAAA,IAAsB,OACjCC,GACAC,MACqB;AACrB,MAAIC,IAAc;AAClB,MAAI,UAAU;AACR,QAAA;AACI,YAAA,UAAU,UAAU,UAAUF,CAAI,GAC1BE,IAAA;AAAA,aACPC,GAAO;AACd,MAAAF,IAAUA,KAAA,QAAAA,EAAUE,KAAS,QAAQ,MAAMA,CAAK;AAAA,IAClD;AAAA;AAEA,IAAAD,IAAcE,EAA+BJ,CAAI;AAEnD,SAAKE,MACOD,IAAAA,KAAA,QAAAA,EAAU,IAAI,MAAM,6BAA6B,KAAK,QAAQ,MAAM,6BAA6B,IAEtGC;AACT,GAOME,IAAiC,CACrCJ,GACA,EAAE,QAAAK,IAAS,SAAS,KAAS,IAAA,OAC1B;AACC,MAAA,OAAOL,KAAS;AAClB,UAAM,IAAI;AAAA,MACR,yDAAyD,OAAOA,CAAI;AAAA,IAAA;AAIlE,QAAAM,IAAU,SAAS,cAAc,UAAU,GAC3CC,IAA2B,SAAS;AAE1C,EAAAD,EAAQ,QAAQN,GAGRM,EAAA,aAAa,YAAY,EAAE,GAEnCA,EAAQ,MAAM,UAAU,UACxBA,EAAQ,MAAM,WAAW,YACzBA,EAAQ,MAAM,OAAO,WACrBA,EAAQ,MAAM,WAAW;AAEnB,QAAAE,IAAY,SAAS,gBACrBC,IAAgBD,EAAU,aAAa,KAAKA,EAAU,WAAW,CAAC;AAExE,EAAAH,EAAO,OAAOC,CAAO,GACrBA,EAAQ,OAAO,GAGfA,EAAQ,iBAAiB,GACzBA,EAAQ,eAAeN,EAAK;AAE5B,MAAIU,IAAY;AACZ,MAAA;AACU,IAAAA,IAAA,SAAS,YAAY,MAAM;AAAA,EAAA,QACjC;AAAA,EAAC;AAET,SAAAJ,EAAQ,OAAO,GAEXG,MACFD,EAAU,gBAAgB,GAC1BA,EAAU,SAASC,CAAa,IAI9BF,aAAoC,eACtCA,EAAyB,MAAM,GAG1BG;AACT;"}
+{"version":3,"file":"copy.es.js","sources":["../../src/utils/copy.ts"],"sourcesContent":["export const copyTextToClipboard = async (\n  text: string,\n  onError?: (error: Error) => void\n): Promise<boolean> => {\n  let copySuccess = false;\n  if (navigator.clipboard) {\n    try {\n      await navigator.clipboard.writeText(text);\n      copySuccess = true;\n    } catch (error) {\n      const err =\n        error instanceof Error ? error : new Error(String(error));\n      onError ? onError(err) : console.error(err);\n    }\n  } else {\n    copySuccess = DEPRECATED_copyTextToClipboard(text);\n  }\n  if (!copySuccess) {\n    onError ? onError?.(new Error(\"Failed to copy to clipboard\")) : console.error(\"Failed to copy to clipboard\");\n  }\n  return copySuccess;\n};\n\n/**\n * Fallback legacy function to copy text to clipboard for browsers that don't support navigator.clipboard.writeText\n * @reference https://github.com/sindresorhus/copy-text-to-clipboard/blob/main/index.js\n * @deprecated Use navigator.clipboard.writeText instead\n */\nconst DEPRECATED_copyTextToClipboard = (\n  text: string,\n  { target = document.body }: { target?: HTMLElement } = {},\n) => {\n  if (typeof text !== \"string\") {\n    throw new TypeError(\n      `Expected parameter \\`text\\` to be a \\`string\\`, got \\`${typeof text}\\`.`\n    );\n  }\n\n  const element = document.createElement(\"textarea\");\n  const previouslyFocusedElement = document.activeElement;\n\n  element.value = text;\n\n  // Prevent keyboard from showing on mobile\n  element.setAttribute(\"readonly\", \"\");\n\n  element.style.contain = \"strict\";\n  element.style.position = \"absolute\";\n  element.style.left = \"-9999px\";\n  element.style.fontSize = \"12pt\"; // Prevent zooming on iOS\n\n  const selection = document.getSelection();\n  const originalRange =\n    selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : null;\n\n  target.append(element);\n  element.select();\n\n  // Explicit selection workaround for iOS\n  element.selectionStart = 0;\n  element.selectionEnd = text.length;\n\n  let isSuccess = false;\n  try {\n    isSuccess = document.execCommand(\"copy\");\n  } catch {}\n\n  element.remove();\n\n  if (originalRange && selection) {\n    selection.removeAllRanges();\n    selection.addRange(originalRange);\n  }\n\n  // Get the focus back on the previously focused element, if any\n  if (previouslyFocusedElement instanceof HTMLElement) {\n    previouslyFocusedElement.focus();\n  }\n\n  return isSuccess;\n};\n"],"names":["copyTextToClipboard","text","onError","copySuccess","error","err","DEPRECATED_copyTextToClipboard","target","element","previouslyFocusedElement","selection","originalRange","isSuccess"],"mappings":"AAAO,MAAMA,IAAsB,OACjCC,GACAC,MACqB;AACrB,MAAIC,IAAc;AAClB,MAAI,UAAU;AACZ,QAAI;AACF,YAAM,UAAU,UAAU,UAAUF,CAAI,GACxCE,IAAc;AAAA,IAChB,SAASC,GAAO;AACd,YAAMC,IACJD,aAAiB,QAAQA,IAAQ,IAAI,MAAM,OAAOA,CAAK,CAAC;AAC1D,MAAAF,IAAUA,EAAQG,CAAG,IAAI,QAAQ,MAAMA,CAAG;AAAA,IAC5C;AAAA;AAEA,IAAAF,IAAcG,EAA+BL,CAAI;AAEnD,SAAKE,MACHD,IAAUA,KAAA,QAAAA,EAAU,IAAI,MAAM,6BAA6B,KAAK,QAAQ,MAAM,6BAA6B,IAEtGC;AACT,GAOMG,IAAiC,CACrCL,GACA,EAAE,QAAAM,IAAS,SAAS,KAAA,IAAmC,OACpD;AACH,MAAI,OAAON,KAAS;AAClB,UAAM,IAAI;AAAA,MACR,yDAAyD,OAAOA,CAAI;AAAA,IAAA;AAIxE,QAAMO,IAAU,SAAS,cAAc,UAAU,GAC3CC,IAA2B,SAAS;AAE1C,EAAAD,EAAQ,QAAQP,GAGhBO,EAAQ,aAAa,YAAY,EAAE,GAEnCA,EAAQ,MAAM,UAAU,UACxBA,EAAQ,MAAM,WAAW,YACzBA,EAAQ,MAAM,OAAO,WACrBA,EAAQ,MAAM,WAAW;AAEzB,QAAME,IAAY,SAAS,aAAA,GACrBC,IACJD,KAAaA,EAAU,aAAa,IAAIA,EAAU,WAAW,CAAC,IAAI;AAEpE,EAAAH,EAAO,OAAOC,CAAO,GACrBA,EAAQ,OAAA,GAGRA,EAAQ,iBAAiB,GACzBA,EAAQ,eAAeP,EAAK;AAE5B,MAAIW,IAAY;AAChB,MAAI;AACF,IAAAA,IAAY,SAAS,YAAY,MAAM;AAAA,EACzC,QAAQ;AAAA,EAAC;AAET,SAAAJ,EAAQ,OAAA,GAEJG,KAAiBD,MACnBA,EAAU,gBAAA,GACVA,EAAU,SAASC,CAAa,IAI9BF,aAAoC,eACtCA,EAAyB,MAAA,GAGpBG;AACT;"}

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

@@ -1 +1 @@
-{"version":3,"file":"deepEqual.cjs.js","sources":["../../src/utils/deepEqual.ts"],"sourcesContent":["/**\n * Deep equality comparison for UI data.\n *\n * Optimized for typical frontend state: primitives, objects, arrays, dates.\n * Functions are compared by reference (same ref = equal).\n *\n * @note Not supported: Set, Map, TypedArrays, circular references.\n * @reference https://github.com/lukeed/dequal/blob/master/src/index.js\n */\nexport function deepEqual(a: unknown, b: unknown): boolean {\n  // Same reference\n  if (a === b) return true;\n\n  // Both NaN\n  if (Number.isNaN(a) && Number.isNaN(b)) return true;\n\n  // Different types\n  if (typeof a !== typeof b) return false;\n\n  // Non-objects (primitives)\n  if (typeof a !== \"object\") return a === b;\n\n  // Different constructors\n  const ctor = (a as object).constructor;\n  if (ctor !== (b as object).constructor) return false;\n\n  // Date\n  if (ctor === Date) {\n    return (a as Date).getTime() === (b as Date).getTime();\n  }\n\n  // RegExp\n  if (ctor === RegExp) {\n    return (a as RegExp).toString() === (b as RegExp).toString();\n  }\n\n  // Array\n  if (ctor === Array) {\n    const arrA = a as unknown[];\n    const arrB = b as unknown[];\n    if (arrA.length !== arrB.length) return false;\n    for (let i = 0; i < arrA.length; i++) {\n      if (!deepEqual(arrA[i], arrB[i])) return false;\n    }\n    return true;\n  }\n\n  // Plain objects\n  const keysA = Object.keys(a as object);\n  const keysB = Object.keys(b as object);\n  if (keysA.length !== keysB.length) return false;\n\n  for (const key of keysA) {\n    if (\n      !Object.prototype.hasOwnProperty.call(b, key) ||\n      !deepEqual(\n        (a as Record<string, unknown>)[key],\n        (b as Record<string, unknown>)[key],\n      )\n    ) {\n      return false;\n    }\n  }\n\n  return true;\n}\n"],"names":["deepEqual","a","b","ctor","arrA","arrB","i","keysA","keysB","key"],"mappings":"gFASgB,SAAAA,EAAUC,EAAYC,EAAqB,CAKrD,GAHAD,IAAMC,GAGN,OAAO,MAAMD,CAAC,GAAK,OAAO,MAAMC,CAAC,EAAU,MAAA,GAG/C,GAAI,OAAOD,GAAM,OAAOC,EAAU,MAAA,GAGlC,GAAI,OAAOD,GAAM,SAAU,OAAOA,IAAMC,EAGxC,MAAMC,EAAQF,EAAa,YACvB,GAAAE,IAAUD,EAAa,YAAoB,MAAA,GAG/C,GAAIC,IAAS,KACX,OAAQF,EAAW,QAAA,IAAeC,EAAW,QAAQ,EAIvD,GAAIC,IAAS,OACX,OAAQF,EAAa,SAAA,IAAgBC,EAAa,SAAS,EAI7D,GAAIC,IAAS,MAAO,CAClB,MAAMC,EAAOH,EACPI,EAAOH,EACb,GAAIE,EAAK,SAAWC,EAAK,OAAe,MAAA,GACxC,QAASC,EAAI,EAAGA,EAAIF,EAAK,OAAQE,IAC3B,GAAA,CAACN,EAAUI,EAAKE,CAAC,EAAGD,EAAKC,CAAC,CAAC,EAAU,MAAA,GAEpC,MAAA,EACT,CAGM,MAAAC,EAAQ,OAAO,KAAKN,CAAW,EAC/BO,EAAQ,OAAO,KAAKN,CAAW,EACrC,GAAIK,EAAM,SAAWC,EAAM,OAAe,MAAA,GAE1C,UAAWC,KAAOF,EAEd,GAAA,CAAC,OAAO,UAAU,eAAe,KAAKL,EAAGO,CAAG,GAC5C,CAACT,EACEC,EAA8BQ,CAAG,EACjCP,EAA8BO,CAAG,CAAA,EAG7B,MAAA,GAIJ,MAAA,EACT"}
+{"version":3,"file":"deepEqual.cjs.js","sources":["../../src/utils/deepEqual.ts"],"sourcesContent":["/**\n * Deep equality comparison for UI data.\n *\n * Optimized for typical frontend state: primitives, objects, arrays, dates.\n * Functions are compared by reference (same ref = equal).\n *\n * @note Not supported: Set, Map, TypedArrays, circular references.\n * @reference https://github.com/lukeed/dequal/blob/master/src/index.js\n */\nexport function deepEqual(a: unknown, b: unknown): boolean {\n  // Same reference\n  if (a === b) return true;\n\n  // Both NaN\n  if (Number.isNaN(a) && Number.isNaN(b)) return true;\n\n  // Different types\n  if (typeof a !== typeof b) return false;\n\n  // Non-objects (primitives)\n  if (typeof a !== \"object\") return a === b;\n\n  // Different constructors\n  const ctor = (a as object).constructor;\n  if (ctor !== (b as object).constructor) return false;\n\n  // Date\n  if (ctor === Date) {\n    return (a as Date).getTime() === (b as Date).getTime();\n  }\n\n  // RegExp\n  if (ctor === RegExp) {\n    return (a as RegExp).toString() === (b as RegExp).toString();\n  }\n\n  // Array\n  if (ctor === Array) {\n    const arrA = a as unknown[];\n    const arrB = b as unknown[];\n    if (arrA.length !== arrB.length) return false;\n    for (let i = 0; i < arrA.length; i++) {\n      if (!deepEqual(arrA[i], arrB[i])) return false;\n    }\n    return true;\n  }\n\n  // Plain objects\n  const keysA = Object.keys(a as object);\n  const keysB = Object.keys(b as object);\n  if (keysA.length !== keysB.length) return false;\n\n  for (const key of keysA) {\n    if (\n      !Object.prototype.hasOwnProperty.call(b, key) ||\n      !deepEqual(\n        (a as Record<string, unknown>)[key],\n        (b as Record<string, unknown>)[key],\n      )\n    ) {\n      return false;\n    }\n  }\n\n  return true;\n}\n"],"names":["deepEqual","a","b","ctor","arrA","arrB","i","keysA","keysB","key"],"mappings":"gFASO,SAASA,EAAUC,EAAYC,EAAqB,CAKzD,GAHID,IAAMC,GAGN,OAAO,MAAMD,CAAC,GAAK,OAAO,MAAMC,CAAC,EAAG,MAAO,GAG/C,GAAI,OAAOD,GAAM,OAAOC,EAAG,MAAO,GAGlC,GAAI,OAAOD,GAAM,SAAU,OAAOA,IAAMC,EAGxC,MAAMC,EAAQF,EAAa,YAC3B,GAAIE,IAAUD,EAAa,YAAa,MAAO,GAG/C,GAAIC,IAAS,KACX,OAAQF,EAAW,YAAeC,EAAW,QAAA,EAI/C,GAAIC,IAAS,OACX,OAAQF,EAAa,aAAgBC,EAAa,SAAA,EAIpD,GAAIC,IAAS,MAAO,CAClB,MAAMC,EAAOH,EACPI,EAAOH,EACb,GAAIE,EAAK,SAAWC,EAAK,OAAQ,MAAO,GACxC,QAASC,EAAI,EAAGA,EAAIF,EAAK,OAAQE,IAC/B,GAAI,CAACN,EAAUI,EAAKE,CAAC,EAAGD,EAAKC,CAAC,CAAC,EAAG,MAAO,GAE3C,MAAO,EACT,CAGA,MAAMC,EAAQ,OAAO,KAAKN,CAAW,EAC/BO,EAAQ,OAAO,KAAKN,CAAW,EACrC,GAAIK,EAAM,SAAWC,EAAM,OAAQ,MAAO,GAE1C,UAAWC,KAAOF,EAChB,GACE,CAAC,OAAO,UAAU,eAAe,KAAKL,EAAGO,CAAG,GAC5C,CAACT,EACEC,EAA8BQ,CAAG,EACjCP,EAA8BO,CAAG,CAAA,EAGpC,MAAO,GAIX,MAAO,EACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"deepEqual.es.js","sources":["../../src/utils/deepEqual.ts"],"sourcesContent":["/**\n * Deep equality comparison for UI data.\n *\n * Optimized for typical frontend state: primitives, objects, arrays, dates.\n * Functions are compared by reference (same ref = equal).\n *\n * @note Not supported: Set, Map, TypedArrays, circular references.\n * @reference https://github.com/lukeed/dequal/blob/master/src/index.js\n */\nexport function deepEqual(a: unknown, b: unknown): boolean {\n  // Same reference\n  if (a === b) return true;\n\n  // Both NaN\n  if (Number.isNaN(a) && Number.isNaN(b)) return true;\n\n  // Different types\n  if (typeof a !== typeof b) return false;\n\n  // Non-objects (primitives)\n  if (typeof a !== \"object\") return a === b;\n\n  // Different constructors\n  const ctor = (a as object).constructor;\n  if (ctor !== (b as object).constructor) return false;\n\n  // Date\n  if (ctor === Date) {\n    return (a as Date).getTime() === (b as Date).getTime();\n  }\n\n  // RegExp\n  if (ctor === RegExp) {\n    return (a as RegExp).toString() === (b as RegExp).toString();\n  }\n\n  // Array\n  if (ctor === Array) {\n    const arrA = a as unknown[];\n    const arrB = b as unknown[];\n    if (arrA.length !== arrB.length) return false;\n    for (let i = 0; i < arrA.length; i++) {\n      if (!deepEqual(arrA[i], arrB[i])) return false;\n    }\n    return true;\n  }\n\n  // Plain objects\n  const keysA = Object.keys(a as object);\n  const keysB = Object.keys(b as object);\n  if (keysA.length !== keysB.length) return false;\n\n  for (const key of keysA) {\n    if (\n      !Object.prototype.hasOwnProperty.call(b, key) ||\n      !deepEqual(\n        (a as Record<string, unknown>)[key],\n        (b as Record<string, unknown>)[key],\n      )\n    ) {\n      return false;\n    }\n  }\n\n  return true;\n}\n"],"names":["deepEqual","a","b","ctor","arrA","arrB","i","keysA","keysB","key"],"mappings":"AASgB,SAAAA,EAAUC,GAAYC,GAAqB;AAKrD,MAHAD,MAAMC,KAGN,OAAO,MAAMD,CAAC,KAAK,OAAO,MAAMC,CAAC,EAAU,QAAA;AAG/C,MAAI,OAAOD,KAAM,OAAOC,EAAU,QAAA;AAGlC,MAAI,OAAOD,KAAM,SAAU,QAAOA,MAAMC;AAGxC,QAAMC,IAAQF,EAAa;AACvB,MAAAE,MAAUD,EAAa,YAAoB,QAAA;AAG/C,MAAIC,MAAS;AACX,WAAQF,EAAW,QAAA,MAAeC,EAAW,QAAQ;AAIvD,MAAIC,MAAS;AACX,WAAQF,EAAa,SAAA,MAAgBC,EAAa,SAAS;AAI7D,MAAIC,MAAS,OAAO;AAClB,UAAMC,IAAOH,GACPI,IAAOH;AACb,QAAIE,EAAK,WAAWC,EAAK,OAAe,QAAA;AACxC,aAASC,IAAI,GAAGA,IAAIF,EAAK,QAAQE;AAC3B,UAAA,CAACN,EAAUI,EAAKE,CAAC,GAAGD,EAAKC,CAAC,CAAC,EAAU,QAAA;AAEpC,WAAA;AAAA,EACT;AAGM,QAAAC,IAAQ,OAAO,KAAKN,CAAW,GAC/BO,IAAQ,OAAO,KAAKN,CAAW;AACrC,MAAIK,EAAM,WAAWC,EAAM,OAAe,QAAA;AAE1C,aAAWC,KAAOF;AAEd,QAAA,CAAC,OAAO,UAAU,eAAe,KAAKL,GAAGO,CAAG,KAC5C,CAACT;AAAA,MACEC,EAA8BQ,CAAG;AAAA,MACjCP,EAA8BO,CAAG;AAAA,IAAA;AAG7B,aAAA;AAIJ,SAAA;AACT;"}
+{"version":3,"file":"deepEqual.es.js","sources":["../../src/utils/deepEqual.ts"],"sourcesContent":["/**\n * Deep equality comparison for UI data.\n *\n * Optimized for typical frontend state: primitives, objects, arrays, dates.\n * Functions are compared by reference (same ref = equal).\n *\n * @note Not supported: Set, Map, TypedArrays, circular references.\n * @reference https://github.com/lukeed/dequal/blob/master/src/index.js\n */\nexport function deepEqual(a: unknown, b: unknown): boolean {\n  // Same reference\n  if (a === b) return true;\n\n  // Both NaN\n  if (Number.isNaN(a) && Number.isNaN(b)) return true;\n\n  // Different types\n  if (typeof a !== typeof b) return false;\n\n  // Non-objects (primitives)\n  if (typeof a !== \"object\") return a === b;\n\n  // Different constructors\n  const ctor = (a as object).constructor;\n  if (ctor !== (b as object).constructor) return false;\n\n  // Date\n  if (ctor === Date) {\n    return (a as Date).getTime() === (b as Date).getTime();\n  }\n\n  // RegExp\n  if (ctor === RegExp) {\n    return (a as RegExp).toString() === (b as RegExp).toString();\n  }\n\n  // Array\n  if (ctor === Array) {\n    const arrA = a as unknown[];\n    const arrB = b as unknown[];\n    if (arrA.length !== arrB.length) return false;\n    for (let i = 0; i < arrA.length; i++) {\n      if (!deepEqual(arrA[i], arrB[i])) return false;\n    }\n    return true;\n  }\n\n  // Plain objects\n  const keysA = Object.keys(a as object);\n  const keysB = Object.keys(b as object);\n  if (keysA.length !== keysB.length) return false;\n\n  for (const key of keysA) {\n    if (\n      !Object.prototype.hasOwnProperty.call(b, key) ||\n      !deepEqual(\n        (a as Record<string, unknown>)[key],\n        (b as Record<string, unknown>)[key],\n      )\n    ) {\n      return false;\n    }\n  }\n\n  return true;\n}\n"],"names":["deepEqual","a","b","ctor","arrA","arrB","i","keysA","keysB","key"],"mappings":"AASO,SAASA,EAAUC,GAAYC,GAAqB;AAKzD,MAHID,MAAMC,KAGN,OAAO,MAAMD,CAAC,KAAK,OAAO,MAAMC,CAAC,EAAG,QAAO;AAG/C,MAAI,OAAOD,KAAM,OAAOC,EAAG,QAAO;AAGlC,MAAI,OAAOD,KAAM,SAAU,QAAOA,MAAMC;AAGxC,QAAMC,IAAQF,EAAa;AAC3B,MAAIE,MAAUD,EAAa,YAAa,QAAO;AAG/C,MAAIC,MAAS;AACX,WAAQF,EAAW,cAAeC,EAAW,QAAA;AAI/C,MAAIC,MAAS;AACX,WAAQF,EAAa,eAAgBC,EAAa,SAAA;AAIpD,MAAIC,MAAS,OAAO;AAClB,UAAMC,IAAOH,GACPI,IAAOH;AACb,QAAIE,EAAK,WAAWC,EAAK,OAAQ,QAAO;AACxC,aAASC,IAAI,GAAGA,IAAIF,EAAK,QAAQE;AAC/B,UAAI,CAACN,EAAUI,EAAKE,CAAC,GAAGD,EAAKC,CAAC,CAAC,EAAG,QAAO;AAE3C,WAAO;AAAA,EACT;AAGA,QAAMC,IAAQ,OAAO,KAAKN,CAAW,GAC/BO,IAAQ,OAAO,KAAKN,CAAW;AACrC,MAAIK,EAAM,WAAWC,EAAM,OAAQ,QAAO;AAE1C,aAAWC,KAAOF;AAChB,QACE,CAAC,OAAO,UAAU,eAAe,KAAKL,GAAGO,CAAG,KAC5C,CAACT;AAAA,MACEC,EAA8BQ,CAAG;AAAA,MACjCP,EAA8BO,CAAG;AAAA,IAAA;AAGpC,aAAO;AAIX,SAAO;AACT;"}

package/dist/utils/image.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("colorthief");function i(o){return o instanceof HTMLImageElement?Promise.resolve(c(o)):a(o)}function c(o){try{return new t().getColor(o)}catch{return[255,255,255]}}function a(o){return new Promise((r,n)=>{const e=document.createElement("img");e.crossOrigin="anonymous",e.onload=()=>{try{const l=new t().getColor(e);r(l)}catch{r([255,255,255])}},e.onerror=()=>n(new Error("Failed to load image")),e.src=o})}exports.getDominantColor=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("colorthief");function i(o){return o instanceof HTMLImageElement?Promise.resolve(a(o)):l(o)}function a(o){try{const r=e.getColorSync(o);return r?r.array():[255,255,255]}catch{return[255,255,255]}}function l(o){return new Promise((r,c)=>{const n=document.createElement("img");n.crossOrigin="anonymous",n.onload=()=>{try{const t=e.getColorSync(n);r(t?t.array():[255,255,255])}catch{r([255,255,255])}},n.onerror=()=>c(new Error("Failed to load image")),n.src=o})}exports.getDominantColor=i;
 //# sourceMappingURL=image.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"image.cjs.js","sources":["../../src/utils/image.ts"],"sourcesContent":["import ColorThief from \"colorthief\";\nimport type { RGBArray } from \"../design/types\";\n\n/**\n * Gets the dominant color of an image. Avoids issues with low contrast colors.\n * @reference https://github.com/lokesh/color-thief/issues/40\n * @param image - The image to get the dominant color from.\n * @returns A Promise that resolves to an RGB array.\n */\nexport function getDominantColor(image: HTMLImageElement): Promise<RGBArray>;\nexport function getDominantColor(image: string): Promise<RGBArray>;\nexport function getDominantColor(\n  image: HTMLImageElement | string\n): Promise<RGBArray> {\n  if (image instanceof HTMLImageElement) {\n    return Promise.resolve(getDominantColorFromImage(image));\n  } else {\n    return getDominantColorFromImageUrl(image);\n  }\n}\n\nfunction getDominantColorFromImage(image: HTMLImageElement): RGBArray {\n  try {\n    const colorThief = new ColorThief();\n    const baseColor = colorThief.getColor(image);\n    return baseColor;\n  } catch {\n    return [255, 255, 255];\n  }\n}\n\nfunction getDominantColorFromImageUrl(url: string): Promise<RGBArray> {\n  return new Promise((resolve, reject) => {\n    const imgElement = document.createElement(\"img\");\n    imgElement.crossOrigin = \"anonymous\";\n\n    imgElement.onload = () => {\n      try {\n        const baseColor = new ColorThief().getColor(imgElement);\n        resolve(baseColor);\n      } catch {\n        resolve([255, 255, 255]);\n      }\n    };\n\n    imgElement.onerror = () => reject(new Error(\"Failed to load image\"));\n    imgElement.src = url;\n  });\n}\n"],"names":["getDominantColor","image","getDominantColorFromImage","getDominantColorFromImageUrl","ColorThief","url","resolve","reject","imgElement","baseColor"],"mappings":"8GAWO,SAASA,EACdC,EACmB,CACnB,OAAIA,aAAiB,iBACZ,QAAQ,QAAQC,EAA0BD,CAAK,CAAC,EAEhDE,EAA6BF,CAAK,CAE7C,CAEA,SAASC,EAA0BD,EAAmC,CAChE,GAAA,CAGK,OAFY,IAAIG,IACM,SAASH,CAAK,CACpC,MACD,CACC,MAAA,CAAC,IAAK,IAAK,GAAG,CACvB,CACF,CAEA,SAASE,EAA6BE,EAAgC,CACpE,OAAO,IAAI,QAAQ,CAACC,EAASC,IAAW,CAChC,MAAAC,EAAa,SAAS,cAAc,KAAK,EAC/CA,EAAW,YAAc,YAEzBA,EAAW,OAAS,IAAM,CACpB,GAAA,CACF,MAAMC,EAAY,IAAIL,EAAW,EAAE,SAASI,CAAU,EACtDF,EAAQG,CAAS,CAAA,MACX,CACNH,EAAQ,CAAC,IAAK,IAAK,GAAG,CAAC,CACzB,CAAA,EAGFE,EAAW,QAAU,IAAMD,EAAO,IAAI,MAAM,sBAAsB,CAAC,EACnEC,EAAW,IAAMH,CAAA,CAClB,CACH"}
+{"version":3,"file":"image.cjs.js","sources":["../../src/utils/image.ts"],"sourcesContent":["import { getColorSync } from \"colorthief\";\n\nimport type { RGBArray } from \"../design/types\";\n\n/**\n * Gets the dominant color of an image. Avoids issues with low contrast colors.\n * @reference https://github.com/lokesh/color-thief/issues/40\n * @param image - The image to get the dominant color from.\n * @returns A Promise that resolves to an RGB array.\n */\nexport function getDominantColor(image: HTMLImageElement): Promise<RGBArray>;\nexport function getDominantColor(image: string): Promise<RGBArray>;\nexport function getDominantColor(\n  image: HTMLImageElement | string\n): Promise<RGBArray> {\n  if (image instanceof HTMLImageElement) {\n    return Promise.resolve(getDominantColorFromImage(image));\n  }\n  return getDominantColorFromImageUrl(image);\n}\n\nfunction getDominantColorFromImage(image: HTMLImageElement): RGBArray {\n  try {\n    const color = getColorSync(image);\n    if (!color) return [255, 255, 255];\n    return color.array();\n  } catch {\n    return [255, 255, 255];\n  }\n}\n\nfunction getDominantColorFromImageUrl(url: string): Promise<RGBArray> {\n  return new Promise((resolve, reject) => {\n    const imgElement = document.createElement(\"img\");\n    imgElement.crossOrigin = \"anonymous\";\n\n    imgElement.onload = () => {\n      try {\n        const color = getColorSync(imgElement);\n        resolve(color ? color.array() : [255, 255, 255]);\n      } catch {\n        resolve([255, 255, 255]);\n      }\n    };\n\n    imgElement.onerror = () => reject(new Error(\"Failed to load image\"));\n    imgElement.src = url;\n  });\n}\n"],"names":["getDominantColor","image","getDominantColorFromImage","getDominantColorFromImageUrl","color","getColorSync","url","resolve","reject","imgElement"],"mappings":"8GAYO,SAASA,EACdC,EACmB,CACnB,OAAIA,aAAiB,iBACZ,QAAQ,QAAQC,EAA0BD,CAAK,CAAC,EAElDE,EAA6BF,CAAK,CAC3C,CAEA,SAASC,EAA0BD,EAAmC,CACpE,GAAI,CACF,MAAMG,EAAQC,EAAAA,aAAaJ,CAAK,EAChC,OAAKG,EACEA,EAAM,MAAA,EADM,CAAC,IAAK,IAAK,GAAG,CAEnC,MAAQ,CACN,MAAO,CAAC,IAAK,IAAK,GAAG,CACvB,CACF,CAEA,SAASD,EAA6BG,EAAgC,CACpE,OAAO,IAAI,QAAQ,CAACC,EAASC,IAAW,CACtC,MAAMC,EAAa,SAAS,cAAc,KAAK,EAC/CA,EAAW,YAAc,YAEzBA,EAAW,OAAS,IAAM,CACxB,GAAI,CACF,MAAML,EAAQC,EAAAA,aAAaI,CAAU,EACrCF,EAAQH,EAAQA,EAAM,MAAA,EAAU,CAAC,IAAK,IAAK,GAAG,CAAC,CACjD,MAAQ,CACNG,EAAQ,CAAC,IAAK,IAAK,GAAG,CAAC,CACzB,CACF,EAEAE,EAAW,QAAU,IAAMD,EAAO,IAAI,MAAM,sBAAsB,CAAC,EACnEC,EAAW,IAAMH,CACnB,CAAC,CACH"}

package/dist/utils/image.es.js

@@ -1,28 +1,29 @@
-import t from "colorthief";
-function a(o) {
-  return o instanceof HTMLImageElement ? Promise.resolve(c(o)) : i(o);
+import { getColorSync as e } from "colorthief";
+function l(r) {
+  return r instanceof HTMLImageElement ? Promise.resolve(m(r)) : a(r);
 }
-function c(o) {
+function m(r) {
   try {
-    return new t().getColor(o);
+    const o = e(r);
+    return o ? o.array() : [255, 255, 255];
   } catch {
     return [255, 255, 255];
   }
 }
-function i(o) {
-  return new Promise((e, n) => {
-    const r = document.createElement("img");
-    r.crossOrigin = "anonymous", r.onload = () => {
+function a(r) {
+  return new Promise((o, c) => {
+    const n = document.createElement("img");
+    n.crossOrigin = "anonymous", n.onload = () => {
       try {
-        const l = new t().getColor(r);
-        e(l);
+        const t = e(n);
+        o(t ? t.array() : [255, 255, 255]);
       } catch {
-        e([255, 255, 255]);
+        o([255, 255, 255]);
       }
-    }, r.onerror = () => n(new Error("Failed to load image")), r.src = o;
+    }, n.onerror = () => c(new Error("Failed to load image")), n.src = r;
   });
 }
 export {
-  a as getDominantColor
+  l as getDominantColor
 };
 //# sourceMappingURL=image.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"image.es.js","sources":["../../src/utils/image.ts"],"sourcesContent":["import ColorThief from \"colorthief\";\nimport type { RGBArray } from \"../design/types\";\n\n/**\n * Gets the dominant color of an image. Avoids issues with low contrast colors.\n * @reference https://github.com/lokesh/color-thief/issues/40\n * @param image - The image to get the dominant color from.\n * @returns A Promise that resolves to an RGB array.\n */\nexport function getDominantColor(image: HTMLImageElement): Promise<RGBArray>;\nexport function getDominantColor(image: string): Promise<RGBArray>;\nexport function getDominantColor(\n  image: HTMLImageElement | string\n): Promise<RGBArray> {\n  if (image instanceof HTMLImageElement) {\n    return Promise.resolve(getDominantColorFromImage(image));\n  } else {\n    return getDominantColorFromImageUrl(image);\n  }\n}\n\nfunction getDominantColorFromImage(image: HTMLImageElement): RGBArray {\n  try {\n    const colorThief = new ColorThief();\n    const baseColor = colorThief.getColor(image);\n    return baseColor;\n  } catch {\n    return [255, 255, 255];\n  }\n}\n\nfunction getDominantColorFromImageUrl(url: string): Promise<RGBArray> {\n  return new Promise((resolve, reject) => {\n    const imgElement = document.createElement(\"img\");\n    imgElement.crossOrigin = \"anonymous\";\n\n    imgElement.onload = () => {\n      try {\n        const baseColor = new ColorThief().getColor(imgElement);\n        resolve(baseColor);\n      } catch {\n        resolve([255, 255, 255]);\n      }\n    };\n\n    imgElement.onerror = () => reject(new Error(\"Failed to load image\"));\n    imgElement.src = url;\n  });\n}\n"],"names":["getDominantColor","image","getDominantColorFromImage","getDominantColorFromImageUrl","ColorThief","url","resolve","reject","imgElement","baseColor"],"mappings":";AAWO,SAASA,EACdC,GACmB;AACnB,SAAIA,aAAiB,mBACZ,QAAQ,QAAQC,EAA0BD,CAAK,CAAC,IAEhDE,EAA6BF,CAAK;AAE7C;AAEA,SAASC,EAA0BD,GAAmC;AAChE,MAAA;AAGK,WAFY,IAAIG,IACM,SAASH,CAAK;AAAA,EACpC,QACD;AACC,WAAA,CAAC,KAAK,KAAK,GAAG;AAAA,EACvB;AACF;AAEA,SAASE,EAA6BE,GAAgC;AACpE,SAAO,IAAI,QAAQ,CAACC,GAASC,MAAW;AAChC,UAAAC,IAAa,SAAS,cAAc,KAAK;AAC/C,IAAAA,EAAW,cAAc,aAEzBA,EAAW,SAAS,MAAM;AACpB,UAAA;AACF,cAAMC,IAAY,IAAIL,EAAW,EAAE,SAASI,CAAU;AACtD,QAAAF,EAAQG,CAAS;AAAA,MAAA,QACX;AACN,QAAAH,EAAQ,CAAC,KAAK,KAAK,GAAG,CAAC;AAAA,MACzB;AAAA,IAAA,GAGFE,EAAW,UAAU,MAAMD,EAAO,IAAI,MAAM,sBAAsB,CAAC,GACnEC,EAAW,MAAMH;AAAA,EAAA,CAClB;AACH;"}
+{"version":3,"file":"image.es.js","sources":["../../src/utils/image.ts"],"sourcesContent":["import { getColorSync } from \"colorthief\";\n\nimport type { RGBArray } from \"../design/types\";\n\n/**\n * Gets the dominant color of an image. Avoids issues with low contrast colors.\n * @reference https://github.com/lokesh/color-thief/issues/40\n * @param image - The image to get the dominant color from.\n * @returns A Promise that resolves to an RGB array.\n */\nexport function getDominantColor(image: HTMLImageElement): Promise<RGBArray>;\nexport function getDominantColor(image: string): Promise<RGBArray>;\nexport function getDominantColor(\n  image: HTMLImageElement | string\n): Promise<RGBArray> {\n  if (image instanceof HTMLImageElement) {\n    return Promise.resolve(getDominantColorFromImage(image));\n  }\n  return getDominantColorFromImageUrl(image);\n}\n\nfunction getDominantColorFromImage(image: HTMLImageElement): RGBArray {\n  try {\n    const color = getColorSync(image);\n    if (!color) return [255, 255, 255];\n    return color.array();\n  } catch {\n    return [255, 255, 255];\n  }\n}\n\nfunction getDominantColorFromImageUrl(url: string): Promise<RGBArray> {\n  return new Promise((resolve, reject) => {\n    const imgElement = document.createElement(\"img\");\n    imgElement.crossOrigin = \"anonymous\";\n\n    imgElement.onload = () => {\n      try {\n        const color = getColorSync(imgElement);\n        resolve(color ? color.array() : [255, 255, 255]);\n      } catch {\n        resolve([255, 255, 255]);\n      }\n    };\n\n    imgElement.onerror = () => reject(new Error(\"Failed to load image\"));\n    imgElement.src = url;\n  });\n}\n"],"names":["getDominantColor","image","getDominantColorFromImage","getDominantColorFromImageUrl","color","getColorSync","url","resolve","reject","imgElement"],"mappings":";AAYO,SAASA,EACdC,GACmB;AACnB,SAAIA,aAAiB,mBACZ,QAAQ,QAAQC,EAA0BD,CAAK,CAAC,IAElDE,EAA6BF,CAAK;AAC3C;AAEA,SAASC,EAA0BD,GAAmC;AACpE,MAAI;AACF,UAAMG,IAAQC,EAAaJ,CAAK;AAChC,WAAKG,IACEA,EAAM,MAAA,IADM,CAAC,KAAK,KAAK,GAAG;AAAA,EAEnC,QAAQ;AACN,WAAO,CAAC,KAAK,KAAK,GAAG;AAAA,EACvB;AACF;AAEA,SAASD,EAA6BG,GAAgC;AACpE,SAAO,IAAI,QAAQ,CAACC,GAASC,MAAW;AACtC,UAAMC,IAAa,SAAS,cAAc,KAAK;AAC/C,IAAAA,EAAW,cAAc,aAEzBA,EAAW,SAAS,MAAM;AACxB,UAAI;AACF,cAAML,IAAQC,EAAaI,CAAU;AACrC,QAAAF,EAAQH,IAAQA,EAAM,MAAA,IAAU,CAAC,KAAK,KAAK,GAAG,CAAC;AAAA,MACjD,QAAQ;AACN,QAAAG,EAAQ,CAAC,KAAK,KAAK,GAAG,CAAC;AAAA,MACzB;AAAA,IACF,GAEAE,EAAW,UAAU,MAAMD,EAAO,IAAI,MAAM,sBAAsB,CAAC,GACnEC,EAAW,MAAMH;AAAA,EACnB,CAAC;AACH;"}

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

@@ -1 +1 @@
-{"version":3,"file":"navigation.cjs.js","sources":["../../src/utils/navigation.ts"],"sourcesContent":["/**\n * [isUrlExternal] - determine if passed absolute url is external to the current domain.\n */\nexport const isUrlExternal = (url: string) => {\n  return url.startsWith(\"http\");\n};\n\n/**\n * Handles internal navigation clicks by preventing default browser behavior and\n * programmatically updating the URL and history state.\n *\n * @param e - The click event from the anchor element\n * @param to - The destination path to navigate to\n *\n * @remarks\n * - Converts relative paths to absolute by prepending \"/\" if needed\n * - Updates browser history using pushState and dispatches a popstate event\n */\nexport const handleInternalNavigation = (\n  e: React.MouseEvent<HTMLAnchorElement>,\n  to: string\n) => {\n  // Don't handle navigation if modifier keys are pressed\n  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {\n    return;\n  }\n\n  // Don't handle middle clicks or right clicks\n  if (e.button && e.button !== 0) {\n    return;\n  }\n\n  e.preventDefault();\n\n  // Handle relative paths\n  const resolvedPath = to.startsWith(\"/\") ? to : `/${to}`;\n  window.history.pushState({}, \"\", resolvedPath);\n  window.dispatchEvent(new PopStateEvent(\"popstate\"));\n};\n"],"names":["isUrlExternal","url","handleInternalNavigation","e","to","resolvedPath"],"mappings":"gFAGa,MAAAA,EAAiBC,GACrBA,EAAI,WAAW,MAAM,EAcjBC,EAA2B,CACtCC,EACAC,IACG,CAOH,GALID,EAAE,SAAWA,EAAE,QAAUA,EAAE,SAAWA,EAAE,UAKxCA,EAAE,QAAUA,EAAE,SAAW,EAC3B,OAGFA,EAAE,eAAe,EAGjB,MAAME,EAAeD,EAAG,WAAW,GAAG,EAAIA,EAAK,IAAIA,CAAE,GACrD,OAAO,QAAQ,UAAU,CAAC,EAAG,GAAIC,CAAY,EAC7C,OAAO,cAAc,IAAI,cAAc,UAAU,CAAC,CACpD"}
+{"version":3,"file":"navigation.cjs.js","sources":["../../src/utils/navigation.ts"],"sourcesContent":["/**\n * [isUrlExternal] - determine if passed absolute url is external to the current domain.\n */\nexport const isUrlExternal = (url: string) => {\n  return url.startsWith(\"http\");\n};\n\n/**\n * Handles internal navigation clicks by preventing default browser behavior and\n * programmatically updating the URL and history state.\n *\n * @param e - The click event from the anchor element\n * @param to - The destination path to navigate to\n *\n * @remarks\n * - Converts relative paths to absolute by prepending \"/\" if needed\n * - Updates browser history using pushState and dispatches a popstate event\n */\nexport const handleInternalNavigation = (\n  e: React.MouseEvent<HTMLAnchorElement>,\n  to: string\n) => {\n  // Don't handle navigation if modifier keys are pressed\n  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {\n    return;\n  }\n\n  // Don't handle middle clicks or right clicks\n  if (e.button && e.button !== 0) {\n    return;\n  }\n\n  e.preventDefault();\n\n  // Handle relative paths\n  const resolvedPath = to.startsWith(\"/\") ? to : `/${to}`;\n  window.history.pushState({}, \"\", resolvedPath);\n  window.dispatchEvent(new PopStateEvent(\"popstate\"));\n};\n"],"names":["isUrlExternal","url","handleInternalNavigation","e","to","resolvedPath"],"mappings":"gFAGO,MAAMA,EAAiBC,GACrBA,EAAI,WAAW,MAAM,EAcjBC,EAA2B,CACtCC,EACAC,IACG,CAOH,GALID,EAAE,SAAWA,EAAE,QAAUA,EAAE,SAAWA,EAAE,UAKxCA,EAAE,QAAUA,EAAE,SAAW,EAC3B,OAGFA,EAAE,eAAA,EAGF,MAAME,EAAeD,EAAG,WAAW,GAAG,EAAIA,EAAK,IAAIA,CAAE,GACrD,OAAO,QAAQ,UAAU,CAAA,EAAI,GAAIC,CAAY,EAC7C,OAAO,cAAc,IAAI,cAAc,UAAU,CAAC,CACpD"}

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

@@ -1 +1 @@
-{"version":3,"file":"navigation.es.js","sources":["../../src/utils/navigation.ts"],"sourcesContent":["/**\n * [isUrlExternal] - determine if passed absolute url is external to the current domain.\n */\nexport const isUrlExternal = (url: string) => {\n  return url.startsWith(\"http\");\n};\n\n/**\n * Handles internal navigation clicks by preventing default browser behavior and\n * programmatically updating the URL and history state.\n *\n * @param e - The click event from the anchor element\n * @param to - The destination path to navigate to\n *\n * @remarks\n * - Converts relative paths to absolute by prepending \"/\" if needed\n * - Updates browser history using pushState and dispatches a popstate event\n */\nexport const handleInternalNavigation = (\n  e: React.MouseEvent<HTMLAnchorElement>,\n  to: string\n) => {\n  // Don't handle navigation if modifier keys are pressed\n  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {\n    return;\n  }\n\n  // Don't handle middle clicks or right clicks\n  if (e.button && e.button !== 0) {\n    return;\n  }\n\n  e.preventDefault();\n\n  // Handle relative paths\n  const resolvedPath = to.startsWith(\"/\") ? to : `/${to}`;\n  window.history.pushState({}, \"\", resolvedPath);\n  window.dispatchEvent(new PopStateEvent(\"popstate\"));\n};\n"],"names":["isUrlExternal","url","handleInternalNavigation","e","to","resolvedPath"],"mappings":"AAGa,MAAAA,IAAgB,CAACC,MACrBA,EAAI,WAAW,MAAM,GAcjBC,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;"}
+{"version":3,"file":"navigation.es.js","sources":["../../src/utils/navigation.ts"],"sourcesContent":["/**\n * [isUrlExternal] - determine if passed absolute url is external to the current domain.\n */\nexport const isUrlExternal = (url: string) => {\n  return url.startsWith(\"http\");\n};\n\n/**\n * Handles internal navigation clicks by preventing default browser behavior and\n * programmatically updating the URL and history state.\n *\n * @param e - The click event from the anchor element\n * @param to - The destination path to navigate to\n *\n * @remarks\n * - Converts relative paths to absolute by prepending \"/\" if needed\n * - Updates browser history using pushState and dispatches a popstate event\n */\nexport const handleInternalNavigation = (\n  e: React.MouseEvent<HTMLAnchorElement>,\n  to: string\n) => {\n  // Don't handle navigation if modifier keys are pressed\n  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {\n    return;\n  }\n\n  // Don't handle middle clicks or right clicks\n  if (e.button && e.button !== 0) {\n    return;\n  }\n\n  e.preventDefault();\n\n  // Handle relative paths\n  const resolvedPath = to.startsWith(\"/\") ? to : `/${to}`;\n  window.history.pushState({}, \"\", resolvedPath);\n  window.dispatchEvent(new PopStateEvent(\"popstate\"));\n};\n"],"names":["isUrlExternal","url","handleInternalNavigation","e","to","resolvedPath"],"mappings":"AAGO,MAAMA,IAAgB,CAACC,MACrBA,EAAI,WAAW,MAAM,GAcjBC,IAA2B,CACtCC,GACAC,MACG;AAOH,MALID,EAAE,WAAWA,EAAE,UAAUA,EAAE,WAAWA,EAAE,YAKxCA,EAAE,UAAUA,EAAE,WAAW;AAC3B;AAGF,EAAAA,EAAE,eAAA;AAGF,QAAME,IAAeD,EAAG,WAAW,GAAG,IAAIA,IAAK,IAAIA,CAAE;AACrD,SAAO,QAAQ,UAAU,CAAA,GAAI,IAAIC,CAAY,GAC7C,OAAO,cAAc,IAAI,cAAc,UAAU,CAAC;AACpD;"}

package/dist/utils/palette.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../node_modules/color2k/dist/index.exports.import.es.cjs.js"),s=require("./color2k.cjs.js"),G=require("../design/lightTheme/colors.cjs.js"),R=require("../design/darkTheme/colors.cjs.js"),g=i=>{const r=s.arrayToRgbString(i),e=t.getScale("#FFFFFF",r,"#000000"),n=Array.from({length:12},(A,I)=>{const d=e(I/11);return s.desaturate(d,.0085)}),m=n.map(A=>s.saturate(_(A),.005)),L=t.toRgba(s.saturate(t.adjustHue(r,180),1)),o=t.getScale("#FFFFFF",L,"#000000"),c=Array.from({length:12},(A,I)=>{const d=o(I/11);return s.desaturate(d,.1)}),u=c.map(A=>s.desaturate(_(A),.22)),S=D(s.saturate(m[5],.115)),E=s.desaturate(u[4],.02);return{BASE_COLOR:s.arrayToRgbString(i),BRAND:{PRIMARY:S,PRIMARY_LIGHT:a(S,.25,{min:.6,max:.8}),PRIMARY_SUPER_LIGHT:a(S,.15,{min:.8,max:.9}),SECONDARY:E,SECONDARY_LIGHT:a(E,.25,{min:.6,max:.8}),SECONDARY_SUPER_LIGHT:a(E,.15,{min:.8,max:.9})},PRIMARY:{SUPER_DARK:a(l(n[9]),-.6,{min:0,max:.02}),DARK:a(l(n[8]),-.4,{min:.01,max:.02}),MEDIUM:a(m[7],-.2,{min:0,max:.11}),MEDIUM_LIGHT:a(s.desaturate(m[6],.1),.08),LIGHT:a(s.saturate(m[5],.1),.16),LIGHTEST:a(s.saturate(m[3],.2),.12,{min:.5,max:.9}),SUPER_LIGHT:a(m[1],.02,{min:.76,max:.92}),WHITE:a(m[1],.11,{min:.9,max:.98})},SECONDARY:{SUPER_DARK:a(l(c[9]),-.6,{min:0,max:.02}),DARK:a(l(c[8]),-.4,{min:.01,max:.02}),MEDIUM:a(u[7],-.2,{min:0,max:.11}),MEDIUM_LIGHT:a(u[6],.1),LIGHT:a(s.saturate(u[5],.1),.16),LIGHTEST:a(s.saturate(u[3],.2),.12,{min:.5,max:.9}),SUPER_LIGHT:a(u[1],.02,{min:.76,max:.92}),WHITE:a(u[1],.11,{min:.9,max:.98})},GRAYSCALE:{SUPER_DARK:R.DARK_GRAYSCALE.SUPER_DARK,DARK:R.DARK_GRAYSCALE.DARK,MEDIUM:R.DARK_GRAYSCALE.MEDIUM,MEDIUM_LIGHT:R.DARK_GRAYSCALE.MEDIUM_LIGHT,LIGHT:R.DARK_GRAYSCALE.LIGHT,LIGHTEST:R.DARK_GRAYSCALE.LIGHTEST,SUPER_LIGHT:R.DARK_GRAYSCALE.SUPER_LIGHT,WHITE:R.DARK_GRAYSCALE.WHITE}}},a=(i,r,e={min:.03,max:.97})=>{let n=i,m=t.getLuminance(n);if(e.min<0&&(e.min=0),e.max>1&&(e.max=1),e.min>=e.max)throw new Error("Invalid range: min must be less than max");if(r>0){const o=e.max-m;if(o<=0)return t.toRgba(n);const c=r*(o/(1-m));n=t.lighten(n,c)}else if(r<0){const o=m-e.min;if(o<=0)return t.toRgba(n);const c=r*(o/m);n=t.darken(n,Math.abs(c))}const L=t.getLuminance(n);return(L>e.max||L<e.min)&&(n=T(n,e)),t.toRgba(n)},T=(i,r)=>{let e=i,n=t.getLuminance(e);for(;n>r.max;)e=t.darken(e,.05),n=t.getLuminance(e);for(;n<r.min;)e=t.lighten(e,.05),n=t.getLuminance(e);return t.toRgba(e)},l=i=>{for(;t.hasBadContrast(i,"readable",G.LIGHT_GRAYSCALE.DARK);)i=t.lighten(i,.01);return t.toRgba(i)},D=i=>{for(;t.hasBadContrast(G.LIGHT_GRAYSCALE.SUPER_LIGHT,"readable",i);)i=t.darken(i,.01);return t.toRgba(i)},_=i=>{let r=i,e=t.getLuminance(t.toRgba(r)),n=0;const m=6;for(;e<.16&&n<m;)n++,r=t.lighten(r,.1),e=t.getLuminance(t.toRgba(r));for(;e>.6&&n<m;)n++,r=t.darken(r,.1),e=t.getLuminance(t.toRgba(r));return t.toRgba(r)};exports.generatePalette=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../node_modules/color2k/dist/index.exports.import.es.cjs.js"),s=require("./color2k.cjs.js"),g=require("../design/lightTheme/colors.cjs.js"),R=require("../design/darkTheme/colors.cjs.js"),D=i=>{const r=s.arrayToRgbString(i),e=t.getScale("#FFFFFF",r,"#000000"),n=Array.from({length:12},(L,I)=>{const d=e(I/11);return s.desaturate(d,.0085)}),m=n.map(L=>s.saturate(G(L),.005)),l=t.toRgba(s.saturate(t.adjustHue(r,180),1)),o=t.getScale("#FFFFFF",l,"#000000"),c=Array.from({length:12},(L,I)=>{const d=o(I/11);return s.desaturate(d,.1)}),u=c.map(L=>s.desaturate(G(L),.22)),S=_(s.saturate(m[5],.115)),E=_(s.desaturate(u[5],.102));return{BASE_COLOR:s.arrayToRgbString(i),BRAND:{PRIMARY:S,PRIMARY_LIGHT:A(a(S,.08,{min:.55,max:.8})),PRIMARY_SUPER_LIGHT:a(S,.15,{min:.8,max:.89}),SECONDARY:E,SECONDARY_LIGHT:a(E,.08,{min:.55,max:.8}),SECONDARY_SUPER_LIGHT:A(a(E,.15,{min:.8,max:.89}))},PRIMARY:{SUPER_DARK:a(A(n[9]),-.6,{min:0,max:.02}),DARK:a(A(n[8]),-.4,{min:.01,max:.02}),MEDIUM:a(m[7],-.2,{min:0,max:.11}),MEDIUM_LIGHT:a(s.desaturate(m[6],.1),.08),LIGHT:a(s.saturate(m[5],.1),.16),LIGHTEST:a(s.saturate(m[3],.2),.12,{min:.5,max:.9}),SUPER_LIGHT:a(m[1],.02,{min:.76,max:.92}),WHITE:a(m[1],.11,{min:.9,max:.98})},SECONDARY:{SUPER_DARK:a(A(c[9]),-.6,{min:0,max:.02}),DARK:a(A(c[8]),-.4,{min:.01,max:.02}),MEDIUM:a(u[7],-.2,{min:0,max:.11}),MEDIUM_LIGHT:a(u[6],.1),LIGHT:a(s.saturate(u[5],.1),.16),LIGHTEST:a(s.saturate(u[3],.2),.12,{min:.5,max:.9}),SUPER_LIGHT:a(u[1],.02,{min:.76,max:.92}),WHITE:a(u[1],.11,{min:.9,max:.98})},GRAYSCALE:{SUPER_DARK:R.DARK_GRAYSCALE.SUPER_DARK,DARK:R.DARK_GRAYSCALE.DARK,MEDIUM:R.DARK_GRAYSCALE.MEDIUM,MEDIUM_LIGHT:R.DARK_GRAYSCALE.MEDIUM_LIGHT,LIGHT:R.DARK_GRAYSCALE.LIGHT,LIGHTEST:R.DARK_GRAYSCALE.LIGHTEST,SUPER_LIGHT:R.DARK_GRAYSCALE.SUPER_LIGHT,WHITE:R.DARK_GRAYSCALE.WHITE}}},a=(i,r,e={min:.03,max:.97})=>{let n=i,m=t.getLuminance(n);if(e.min<0&&(e.min=0),e.max>1&&(e.max=1),e.min>=e.max)throw new Error("Invalid range: min must be less than max");if(r>0){const o=e.max-m;if(o<=0)return t.toRgba(n);const c=r*(o/(1-m));n=t.lighten(n,c)}else if(r<0){const o=m-e.min;if(o<=0)return t.toRgba(n);const c=r*(o/m);n=t.darken(n,Math.abs(c))}const l=t.getLuminance(n);return(l>e.max||l<e.min)&&(n=T(n,e)),t.toRgba(n)},T=(i,r)=>{let e=i,n=t.getLuminance(e);for(;n>r.max;)e=t.darken(e,.05),n=t.getLuminance(e);for(;n<r.min;)e=t.lighten(e,.05),n=t.getLuminance(e);return t.toRgba(e)},A=i=>{for(;t.hasBadContrast(i,"readable",g.LIGHT_GRAYSCALE.DARK);)i=t.lighten(i,.01);return t.toRgba(i)},_=i=>{for(;t.hasBadContrast(g.LIGHT_GRAYSCALE.SUPER_LIGHT,"readable",i);)i=t.darken(i,.01);return t.toRgba(i)},G=i=>{let r=i,e=t.getLuminance(t.toRgba(r)),n=0;const m=6;for(;e<.16&&n<m;)n++,r=t.lighten(r,.1),e=t.getLuminance(t.toRgba(r));for(;e>.6&&n<m;)n++,r=t.darken(r,.1),e=t.getLuminance(t.toRgba(r));return t.toRgba(r)};exports.generatePalette=D;
 //# sourceMappingURL=palette.cjs.js.map

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

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

@@ -1,54 +1,60 @@
-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 { toRgba as r, adjustHue as f, getScale as _, getLuminance as c, lighten as A, darken as L, hasBadContrast as U } from "../node_modules/color2k/dist/index.exports.import.es.es.js";
+import { desaturate as S, saturate as E, arrayToRgbString as D } from "./color2k.es.js";
+import { LIGHT_GRAYSCALE as F } 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 e = D(m), n = _("#FFFFFF", e, "#000000"), t = Array.from({ length: 12 }, (u, x) => {
     const G = n(x / 11);
-    return u(G, 85e-4);
+    return S(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) => {
+    (u) => E(P(u), 5e-3)
+  ), T = r(E(f(e, 180), 1)), o = _("#FFFFFF", T, "#000000"), R = Array.from({ length: 12 }, (u, x) => {
     const G = o(x / 11);
-    return u(G, 0.1);
+    return S(G, 0.1);
   }), I = R.map(
-    (l) => u(h(l), 0.22)
-  ), d = f(
+    (u) => S(P(u), 0.22)
+  ), d = h(
     E(i[5], 0.115)
-  ), H = u(I[4], 0.02);
+  ), H = h(
+    S(I[5], 0.102)
+  );
   return {
     BASE_COLOR: D(m),
     BRAND: {
       PRIMARY: d,
-      PRIMARY_LIGHT: a(d, 0.25, {
-        min: 0.6,
-        max: 0.8
-      }),
+      PRIMARY_LIGHT: l(
+        a(d, 0.08, {
+          min: 0.55,
+          max: 0.8
+        })
+      ),
       PRIMARY_SUPER_LIGHT: a(d, 0.15, {
         min: 0.8,
-        max: 0.9
+        max: 0.89
       }),
       SECONDARY: H,
-      SECONDARY_LIGHT: a(H, 0.25, {
-        min: 0.6,
+      SECONDARY_LIGHT: a(H, 0.08, {
+        min: 0.55,
         max: 0.8
       }),
-      SECONDARY_SUPER_LIGHT: a(H, 0.15, {
-        min: 0.8,
-        max: 0.9
-      })
+      SECONDARY_SUPER_LIGHT: l(
+        a(H, 0.15, {
+          min: 0.8,
+          max: 0.89
+        })
+      )
     },
     PRIMARY: {
       //backgrounds
       SUPER_DARK: a(
-        T(t[9]),
+        l(t[9]),
         -0.6,
         {
           min: 0,
           max: 0.02
         }
       ),
-      DARK: a(T(t[8]), -0.4, {
+      DARK: a(l(t[8]), -0.4, {
         min: 0.01,
         max: 0.02
       }),
@@ -59,7 +65,7 @@ const K = (m) => {
       }),
       //borders and seperators
       MEDIUM_LIGHT: a(
-        u(i[6], 0.1),
+        S(i[6], 0.1),
         0.08
       ),
       //solid colors
@@ -85,14 +91,14 @@ const K = (m) => {
     SECONDARY: {
       //backgrounds
       SUPER_DARK: a(
-        T(R[9]),
+        l(R[9]),
         -0.6,
         {
           min: 0,
           max: 0.02
         }
       ),
-      DARK: a(T(R[8]), -0.4, {
+      DARK: a(l(R[8]), -0.4, {
         min: 0.01,
         max: 0.02
       }),
@@ -151,8 +157,8 @@ const K = (m) => {
     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);
+  const T = c(t);
+  return (T > n.max || T < n.min) && (t = M(t, n)), r(t);
 }, M = (m, e) => {
   let n = m, t = c(n);
   for (; t > e.max; )
@@ -160,15 +166,15 @@ const K = (m) => {
   for (; t < e.min; )
     n = A(n, 0.05), t = c(n);
   return r(n);
-}, T = (m) => {
-  for (; P(m, "readable", U.DARK); )
+}, l = (m) => {
+  for (; U(m, "readable", F.DARK); )
     m = A(m, 0.01);
   return r(m);
-}, f = (m) => {
-  for (; P(U.SUPER_LIGHT, "readable", m); )
+}, h = (m) => {
+  for (; U(F.SUPER_LIGHT, "readable", m); )
     m = L(m, 0.01);
   return r(m);
-}, h = (m) => {
+}, P = (m) => {
   let e = m, n = c(r(e)), t = 0;
   const i = 6;
   for (; n < 0.16 && t < i; )

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

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