@protonradio/proton-ui 0.11.10-beta.3 → 0.11.10

package/dist/{design/colors.es.js → colors-CWaj9dFz.mjs}

@@ -35,11 +35,11 @@ const R = {
   SUPER_LIGHT: "#deffd1"
 };
 export {
-  R as BACKGROUNDS,
-  I as BRAND,
-  E as BRAND_PRIMARY_SCALE,
-  f as DANGER,
-  D as SUCCESS,
-  A as WARNING
+  R as B,
+  f as D,
+  D as S,
+  A as W,
+  I as a,
+  E as b
 };
-//# sourceMappingURL=colors.es.js.map
+//# sourceMappingURL=colors-CWaj9dFz.mjs.map

package/dist/colors-CWaj9dFz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-CWaj9dFz.mjs","sources":["../src/design/colors.ts"],"sourcesContent":["import { ProtonColorScale, ProtonPalette } from \"./types\";\n\n/* Base Colors */\n\nexport const BACKGROUNDS = {\n  BLACK: \"#121212\",\n  WHITE: \"#FFFFFF\",\n};\n\nexport const BRAND: ProtonPalette[\"BRAND\"] = {\n  PRIMARY: \"#E26014\",\n  PRIMARY_LIGHT: \"#FBE5D7\",\n  PRIMARY_SUPER_LIGHT: \"#FFF7F0\",\n  SECONDARY: \"#2a9edb\",\n  SECONDARY_LIGHT: \"#b5d9ff\",\n  SECONDARY_SUPER_LIGHT: \"#d9e7fa\",\n};\n\nexport const BRAND_PRIMARY_SCALE: ProtonColorScale = {\n  SUPER_DARK: \"#2d1304\",\n  DARK: \"#5a2608\",\n  MEDIUM: \"#883a0c\",\n  MEDIUM_LIGHT: \"#b54d10\",\n  LIGHT: \"#e88043\",\n  LIGHTEST: \"#eea072\",\n  SUPER_LIGHT: \"#f9dfd0\",\n  WHITE: \"#fcfbfa\",\n};\n\n/* Semantic Colors */\n\nexport const DANGER: Partial<ProtonColorScale> = {\n  SUPER_DARK: \"#991b1b\",\n  DARK: \"#a80724\",\n  MEDIUM: \"#e23f5c\",\n  LIGHT: \"#f16880\",\n  SUPER_LIGHT: \"#ffe1e1\",\n};\n\nexport const WARNING: Partial<ProtonColorScale> = {\n  DARK: \"#8b5600\",\n  MEDIUM: \"#b37208\",\n  LIGHT: \"#ffac23\",\n  SUPER_LIGHT: \"#fff0c9\",\n};\n\nexport const SUCCESS: Partial<ProtonColorScale> = {\n  DARK: \"#247800\",\n  MEDIUM: \"#339a07\",\n  LIGHT: \"#66cf39\",\n  SUPER_LIGHT: \"#deffd1\",\n};\n"],"names":["BACKGROUNDS","BRAND","BRAND_PRIMARY_SCALE","DANGER","WARNING","SUCCESS"],"mappings":"AAIO,MAAMA,IAAc;AAAA,EACzB,OAAO;AAAA,EACP,OAAO;AACT,GAEaC,IAAgC;AAAA,EAC3C,SAAS;AAAA,EACT,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,uBAAuB;AACzB,GAEaC,IAAwC;AAAA,EACnD,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACT,GAIaC,IAAoC;AAAA,EAC/C,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,GAEaC,IAAqC;AAAA,EAChD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,GAEaC,IAAqC;AAAA,EAChD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf;"}

package/dist/colors-CebzFjpe.js

@@ -0,0 +1,2 @@
+"use strict";const R=require("./colors-CmSJBHaf.js"),A="#43464a",I=A,L="rgba(174, 175, 177, 0.2)",E={SUPER_DARK:"#111212",DARK:"#1e1f21",MEDIUM:"#232629",MEDIUM_LIGHT:"#2b2d30",LIGHT:A,LIGHTEST:"#63676b",SUPER_LIGHT:"#8a8e91",WHITE:"#f7f9fb"},D={SUPER_DARK:"#142736",DARK:"#22445d",MEDIUM:"#306082",MEDIUM_LIGHT:"#3e7ca8",LIGHT:"#5795c1",LIGHTEST:"#a2c4dd",SUPER_LIGHT:"#dae7f1",WHITE:"#f7f9fb"},T={BASE_COLOR:R.BACKGROUNDS.BLACK,BRAND:R.BRAND,GRAYSCALE:E,PRIMARY:R.BRAND_PRIMARY_SCALE,SECONDARY:D};exports.BORDER=I;exports.DARK_GRAYSCALE=E;exports.DARK_PALETTE=T;exports.DARK_SECONDARY=D;exports.ELEVATION=L;
+//# sourceMappingURL=colors-CebzFjpe.js.map

package/dist/colors-CebzFjpe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-CebzFjpe.js","sources":["../src/design/darkTheme/colors.ts"],"sourcesContent":["import { BACKGROUNDS, BRAND, BRAND_PRIMARY_SCALE } from \"../colors\";\nimport type { ProtonColorScale, ProtonPalette } from \"../types\";\n\nconst LIGHT_GRAY = \"#43464a\";\nexport const BORDER = LIGHT_GRAY;\nexport const ELEVATION = \"rgba(174, 175, 177, 0.2)\";\nexport const DARK_GRAYSCALE: ProtonColorScale = {\n  SUPER_DARK: \"#111212\",\n  DARK: \"#1e1f21\",\n  MEDIUM: \"#232629\",\n  MEDIUM_LIGHT: \"#2b2d30\",\n  LIGHT: LIGHT_GRAY,\n  LIGHTEST: \"#63676b\",\n  SUPER_LIGHT: \"#8a8e91\",\n  WHITE: \"#f7f9fb\",\n};\n\nexport const DARK_SECONDARY = {\n  SUPER_DARK: \"#142736\",\n  DARK: \"#22445d\",\n  MEDIUM: \"#306082\",\n  MEDIUM_LIGHT: \"#3e7ca8\",\n  LIGHT: \"#5795c1\",\n  LIGHTEST: \"#a2c4dd\",\n  SUPER_LIGHT: \"#dae7f1\",\n  WHITE: \"#f7f9fb\",\n};\n\nexport const DARK_PALETTE: ProtonPalette = {\n  BASE_COLOR: BACKGROUNDS.BLACK,\n  BRAND,\n  GRAYSCALE: DARK_GRAYSCALE,\n  PRIMARY: BRAND_PRIMARY_SCALE,\n  SECONDARY: DARK_SECONDARY,\n} as const;\n"],"names":["LIGHT_GRAY","BORDER","ELEVATION","DARK_GRAYSCALE","DARK_SECONDARY","DARK_PALETTE","BACKGROUNDS","BRAND","BRAND_PRIMARY_SCALE"],"mappings":"qDAGMA,EAAa,UACNC,EAASD,EACTE,EAAY,2BACZC,EAAmC,CAC9C,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,aAAc,UACd,MAAOH,EACP,SAAU,UACV,YAAa,UACb,MAAO,SACT,EAEaI,EAAiB,CAC5B,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,aAAc,UACd,MAAO,UACP,SAAU,UACV,YAAa,UACb,MAAO,SACT,EAEaC,EAA8B,CACzC,WAAYC,EAAY,YAAA,MAAA,MACxBC,EAAA,MACA,UAAWJ,EACX,QAASK,EAAA,oBACT,UAAWJ,CACb"}

package/dist/{design/darkTheme/colors.es.js → colors-Ceyo4oCJ.mjs}

@@ -1,5 +1,5 @@
-import { BACKGROUNDS as A, BRAND as E, BRAND_PRIMARY_SCALE as I } from "../colors.es.js";
-const R = "#43464a", G = R, S = "rgba(174, 175, 177, 0.2)", D = {
+import { B as A, a as E, b as D } from "./colors-CWaj9dFz.mjs";
+const R = "#43464a", T = R, s = "rgba(174, 175, 177, 0.2)", I = {
   SUPER_DARK: "#111212",
   DARK: "#1e1f21",
   MEDIUM: "#232629",
@@ -8,7 +8,7 @@ const R = "#43464a", G = R, S = "rgba(174, 175, 177, 0.2)", D = {
   LIGHTEST: "#63676b",
   SUPER_LIGHT: "#8a8e91",
   WHITE: "#f7f9fb"
-}, L = {
+}, a = {
   SUPER_DARK: "#142736",
   DARK: "#22445d",
   MEDIUM: "#306082",
@@ -17,18 +17,18 @@ const R = "#43464a", G = R, S = "rgba(174, 175, 177, 0.2)", D = {
   LIGHTEST: "#a2c4dd",
   SUPER_LIGHT: "#dae7f1",
   WHITE: "#f7f9fb"
-}, _ = {
+}, G = {
   BASE_COLOR: A.BLACK,
   BRAND: E,
-  GRAYSCALE: D,
-  PRIMARY: I,
-  SECONDARY: L
+  GRAYSCALE: I,
+  PRIMARY: D,
+  SECONDARY: a
 };
 export {
-  G as BORDER,
-  D as DARK_GRAYSCALE,
-  _ as DARK_PALETTE,
-  L as DARK_SECONDARY,
-  S as ELEVATION
+  T as B,
+  G as D,
+  s as E,
+  I as a,
+  a as b
 };
-//# sourceMappingURL=colors.es.js.map
+//# sourceMappingURL=colors-Ceyo4oCJ.mjs.map

package/dist/colors-Ceyo4oCJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-Ceyo4oCJ.mjs","sources":["../src/design/darkTheme/colors.ts"],"sourcesContent":["import { BACKGROUNDS, BRAND, BRAND_PRIMARY_SCALE } from \"../colors\";\nimport type { ProtonColorScale, ProtonPalette } from \"../types\";\n\nconst LIGHT_GRAY = \"#43464a\";\nexport const BORDER = LIGHT_GRAY;\nexport const ELEVATION = \"rgba(174, 175, 177, 0.2)\";\nexport const DARK_GRAYSCALE: ProtonColorScale = {\n  SUPER_DARK: \"#111212\",\n  DARK: \"#1e1f21\",\n  MEDIUM: \"#232629\",\n  MEDIUM_LIGHT: \"#2b2d30\",\n  LIGHT: LIGHT_GRAY,\n  LIGHTEST: \"#63676b\",\n  SUPER_LIGHT: \"#8a8e91\",\n  WHITE: \"#f7f9fb\",\n};\n\nexport const DARK_SECONDARY = {\n  SUPER_DARK: \"#142736\",\n  DARK: \"#22445d\",\n  MEDIUM: \"#306082\",\n  MEDIUM_LIGHT: \"#3e7ca8\",\n  LIGHT: \"#5795c1\",\n  LIGHTEST: \"#a2c4dd\",\n  SUPER_LIGHT: \"#dae7f1\",\n  WHITE: \"#f7f9fb\",\n};\n\nexport const DARK_PALETTE: ProtonPalette = {\n  BASE_COLOR: BACKGROUNDS.BLACK,\n  BRAND,\n  GRAYSCALE: DARK_GRAYSCALE,\n  PRIMARY: BRAND_PRIMARY_SCALE,\n  SECONDARY: DARK_SECONDARY,\n} as const;\n"],"names":["LIGHT_GRAY","BORDER","ELEVATION","DARK_GRAYSCALE","DARK_SECONDARY","DARK_PALETTE","BACKGROUNDS","BRAND","BRAND_PRIMARY_SCALE"],"mappings":";AAGA,MAAMA,IAAa,WACNC,IAASD,GACTE,IAAY,4BACZC,IAAmC;AAAA,EAC9C,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAOH;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACT,GAEaI,IAAiB;AAAA,EAC5B,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACT,GAEaC,IAA8B;AAAA,EACzC,YAAYC,EAAY;AAAA,EACxB,OAAAC;AAAA,EACA,WAAWJ;AAAA,EACX,SAASK;AAAA,EACT,WAAWJ;AACb;"}

package/dist/colors-CmSJBHaf.js

@@ -0,0 +1,2 @@
+"use strict";const R={BLACK:"#121212",WHITE:"#FFFFFF"},I={PRIMARY:"#E26014",PRIMARY_LIGHT:"#FBE5D7",PRIMARY_SUPER_LIGHT:"#FFF7F0",SECONDARY:"#2a9edb",SECONDARY_LIGHT:"#b5d9ff",SECONDARY_SUPER_LIGHT:"#d9e7fa"},A={SUPER_DARK:"#2d1304",DARK:"#5a2608",MEDIUM:"#883a0c",MEDIUM_LIGHT:"#b54d10",LIGHT:"#e88043",LIGHTEST:"#eea072",SUPER_LIGHT:"#f9dfd0",WHITE:"#fcfbfa"},E={SUPER_DARK:"#991b1b",DARK:"#a80724",MEDIUM:"#e23f5c",LIGHT:"#f16880",SUPER_LIGHT:"#ffe1e1"},D={DARK:"#8b5600",MEDIUM:"#b37208",LIGHT:"#ffac23",SUPER_LIGHT:"#fff0c9"},S={DARK:"#247800",MEDIUM:"#339a07",LIGHT:"#66cf39",SUPER_LIGHT:"#deffd1"};exports.BACKGROUNDS=R;exports.BRAND=I;exports.BRAND_PRIMARY_SCALE=A;exports.DANGER=E;exports.SUCCESS=S;exports.WARNING=D;
+//# sourceMappingURL=colors-CmSJBHaf.js.map

package/dist/colors-CmSJBHaf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-CmSJBHaf.js","sources":["../src/design/colors.ts"],"sourcesContent":["import { ProtonColorScale, ProtonPalette } from \"./types\";\n\n/* Base Colors */\n\nexport const BACKGROUNDS = {\n  BLACK: \"#121212\",\n  WHITE: \"#FFFFFF\",\n};\n\nexport const BRAND: ProtonPalette[\"BRAND\"] = {\n  PRIMARY: \"#E26014\",\n  PRIMARY_LIGHT: \"#FBE5D7\",\n  PRIMARY_SUPER_LIGHT: \"#FFF7F0\",\n  SECONDARY: \"#2a9edb\",\n  SECONDARY_LIGHT: \"#b5d9ff\",\n  SECONDARY_SUPER_LIGHT: \"#d9e7fa\",\n};\n\nexport const BRAND_PRIMARY_SCALE: ProtonColorScale = {\n  SUPER_DARK: \"#2d1304\",\n  DARK: \"#5a2608\",\n  MEDIUM: \"#883a0c\",\n  MEDIUM_LIGHT: \"#b54d10\",\n  LIGHT: \"#e88043\",\n  LIGHTEST: \"#eea072\",\n  SUPER_LIGHT: \"#f9dfd0\",\n  WHITE: \"#fcfbfa\",\n};\n\n/* Semantic Colors */\n\nexport const DANGER: Partial<ProtonColorScale> = {\n  SUPER_DARK: \"#991b1b\",\n  DARK: \"#a80724\",\n  MEDIUM: \"#e23f5c\",\n  LIGHT: \"#f16880\",\n  SUPER_LIGHT: \"#ffe1e1\",\n};\n\nexport const WARNING: Partial<ProtonColorScale> = {\n  DARK: \"#8b5600\",\n  MEDIUM: \"#b37208\",\n  LIGHT: \"#ffac23\",\n  SUPER_LIGHT: \"#fff0c9\",\n};\n\nexport const SUCCESS: Partial<ProtonColorScale> = {\n  DARK: \"#247800\",\n  MEDIUM: \"#339a07\",\n  LIGHT: \"#66cf39\",\n  SUPER_LIGHT: \"#deffd1\",\n};\n"],"names":["BACKGROUNDS","BRAND","BRAND_PRIMARY_SCALE","DANGER","WARNING","SUCCESS"],"mappings":"aAIO,MAAMA,EAAc,CACzB,MAAO,UACP,MAAO,SACT,EAEaC,EAAgC,CAC3C,QAAS,UACT,cAAe,UACf,oBAAqB,UACrB,UAAW,UACX,gBAAiB,UACjB,sBAAuB,SACzB,EAEaC,EAAwC,CACnD,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,aAAc,UACd,MAAO,UACP,SAAU,UACV,YAAa,UACb,MAAO,SACT,EAIaC,EAAoC,CAC/C,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,MAAO,UACP,YAAa,SACf,EAEaC,EAAqC,CAChD,KAAM,UACN,OAAQ,UACR,MAAO,UACP,YAAa,SACf,EAEaC,EAAqC,CAChD,KAAM,UACN,OAAQ,UACR,MAAO,UACP,YAAa,SACf"}

package/dist/colors-DL1dYffC.js

@@ -0,0 +1,2 @@
+"use strict";const E=require("./colors-CmSJBHaf.js"),D="#DDDDDD",L=D,A="#F7F8F9",R={SUPER_DARK:"#141211",DARK:"#4D4D4D",MEDIUM:"#7D7D7D",MEDIUM_LIGHT:"#B1B1B1",LIGHT:D,LIGHTEST:"#F0F1F2",SUPER_LIGHT:A,WHITE:"#FFFFFF"},I={SUPER_DARK:"#032026",DARK:"#084657",MEDIUM:"#2085BA",MEDIUM_LIGHT:"#44A8EB",LIGHT:"#70B9F6",LIGHTEST:"#9DCBFC",SUPER_LIGHT:"#C8DFFF",WHITE:"#f5f9ff"},T={BASE_COLOR:E.BACKGROUNDS.WHITE,BRAND:E.BRAND,GRAYSCALE:R,PRIMARY:E.BRAND_PRIMARY_SCALE,SECONDARY:I};exports.BORDER=L;exports.ELEVATION=A;exports.LIGHT_GRAYSCALE=R;exports.LIGHT_PALETTE=T;exports.LIGHT_SECONDARY_SCALE=I;
+//# sourceMappingURL=colors-DL1dYffC.js.map

package/dist/colors-DL1dYffC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-DL1dYffC.js","sources":["../src/design/lightTheme/colors.ts"],"sourcesContent":["import {\n  BACKGROUNDS,\n  BRAND,\n  BRAND_PRIMARY_SCALE,\n} from \"../colors\";\nimport { ProtonColorScale, ProtonPalette } from \"../types\";\n\nconst LIGHT_GRAY = \"#DDDDDD\";\nexport const BORDER = LIGHT_GRAY;\nexport const ELEVATION = \"#F7F8F9\";\nexport const LIGHT_GRAYSCALE: ProtonColorScale = {\n  SUPER_DARK: \"#141211\",\n  DARK: \"#4D4D4D\",\n  MEDIUM: \"#7D7D7D\",\n  MEDIUM_LIGHT: \"#B1B1B1\",\n  LIGHT: LIGHT_GRAY,\n  LIGHTEST: \"#F0F1F2\",\n  SUPER_LIGHT: ELEVATION,\n  WHITE: \"#FFFFFF\",\n};\n\nexport const LIGHT_SECONDARY_SCALE: ProtonColorScale = {\n  SUPER_DARK: \"#032026\",\n  DARK: \"#084657\",\n  MEDIUM: \"#2085BA\",\n  MEDIUM_LIGHT: \"#44A8EB\",\n  LIGHT: \"#70B9F6\",\n  LIGHTEST: \"#9DCBFC\",\n  SUPER_LIGHT: \"#C8DFFF\",\n  WHITE: \"#f5f9ff\",\n};\n\nexport const LIGHT_PALETTE: ProtonPalette = {\n  BASE_COLOR: BACKGROUNDS.WHITE,\n  BRAND,\n  GRAYSCALE: LIGHT_GRAYSCALE,\n  PRIMARY: BRAND_PRIMARY_SCALE,\n  SECONDARY: LIGHT_SECONDARY_SCALE,\n};\n"],"names":["LIGHT_GRAY","BORDER","ELEVATION","LIGHT_GRAYSCALE","LIGHT_SECONDARY_SCALE","LIGHT_PALETTE","BACKGROUNDS","BRAND","BRAND_PRIMARY_SCALE"],"mappings":"qDAOMA,EAAa,UACNC,EAASD,EACTE,EAAY,UACZC,EAAoC,CAC/C,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,aAAc,UACd,MAAOH,EACP,SAAU,UACV,YAAaE,EACb,MAAO,SACT,EAEaE,EAA0C,CACrD,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,aAAc,UACd,MAAO,UACP,SAAU,UACV,YAAa,UACb,MAAO,SACT,EAEaC,EAA+B,CAC1C,WAAYC,EAAY,YAAA,MAAA,MACxBC,EAAA,MACA,UAAWJ,EACX,QAASK,EAAA,oBACT,UAAWJ,CACb"}

package/dist/{design/lightTheme/colors.es.js → colors-DMkDnu4U.mjs}

@@ -1,5 +1,5 @@
-import { BACKGROUNDS as E, BRAND as A, BRAND_PRIMARY_SCALE as R } from "../colors.es.js";
-const D = "#DDDDDD", G = D, I = "#F7F8F9", T = {
+import { B as E, a as A, b as R } from "./colors-CWaj9dFz.mjs";
+const D = "#DDDDDD", G = D, I = "#F7F8F9", L = {
   SUPER_DARK: "#141211",
   DARK: "#4D4D4D",
   MEDIUM: "#7D7D7D",
@@ -8,7 +8,7 @@ const D = "#DDDDDD", G = D, I = "#F7F8F9", T = {
   LIGHTEST: "#F0F1F2",
   SUPER_LIGHT: I,
   WHITE: "#FFFFFF"
-}, L = {
+}, T = {
   SUPER_DARK: "#032026",
   DARK: "#084657",
   MEDIUM: "#2085BA",
@@ -20,15 +20,15 @@ const D = "#DDDDDD", G = D, I = "#F7F8F9", T = {
 }, H = {
   BASE_COLOR: E.WHITE,
   BRAND: A,
-  GRAYSCALE: T,
+  GRAYSCALE: L,
   PRIMARY: R,
-  SECONDARY: L
+  SECONDARY: T
 };
 export {
-  G as BORDER,
-  I as ELEVATION,
-  T as LIGHT_GRAYSCALE,
-  H as LIGHT_PALETTE,
-  L as LIGHT_SECONDARY_SCALE
+  G as B,
+  I as E,
+  H as L,
+  L as a,
+  T as b
 };
-//# sourceMappingURL=colors.es.js.map
+//# sourceMappingURL=colors-DMkDnu4U.mjs.map

package/dist/colors-DMkDnu4U.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-DMkDnu4U.mjs","sources":["../src/design/lightTheme/colors.ts"],"sourcesContent":["import {\n  BACKGROUNDS,\n  BRAND,\n  BRAND_PRIMARY_SCALE,\n} from \"../colors\";\nimport { ProtonColorScale, ProtonPalette } from \"../types\";\n\nconst LIGHT_GRAY = \"#DDDDDD\";\nexport const BORDER = LIGHT_GRAY;\nexport const ELEVATION = \"#F7F8F9\";\nexport const LIGHT_GRAYSCALE: ProtonColorScale = {\n  SUPER_DARK: \"#141211\",\n  DARK: \"#4D4D4D\",\n  MEDIUM: \"#7D7D7D\",\n  MEDIUM_LIGHT: \"#B1B1B1\",\n  LIGHT: LIGHT_GRAY,\n  LIGHTEST: \"#F0F1F2\",\n  SUPER_LIGHT: ELEVATION,\n  WHITE: \"#FFFFFF\",\n};\n\nexport const LIGHT_SECONDARY_SCALE: ProtonColorScale = {\n  SUPER_DARK: \"#032026\",\n  DARK: \"#084657\",\n  MEDIUM: \"#2085BA\",\n  MEDIUM_LIGHT: \"#44A8EB\",\n  LIGHT: \"#70B9F6\",\n  LIGHTEST: \"#9DCBFC\",\n  SUPER_LIGHT: \"#C8DFFF\",\n  WHITE: \"#f5f9ff\",\n};\n\nexport const LIGHT_PALETTE: ProtonPalette = {\n  BASE_COLOR: BACKGROUNDS.WHITE,\n  BRAND,\n  GRAYSCALE: LIGHT_GRAYSCALE,\n  PRIMARY: BRAND_PRIMARY_SCALE,\n  SECONDARY: LIGHT_SECONDARY_SCALE,\n};\n"],"names":["LIGHT_GRAY","BORDER","ELEVATION","LIGHT_GRAYSCALE","LIGHT_SECONDARY_SCALE","LIGHT_PALETTE","BACKGROUNDS","BRAND","BRAND_PRIMARY_SCALE"],"mappings":";AAOA,MAAMA,IAAa,WACNC,IAASD,GACTE,IAAY,WACZC,IAAoC;AAAA,EAC/C,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAOH;AAAA,EACP,UAAU;AAAA,EACV,aAAaE;AAAA,EACb,OAAO;AACT,GAEaE,IAA0C;AAAA,EACrD,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACT,GAEaC,IAA+B;AAAA,EAC1C,YAAYC,EAAY;AAAA,EACxB,OAAAC;AAAA,EACA,WAAWJ;AAAA,EACX,SAASK;AAAA,EACT,WAAWJ;AACb;"}

package/dist/constants.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./constants/breakpoint.cjs.js"),t=require("./constants/placement.cjs.js");exports.BREAKPOINTS=e.BREAKPOINTS;exports.placements=t.placements;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./breakpoint-DtqbboOa.js"),o=["bottom","bottom left","bottom right","bottom start","bottom end","top","top left","top right","top start","top end","left","left top","left bottom","start","start top","start bottom","right","right top","right bottom","end","end top","end bottom"];exports.BREAKPOINTS=t.BREAKPOINTS;exports.placements=o;
 //# sourceMappingURL=constants.cjs.js.map

package/dist/constants.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"constants.cjs.js","sources":["../src/constants/placement.ts"],"sourcesContent":["import { Placement } from \"react-aria\";\n\nexport const placements: Placement[] = [\n  \"bottom\",\n  \"bottom left\",\n  \"bottom right\",\n  \"bottom start\",\n  \"bottom end\",\n  \"top\",\n  \"top left\",\n  \"top right\",\n  \"top start\",\n  \"top end\",\n  \"left\",\n  \"left top\",\n  \"left bottom\",\n  \"start\",\n  \"start top\",\n  \"start bottom\",\n  \"right\",\n  \"right top\",\n  \"right bottom\",\n  \"end\",\n  \"end top\",\n  \"end bottom\",\n];\n"],"names":["placements"],"mappings":"4HAEaA,EAA0B,CACrC,SACA,cACA,eACA,eACA,aACA,MACA,WACA,YACA,YACA,UACA,OACA,WACA,cACA,QACA,YACA,eACA,QACA,YACA,eACA,MACA,UACA,YACF"}

package/dist/constants.es.js

@@ -1,7 +1,30 @@
-import { BREAKPOINTS as r } from "./constants/breakpoint.es.js";
-import { placements as p } from "./constants/placement.es.js";
+import { B as r } from "./breakpoint-9y1_8U_b.mjs";
+const t = [
+  "bottom",
+  "bottom left",
+  "bottom right",
+  "bottom start",
+  "bottom end",
+  "top",
+  "top left",
+  "top right",
+  "top start",
+  "top end",
+  "left",
+  "left top",
+  "left bottom",
+  "start",
+  "start top",
+  "start bottom",
+  "right",
+  "right top",
+  "right bottom",
+  "end",
+  "end top",
+  "end bottom"
+];
 export {
   r as BREAKPOINTS,
-  p as placements
+  t as placements
 };
 //# sourceMappingURL=constants.es.js.map

package/dist/constants.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"constants.es.js","sources":["../src/constants/placement.ts"],"sourcesContent":["import { Placement } from \"react-aria\";\n\nexport const placements: Placement[] = [\n  \"bottom\",\n  \"bottom left\",\n  \"bottom right\",\n  \"bottom start\",\n  \"bottom end\",\n  \"top\",\n  \"top left\",\n  \"top right\",\n  \"top start\",\n  \"top end\",\n  \"left\",\n  \"left top\",\n  \"left bottom\",\n  \"start\",\n  \"start top\",\n  \"start bottom\",\n  \"right\",\n  \"right top\",\n  \"right bottom\",\n  \"end\",\n  \"end top\",\n  \"end bottom\",\n];\n"],"names":["placements"],"mappings":";AAEO,MAAMA,IAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/dark.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./design/darkTheme/colors.cjs.js"),E=require("./design/darkTheme/stylesheet.cjs.js");exports.DARK_BORDER=A.BORDER;exports.DARK_ELEVATION=A.ELEVATION;exports.DARK_GRAYSCALE=A.DARK_GRAYSCALE;exports.DARK_PALETTE=A.DARK_PALETTE;exports.DARK_SECONDARY=A.DARK_SECONDARY;exports.DARK_STYLESHEET=E.DARK_STYLESHEET;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./colors-CebzFjpe.js"),_=require("./color2k-DCgwXUem.js"),o=require("./colors-CmSJBHaf.js"),A={"--proton-control__background-color":r.DARK_GRAYSCALE.DARK,"--proton-control__background-color-light":r.ELEVATION,"--proton-control__text-color":r.DARK_GRAYSCALE.WHITE,"--proton-control__title-color":"#FFFFFF","--proton-control__border-color":r.BORDER,"--proton-control__hover-color":r.DARK_GRAYSCALE.MEDIUM,"--proton-control__shadow-color":_.transparentize(r.DARK_GRAYSCALE.LIGHTEST,.5),"--proton-control__border-radius":"4px","--proton-control__interactive-color":o.BRAND.PRIMARY_LIGHT,"--proton-color__primary":o.BRAND.PRIMARY,"--proton-color__primary-light":o.BRAND.PRIMARY_LIGHT,"--proton-color__primary-super-light":o.BRAND.PRIMARY_SUPER_LIGHT,"--proton-color__secondary":o.BRAND.SECONDARY,"--proton-color__secondary-light":o.BRAND.SECONDARY_LIGHT,"--proton-color__secondary-super-light":o.BRAND.SECONDARY_SUPER_LIGHT,"--proton-color__danger-super-dark":o.DANGER.SUPER_DARK,"--proton-color__danger-dark":o.DANGER.DARK,"--proton-color__danger-medium":o.DANGER.MEDIUM,"--proton-color__danger-light":o.DANGER.LIGHT,"--proton-color__danger-super-light":o.DANGER.SUPER_LIGHT,"--proton-color__warning-dark":o.WARNING.DARK,"--proton-color__warning-medium":o.WARNING.MEDIUM,"--proton-color__warning-light":o.WARNING.LIGHT,"--proton-color__warning-super-light":o.WARNING.SUPER_LIGHT,"--proton-color__success-dark":o.SUCCESS.DARK,"--proton-color__success-medium":o.SUCCESS.MEDIUM,"--proton-color__success-light":o.SUCCESS.LIGHT,"--proton-color__success-super-light":o.SUCCESS.SUPER_LIGHT,"--proton-color__gray-super-dark":r.DARK_GRAYSCALE.SUPER_DARK,"--proton-color__gray-dark":r.DARK_GRAYSCALE.DARK,"--proton-color__gray-medium":r.DARK_GRAYSCALE.MEDIUM,"--proton-color__gray-medium-light":r.DARK_GRAYSCALE.MEDIUM_LIGHT,"--proton-color__gray-light":r.DARK_GRAYSCALE.LIGHT,"--proton-color__gray-lightest":r.DARK_GRAYSCALE.LIGHTEST,"--proton-color__gray-super-light":r.DARK_GRAYSCALE.SUPER_LIGHT,"--proton-color__white":r.DARK_GRAYSCALE.WHITE};exports.DARK_BORDER=r.BORDER;exports.DARK_ELEVATION=r.ELEVATION;exports.DARK_GRAYSCALE=r.DARK_GRAYSCALE;exports.DARK_PALETTE=r.DARK_PALETTE;exports.DARK_SECONDARY=r.DARK_SECONDARY;exports.DARK_STYLESHEET=A;
 //# sourceMappingURL=dark.cjs.js.map

package/dist/dark.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"dark.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"dark.cjs.js","sources":["../src/design/darkTheme/stylesheet.ts"],"sourcesContent":["import { transparentize } from \"../../utils/color2k\";\nimport { BORDER, DARK_GRAYSCALE, ELEVATION } from \"./colors\";\nimport { DANGER, WARNING, SUCCESS, BRAND } from \"../colors\";\nimport type { ProtonStyleSheet } from \"../types\";\n\nexport const DARK_STYLESHEET: ProtonStyleSheet = {\n  // Control/component colors\n  \"--proton-control__background-color\": DARK_GRAYSCALE.DARK,\n  \"--proton-control__background-color-light\": ELEVATION,\n  \"--proton-control__text-color\": DARK_GRAYSCALE.WHITE,\n  \"--proton-control__title-color\": \"#FFFFFF\",\n  \"--proton-control__border-color\": BORDER,\n  \"--proton-control__hover-color\": DARK_GRAYSCALE.MEDIUM,\n  \"--proton-control__shadow-color\": transparentize(\n    DARK_GRAYSCALE.LIGHTEST,\n    0.5\n  ),\n  \"--proton-control__border-radius\": \"4px\",\n  \"--proton-control__interactive-color\": BRAND.PRIMARY_LIGHT,\n\n  // Brand colors\n  \"--proton-color__primary\": BRAND.PRIMARY,\n  \"--proton-color__primary-light\": BRAND.PRIMARY_LIGHT,\n  \"--proton-color__primary-super-light\": BRAND.PRIMARY_SUPER_LIGHT,\n  \"--proton-color__secondary\": BRAND.SECONDARY,\n  \"--proton-color__secondary-light\": BRAND.SECONDARY_LIGHT,\n  \"--proton-color__secondary-super-light\": BRAND.SECONDARY_SUPER_LIGHT,\n\n  // Semantic colors\n  \"--proton-color__danger-super-dark\": DANGER.SUPER_DARK,\n  \"--proton-color__danger-dark\": DANGER.DARK,\n  \"--proton-color__danger-medium\": DANGER.MEDIUM,\n  \"--proton-color__danger-light\": DANGER.LIGHT,\n  \"--proton-color__danger-super-light\": DANGER.SUPER_LIGHT,\n  \"--proton-color__warning-dark\": WARNING.DARK,\n  \"--proton-color__warning-medium\": WARNING.MEDIUM,\n  \"--proton-color__warning-light\": WARNING.LIGHT,\n  \"--proton-color__warning-super-light\": WARNING.SUPER_LIGHT,\n  \"--proton-color__success-dark\": SUCCESS.DARK,\n  \"--proton-color__success-medium\": SUCCESS.MEDIUM,\n  \"--proton-color__success-light\": SUCCESS.LIGHT,\n  \"--proton-color__success-super-light\": SUCCESS.SUPER_LIGHT,\n\n  // Grayscale colors\n  \"--proton-color__gray-super-dark\": DARK_GRAYSCALE.SUPER_DARK,\n  \"--proton-color__gray-dark\": DARK_GRAYSCALE.DARK,\n  \"--proton-color__gray-medium\": DARK_GRAYSCALE.MEDIUM,\n  \"--proton-color__gray-medium-light\": DARK_GRAYSCALE.MEDIUM_LIGHT,\n  \"--proton-color__gray-light\": DARK_GRAYSCALE.LIGHT,\n  \"--proton-color__gray-lightest\": DARK_GRAYSCALE.LIGHTEST,\n  \"--proton-color__gray-super-light\": DARK_GRAYSCALE.SUPER_LIGHT,\n  \"--proton-color__white\": DARK_GRAYSCALE.WHITE,\n};\n"],"names":["DARK_STYLESHEET","DARK_GRAYSCALE","ELEVATION","BORDER","transparentize","BRAND","DANGER","WARNING","SUCCESS"],"mappings":"6LAKaA,EAAoC,CAE/C,qCAAsCC,EAAe,eAAA,KACrD,2CAA4CC,EAAA,UAC5C,+BAAgCD,EAAe,eAAA,MAC/C,gCAAiC,UACjC,iCAAkCE,EAAA,OAClC,gCAAiCF,EAAe,eAAA,OAChD,iCAAkCG,EAAA,eAChCH,EAAAA,eAAe,SACf,EACF,EACA,kCAAmC,MACnC,sCAAuCI,EAAM,MAAA,cAG7C,0BAA2BA,EAAM,MAAA,QACjC,gCAAiCA,EAAM,MAAA,cACvC,sCAAuCA,EAAM,MAAA,oBAC7C,4BAA6BA,EAAM,MAAA,UACnC,kCAAmCA,EAAM,MAAA,gBACzC,wCAAyCA,EAAM,MAAA,sBAG/C,oCAAqCC,EAAO,OAAA,WAC5C,8BAA+BA,EAAO,OAAA,KACtC,gCAAiCA,EAAO,OAAA,OACxC,+BAAgCA,EAAO,OAAA,MACvC,qCAAsCA,EAAO,OAAA,YAC7C,+BAAgCC,EAAQ,QAAA,KACxC,iCAAkCA,EAAQ,QAAA,OAC1C,gCAAiCA,EAAQ,QAAA,MACzC,sCAAuCA,EAAQ,QAAA,YAC/C,+BAAgCC,EAAQ,QAAA,KACxC,iCAAkCA,EAAQ,QAAA,OAC1C,gCAAiCA,EAAQ,QAAA,MACzC,sCAAuCA,EAAQ,QAAA,YAG/C,kCAAmCP,EAAe,eAAA,WAClD,4BAA6BA,EAAe,eAAA,KAC5C,8BAA+BA,EAAe,eAAA,OAC9C,oCAAqCA,EAAe,eAAA,aACpD,6BAA8BA,EAAe,eAAA,MAC7C,gCAAiCA,EAAe,eAAA,SAChD,mCAAoCA,EAAe,eAAA,YACnD,wBAAyBA,EAAe,eAAA,KAC1C"}

package/dist/dark.es.js

@@ -1,11 +1,58 @@
-import { BORDER as R, ELEVATION as D, DARK_GRAYSCALE as K, DARK_PALETTE as T, DARK_SECONDARY as _ } from "./design/darkTheme/colors.es.js";
-import { DARK_STYLESHEET as O } from "./design/darkTheme/stylesheet.es.js";
+import { a as o, E as l, B as c } from "./colors-Ceyo4oCJ.mjs";
+import { D as g, b as I } from "./colors-Ceyo4oCJ.mjs";
+import { t as p } from "./color2k-CpDB_dpw.mjs";
+import { a as r, D as _, W as t, S as n } from "./colors-CWaj9dFz.mjs";
+const e = {
+  // Control/component colors
+  "--proton-control__background-color": o.DARK,
+  "--proton-control__background-color-light": l,
+  "--proton-control__text-color": o.WHITE,
+  "--proton-control__title-color": "#FFFFFF",
+  "--proton-control__border-color": c,
+  "--proton-control__hover-color": o.MEDIUM,
+  "--proton-control__shadow-color": p(
+    o.LIGHTEST,
+    0.5
+  ),
+  "--proton-control__border-radius": "4px",
+  "--proton-control__interactive-color": r.PRIMARY_LIGHT,
+  // Brand colors
+  "--proton-color__primary": r.PRIMARY,
+  "--proton-color__primary-light": r.PRIMARY_LIGHT,
+  "--proton-color__primary-super-light": r.PRIMARY_SUPER_LIGHT,
+  "--proton-color__secondary": r.SECONDARY,
+  "--proton-color__secondary-light": r.SECONDARY_LIGHT,
+  "--proton-color__secondary-super-light": r.SECONDARY_SUPER_LIGHT,
+  // Semantic colors
+  "--proton-color__danger-super-dark": _.SUPER_DARK,
+  "--proton-color__danger-dark": _.DARK,
+  "--proton-color__danger-medium": _.MEDIUM,
+  "--proton-color__danger-light": _.LIGHT,
+  "--proton-color__danger-super-light": _.SUPER_LIGHT,
+  "--proton-color__warning-dark": t.DARK,
+  "--proton-color__warning-medium": t.MEDIUM,
+  "--proton-color__warning-light": t.LIGHT,
+  "--proton-color__warning-super-light": t.SUPER_LIGHT,
+  "--proton-color__success-dark": n.DARK,
+  "--proton-color__success-medium": n.MEDIUM,
+  "--proton-color__success-light": n.LIGHT,
+  "--proton-color__success-super-light": n.SUPER_LIGHT,
+  // Grayscale colors
+  "--proton-color__gray-super-dark": o.SUPER_DARK,
+  "--proton-color__gray-dark": o.DARK,
+  "--proton-color__gray-medium": o.MEDIUM,
+  "--proton-color__gray-medium-light": o.MEDIUM_LIGHT,
+  "--proton-color__gray-light": o.LIGHT,
+  "--proton-color__gray-lightest": o.LIGHTEST,
+  "--proton-color__gray-super-light": o.SUPER_LIGHT,
+  "--proton-color__white": o.WHITE
+};
 export {
-  R as DARK_BORDER,
-  D as DARK_ELEVATION,
-  K as DARK_GRAYSCALE,
-  T as DARK_PALETTE,
-  _ as DARK_SECONDARY,
-  O as DARK_STYLESHEET
+  c as DARK_BORDER,
+  l as DARK_ELEVATION,
+  o as DARK_GRAYSCALE,
+  g as DARK_PALETTE,
+  I as DARK_SECONDARY,
+  e as DARK_STYLESHEET
 };
 //# sourceMappingURL=dark.es.js.map

package/dist/dark.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"dark.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"dark.es.js","sources":["../src/design/darkTheme/stylesheet.ts"],"sourcesContent":["import { transparentize } from \"../../utils/color2k\";\nimport { BORDER, DARK_GRAYSCALE, ELEVATION } from \"./colors\";\nimport { DANGER, WARNING, SUCCESS, BRAND } from \"../colors\";\nimport type { ProtonStyleSheet } from \"../types\";\n\nexport const DARK_STYLESHEET: ProtonStyleSheet = {\n  // Control/component colors\n  \"--proton-control__background-color\": DARK_GRAYSCALE.DARK,\n  \"--proton-control__background-color-light\": ELEVATION,\n  \"--proton-control__text-color\": DARK_GRAYSCALE.WHITE,\n  \"--proton-control__title-color\": \"#FFFFFF\",\n  \"--proton-control__border-color\": BORDER,\n  \"--proton-control__hover-color\": DARK_GRAYSCALE.MEDIUM,\n  \"--proton-control__shadow-color\": transparentize(\n    DARK_GRAYSCALE.LIGHTEST,\n    0.5\n  ),\n  \"--proton-control__border-radius\": \"4px\",\n  \"--proton-control__interactive-color\": BRAND.PRIMARY_LIGHT,\n\n  // Brand colors\n  \"--proton-color__primary\": BRAND.PRIMARY,\n  \"--proton-color__primary-light\": BRAND.PRIMARY_LIGHT,\n  \"--proton-color__primary-super-light\": BRAND.PRIMARY_SUPER_LIGHT,\n  \"--proton-color__secondary\": BRAND.SECONDARY,\n  \"--proton-color__secondary-light\": BRAND.SECONDARY_LIGHT,\n  \"--proton-color__secondary-super-light\": BRAND.SECONDARY_SUPER_LIGHT,\n\n  // Semantic colors\n  \"--proton-color__danger-super-dark\": DANGER.SUPER_DARK,\n  \"--proton-color__danger-dark\": DANGER.DARK,\n  \"--proton-color__danger-medium\": DANGER.MEDIUM,\n  \"--proton-color__danger-light\": DANGER.LIGHT,\n  \"--proton-color__danger-super-light\": DANGER.SUPER_LIGHT,\n  \"--proton-color__warning-dark\": WARNING.DARK,\n  \"--proton-color__warning-medium\": WARNING.MEDIUM,\n  \"--proton-color__warning-light\": WARNING.LIGHT,\n  \"--proton-color__warning-super-light\": WARNING.SUPER_LIGHT,\n  \"--proton-color__success-dark\": SUCCESS.DARK,\n  \"--proton-color__success-medium\": SUCCESS.MEDIUM,\n  \"--proton-color__success-light\": SUCCESS.LIGHT,\n  \"--proton-color__success-super-light\": SUCCESS.SUPER_LIGHT,\n\n  // Grayscale colors\n  \"--proton-color__gray-super-dark\": DARK_GRAYSCALE.SUPER_DARK,\n  \"--proton-color__gray-dark\": DARK_GRAYSCALE.DARK,\n  \"--proton-color__gray-medium\": DARK_GRAYSCALE.MEDIUM,\n  \"--proton-color__gray-medium-light\": DARK_GRAYSCALE.MEDIUM_LIGHT,\n  \"--proton-color__gray-light\": DARK_GRAYSCALE.LIGHT,\n  \"--proton-color__gray-lightest\": DARK_GRAYSCALE.LIGHTEST,\n  \"--proton-color__gray-super-light\": DARK_GRAYSCALE.SUPER_LIGHT,\n  \"--proton-color__white\": DARK_GRAYSCALE.WHITE,\n};\n"],"names":["DARK_STYLESHEET","DARK_GRAYSCALE","ELEVATION","BORDER","transparentize","BRAND","DANGER","WARNING","SUCCESS"],"mappings":";;;;AAKO,MAAMA,IAAoC;AAAA;AAAA,EAE/C,sCAAsCC,EAAe;AAAA,EACrD,4CAA4CC;AAAA,EAC5C,gCAAgCD,EAAe;AAAA,EAC/C,iCAAiC;AAAA,EACjC,kCAAkCE;AAAA,EAClC,iCAAiCF,EAAe;AAAA,EAChD,kCAAkCG;AAAA,IAChCH,EAAe;AAAA,IACf;AAAA,EACF;AAAA,EACA,mCAAmC;AAAA,EACnC,uCAAuCI,EAAM;AAAA;AAAA,EAG7C,2BAA2BA,EAAM;AAAA,EACjC,iCAAiCA,EAAM;AAAA,EACvC,uCAAuCA,EAAM;AAAA,EAC7C,6BAA6BA,EAAM;AAAA,EACnC,mCAAmCA,EAAM;AAAA,EACzC,yCAAyCA,EAAM;AAAA;AAAA,EAG/C,qCAAqCC,EAAO;AAAA,EAC5C,+BAA+BA,EAAO;AAAA,EACtC,iCAAiCA,EAAO;AAAA,EACxC,gCAAgCA,EAAO;AAAA,EACvC,sCAAsCA,EAAO;AAAA,EAC7C,gCAAgCC,EAAQ;AAAA,EACxC,kCAAkCA,EAAQ;AAAA,EAC1C,iCAAiCA,EAAQ;AAAA,EACzC,uCAAuCA,EAAQ;AAAA,EAC/C,gCAAgCC,EAAQ;AAAA,EACxC,kCAAkCA,EAAQ;AAAA,EAC1C,iCAAiCA,EAAQ;AAAA,EACzC,uCAAuCA,EAAQ;AAAA;AAAA,EAG/C,mCAAmCP,EAAe;AAAA,EAClD,6BAA6BA,EAAe;AAAA,EAC5C,+BAA+BA,EAAe;AAAA,EAC9C,qCAAqCA,EAAe;AAAA,EACpD,8BAA8BA,EAAe;AAAA,EAC7C,iCAAiCA,EAAe;AAAA,EAChD,oCAAoCA,EAAe;AAAA,EACnD,yBAAyBA,EAAe;AAC1C;"}

package/dist/hooks.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./hooks/useLockBodyScroll.cjs.js"),s=require("./hooks/useIsClosing.cjs.js"),o=require("./hooks/useBreakpoint.cjs.js"),t=require("./hooks/usePalette.cjs.js");exports.useLockBodyScroll=e.useLockBodyScroll;exports.useIsClosing=s.useIsClosing;exports.useBreakpoint=o.useBreakpoint;exports.usePalette=t.usePalette;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./useBreakpoint-DA-JqOu3.js"),P=require("./colors-CebzFjpe.js"),r=require("./colors-DL1dYffC.js"),o=require("react"),i=require("./image-CUSfY1_T.js"),T=require("./theme.cjs.js"),E=(e,l)=>{const[a,s]=o.useState(r.LIGHT_PALETTE),c=o.useCallback(async()=>{if(!e)return r.LIGHT_PALETTE;try{const t=await i.getDominantColor(e);return i.generatePalette(t)}catch(t){return console.error("Failed to generate palette:",t),r.LIGHT_PALETTE}},[e]);return o.useEffect(()=>{(async()=>{if(e){const u=await c();s(u);return}if(l===T.THEMES.DARK){s(P.DARK_PALETTE);return}s(r.LIGHT_PALETTE)})()},[e,l,c]),o.useMemo(()=>a,[a])};exports.useBreakpoint=n.useBreakpoint;exports.useIsClosing=n.useIsClosing;exports.useLockBodyScroll=n.useLockBodyScroll;exports.usePalette=E;
 //# sourceMappingURL=hooks.cjs.js.map

package/dist/hooks.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"hooks.cjs.js","sources":["../src/hooks/usePalette.tsx"],"sourcesContent":["import { THEMES } from \"../design\";\nimport { DARK_PALETTE } from \"../design/darkTheme/colors\";\nimport { LIGHT_PALETTE } from \"../design/lightTheme/colors\";\nimport { generatePalette, getDominantColor } from \"../utils\";\nimport { ProtonPalette } from \"../design/types\";\nimport { useEffect, useState, useCallback, useMemo } from \"react\";\n\n/**\n * Generates a palette based on a background image or theme.\n * @param backgroundImage - The URL of the background image to generate a palette from.\n * @param theme - The theme to generate a palette for.\n * @returns A Palette object containing the generated palette.\n */\nexport const usePalette = (\n  backgroundImage: HTMLImageElement | string | null,\n  theme: string\n): ProtonPalette => {\n  const [palette, setPalette] = useState<ProtonPalette>(LIGHT_PALETTE);\n\n  const getPalette = useCallback(async () => {\n    if (!backgroundImage) return LIGHT_PALETTE;\n\n    try {\n      const baseColor = await getDominantColor(\n        backgroundImage as HTMLImageElement & string\n      );\n      const newPalette = generatePalette(baseColor);\n\n      return newPalette;\n    } catch (error) {\n      console.error(\"Failed to generate palette:\", error);\n      return LIGHT_PALETTE;\n    }\n  }, [backgroundImage]);\n\n  useEffect(() => {\n    const fetchPalette = async () => {\n      if (backgroundImage) {\n        const newPalette = await getPalette();\n        setPalette(newPalette);\n        return;\n      }\n\n      if (theme === THEMES.DARK) {\n        setPalette(DARK_PALETTE);\n        return;\n      }\n\n      setPalette(LIGHT_PALETTE);\n    };\n\n    fetchPalette();\n  }, [backgroundImage, theme, getPalette]);\n\n  return useMemo(() => palette, [palette]);\n};\n"],"names":["usePalette","backgroundImage","theme","palette","setPalette","useState","LIGHT_PALETTE","getPalette","useCallback","baseColor","getDominantColor","generatePalette","error","useEffect","newPalette","THEMES","DARK_PALETTE","useMemo"],"mappings":"mRAaaA,EAAa,CACxBC,EACAC,IACkB,CAClB,KAAM,CAACC,EAASC,CAAU,EAAIC,WAAwBC,EAAa,aAAA,EAE7DC,EAAaC,EAAAA,YAAY,SAAY,CACrC,GAAA,CAACP,EAAwB,OAAAK,gBAEzB,GAAA,CACF,MAAMG,EAAY,MAAMC,EAAA,iBACtBT,CAAA,EAIK,OAFYU,kBAAgBF,CAAS,QAGrCG,EAAO,CACN,eAAA,MAAM,8BAA+BA,CAAK,EAC3CN,eACT,CAAA,EACC,CAACL,CAAe,CAAC,EAEpBY,OAAAA,EAAAA,UAAU,IAAM,EACO,SAAY,CAC/B,GAAIZ,EAAiB,CACb,MAAAa,EAAa,MAAMP,IACzBH,EAAWU,CAAU,EACrB,MACF,CAEI,GAAAZ,IAAUa,SAAO,KAAM,CACzBX,EAAWY,EAAY,YAAA,EACvB,MACF,CAEAZ,EAAWE,EAAa,aAAA,CAAA,IAIzB,EAAA,CAACL,EAAiBC,EAAOK,CAAU,CAAC,EAEhCU,EAAQ,QAAA,IAAMd,EAAS,CAACA,CAAO,CAAC,CACzC"}

package/dist/hooks.es.js

@@ -1,11 +1,40 @@
-import { useLockBodyScroll as r } from "./hooks/useLockBodyScroll.es.js";
-import { useIsClosing as s } from "./hooks/useIsClosing.es.js";
-import { useBreakpoint as f } from "./hooks/useBreakpoint.es.js";
-import { usePalette as m } from "./hooks/usePalette.es.js";
+import { b as h, a as x, u as B } from "./useBreakpoint-CjRyGKN-.mjs";
+import { D as c } from "./colors-Ceyo4oCJ.mjs";
+import { L as r } from "./colors-DMkDnu4U.mjs";
+import { useState as i, useCallback as f, useEffect as u, useMemo as P } from "react";
+import { a as p, g as m } from "./image-DFyN0Kd9.mjs";
+import { THEMES as E } from "./theme.es.js";
+const C = (t, s) => {
+  const [a, o] = i(r), n = f(async () => {
+    if (!t) return r;
+    try {
+      const e = await p(
+        t
+      );
+      return m(e);
+    } catch (e) {
+      return console.error("Failed to generate palette:", e), r;
+    }
+  }, [t]);
+  return u(() => {
+    (async () => {
+      if (t) {
+        const l = await n();
+        o(l);
+        return;
+      }
+      if (s === E.DARK) {
+        o(c);
+        return;
+      }
+      o(r);
+    })();
+  }, [t, s, n]), P(() => a, [a]);
+};
 export {
-  f as useBreakpoint,
-  s as useIsClosing,
-  r as useLockBodyScroll,
-  m as usePalette
+  h as useBreakpoint,
+  x as useIsClosing,
+  B as useLockBodyScroll,
+  C as usePalette
 };
 //# sourceMappingURL=hooks.es.js.map

package/dist/hooks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"hooks.es.js","sources":["../src/hooks/usePalette.tsx"],"sourcesContent":["import { THEMES } from \"../design\";\nimport { DARK_PALETTE } from \"../design/darkTheme/colors\";\nimport { LIGHT_PALETTE } from \"../design/lightTheme/colors\";\nimport { generatePalette, getDominantColor } from \"../utils\";\nimport { ProtonPalette } from \"../design/types\";\nimport { useEffect, useState, useCallback, useMemo } from \"react\";\n\n/**\n * Generates a palette based on a background image or theme.\n * @param backgroundImage - The URL of the background image to generate a palette from.\n * @param theme - The theme to generate a palette for.\n * @returns A Palette object containing the generated palette.\n */\nexport const usePalette = (\n  backgroundImage: HTMLImageElement | string | null,\n  theme: string\n): ProtonPalette => {\n  const [palette, setPalette] = useState<ProtonPalette>(LIGHT_PALETTE);\n\n  const getPalette = useCallback(async () => {\n    if (!backgroundImage) return LIGHT_PALETTE;\n\n    try {\n      const baseColor = await getDominantColor(\n        backgroundImage as HTMLImageElement & string\n      );\n      const newPalette = generatePalette(baseColor);\n\n      return newPalette;\n    } catch (error) {\n      console.error(\"Failed to generate palette:\", error);\n      return LIGHT_PALETTE;\n    }\n  }, [backgroundImage]);\n\n  useEffect(() => {\n    const fetchPalette = async () => {\n      if (backgroundImage) {\n        const newPalette = await getPalette();\n        setPalette(newPalette);\n        return;\n      }\n\n      if (theme === THEMES.DARK) {\n        setPalette(DARK_PALETTE);\n        return;\n      }\n\n      setPalette(LIGHT_PALETTE);\n    };\n\n    fetchPalette();\n  }, [backgroundImage, theme, getPalette]);\n\n  return useMemo(() => palette, [palette]);\n};\n"],"names":["usePalette","backgroundImage","theme","palette","setPalette","useState","LIGHT_PALETTE","getPalette","useCallback","baseColor","getDominantColor","generatePalette","error","useEffect","newPalette","THEMES","DARK_PALETTE","useMemo"],"mappings":";;;;;;AAaa,MAAAA,IAAa,CACxBC,GACAC,MACkB;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAwBC,CAAa,GAE7DC,IAAaC,EAAY,YAAY;AACrC,QAAA,CAACP,EAAwB,QAAAK;AAEzB,QAAA;AACF,YAAMG,IAAY,MAAMC;AAAA,QACtBT;AAAA,MAAA;AAIK,aAFYU,EAAgBF,CAAS;AAAA,aAGrCG,GAAO;AACN,qBAAA,MAAM,+BAA+BA,CAAK,GAC3CN;AAAA,IACT;AAAA,EAAA,GACC,CAACL,CAAe,CAAC;AAEpB,SAAAY,EAAU,MAAM;AAgBD,KAfQ,YAAY;AAC/B,UAAIZ,GAAiB;AACb,cAAAa,IAAa,MAAMP;AACzB,QAAAH,EAAWU,CAAU;AACrB;AAAA,MACF;AAEI,UAAAZ,MAAUa,EAAO,MAAM;AACzB,QAAAX,EAAWY,CAAY;AACvB;AAAA,MACF;AAEA,MAAAZ,EAAWE,CAAa;AAAA,IAAA;EAIzB,GAAA,CAACL,GAAiBC,GAAOK,CAAU,CAAC,GAEhCU,EAAQ,MAAMd,GAAS,CAACA,CAAO,CAAC;AACzC;"}

package/dist/icons.svg

@@ -1,11 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <defs>
-    <symbol id="external-link" viewBox="0 0 512 512">
-      <path d="M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48M336 64h112v112M224 288L440 72" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/>
-    </symbol>
-
-    <symbol id="caret-down" viewBox="0 0 512 512">
-      <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7L86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/>
-    </symbol>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <symbol id="external-link" viewBox="0 0 512 512">
+      <path d="M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48M336 64h112v112M224 288L440 72" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/>
+    </symbol>
+
+    <symbol id="caret-down" viewBox="0 0 512 512">
+      <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7L86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/>
+    </symbol>
+  </defs>
 </svg>

package/dist/image-CUSfY1_T.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("./color2k-DCgwXUem.js"),T=require("./colors-DL1dYffC.js"),m=require("./colors-CebzFjpe.js"),D=require("colorthief"),G=a=>{const r=t.arrayToRgbString(a),n=t.getScale("#FFFFFF",r,"#000000"),e=Array.from({length:12},(u,S)=>{const I=n(S/11);return t.desaturate(I,.0085)}),i=e.map(u=>t.saturate(d(u),.005)),l=t.toRgba(t.saturate(t.adjustHue(r,180),1)),s=t.getScale("#FFFFFF",l,"#000000"),c=Array.from({length:12},(u,S)=>{const I=s(S/11);return t.desaturate(I,.1)}),R=c.map(u=>t.desaturate(d(u),.22)),L=C(t.saturate(i[5],.115)),E=t.desaturate(R[4],.02);return{BASE_COLOR:t.arrayToRgbString(a),BRAND:{PRIMARY:L,PRIMARY_LIGHT:o(L,.25,{min:.6,max:.8}),PRIMARY_SUPER_LIGHT:o(L,.15,{min:.8,max:.9}),SECONDARY:E,SECONDARY_LIGHT:o(E,.25,{min:.6,max:.8}),SECONDARY_SUPER_LIGHT:o(E,.15,{min:.8,max:.9})},PRIMARY:{SUPER_DARK:o(A(e[9]),-.6,{min:0,max:.02}),DARK:o(A(e[8]),-.4,{min:.01,max:.02}),MEDIUM:o(i[7],-.2,{min:0,max:.11}),MEDIUM_LIGHT:o(t.desaturate(i[6],.1),.08),LIGHT:o(t.saturate(i[5],.1),.16),LIGHTEST:o(t.saturate(i[3],.2),.12,{min:.5,max:.9}),SUPER_LIGHT:o(i[1],.02,{min:.76,max:.92}),WHITE:o(i[1],.11,{min:.9,max:.98})},SECONDARY:{SUPER_DARK:o(A(c[9]),-.6,{min:0,max:.02}),DARK:o(A(c[8]),-.4,{min:.01,max:.02}),MEDIUM:o(R[7],-.2,{min:0,max:.11}),MEDIUM_LIGHT:o(R[6],.1),LIGHT:o(t.saturate(R[5],.1),.16),LIGHTEST:o(t.saturate(R[3],.2),.12,{min:.5,max:.9}),SUPER_LIGHT:o(R[1],.02,{min:.76,max:.92}),WHITE:o(R[1],.11,{min:.9,max:.98})},GRAYSCALE:{SUPER_DARK:m.DARK_GRAYSCALE.SUPER_DARK,DARK:m.DARK_GRAYSCALE.DARK,MEDIUM:m.DARK_GRAYSCALE.MEDIUM,MEDIUM_LIGHT:m.DARK_GRAYSCALE.MEDIUM_LIGHT,LIGHT:m.DARK_GRAYSCALE.LIGHT,LIGHTEST:m.DARK_GRAYSCALE.LIGHTEST,SUPER_LIGHT:m.DARK_GRAYSCALE.SUPER_LIGHT,WHITE:m.DARK_GRAYSCALE.WHITE}}},o=(a,r,n={min:.03,max:.97})=>{let e=a,i=t.getLuminance(e);if(n.min<0&&(n.min=0),n.max>1&&(n.max=1),n.min>=n.max)throw new Error("Invalid range: min must be less than max");if(r>0){const s=n.max-i;if(s<=0)return t.toRgba(e);const c=r*(s/(1-i));e=t.lighten(e,c)}else if(r<0){const s=i-n.min;if(s<=0)return t.toRgba(e);const c=r*(s/i);e=t.darken(e,Math.abs(c))}const l=t.getLuminance(e);return(l>n.max||l<n.min)&&(e=g(e,n)),t.toRgba(e)},g=(a,r)=>{let n=a,e=t.getLuminance(n);for(;e>r.max;)n=t.darken(n,.05),e=t.getLuminance(n);for(;e<r.min;)n=t.lighten(n,.05),e=t.getLuminance(n);return t.toRgba(n)},A=a=>{for(;t.hasBadContrast(a,"readable",T.LIGHT_GRAYSCALE.DARK);)a=t.lighten(a,.01);return t.toRgba(a)},C=a=>{for(;t.hasBadContrast(T.LIGHT_GRAYSCALE.SUPER_LIGHT,"readable",a);)a=t.darken(a,.01);return t.toRgba(a)},d=a=>{let r=a,n=t.getLuminance(t.toRgba(r)),e=0;const i=6;for(;n<.16&&e<i;)e++,r=t.lighten(r,.1),n=t.getLuminance(t.toRgba(r));for(;n>.6&&e<i;)e++,r=t.darken(r,.1),n=t.getLuminance(t.toRgba(r));return t.toRgba(r)};function _(a){return a instanceof HTMLImageElement?Promise.resolve(H(a)):h(a)}function H(a){try{return new D().getColor(a)}catch{return[255,255,255]}}function h(a){return new Promise((r,n)=>{const e=document.createElement("img");e.crossOrigin="anonymous",e.onload=()=>{try{const i=new D().getColor(e);r(i)}catch{r([255,255,255])}},e.onerror=()=>n(new Error("Failed to load image")),e.src=a})}exports.generatePalette=G;exports.getDominantColor=_;
+//# sourceMappingURL=image-CUSfY1_T.js.map

package/dist/image-CUSfY1_T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-CUSfY1_T.js","sources":["../src/utils/palette.ts","../src/utils/image.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","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":["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","getDominantColor","image","getDominantColorFromImage","getDominantColorFromImageUrl","ColorThief","url","resolve","reject","imgElement"],"mappings":"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"}