@protonradio/proton-ui 0.11.0-beta.2 → 0.11.0-beta.21

package/dist/{palettes-mcF0lNKY.mjs → palettes-D006-kxf.mjs}

@@ -1,6 +1,7 @@
-const S = {
+const A = {
   PRIMARY: "#E26014",
   PRIMARY_LIGHT: "#FBE5D7",
+  PRIMARY_SUPER_LIGHT: "#FFF7F0",
   SECONDARY: "#F2F2F2"
 }, R = {
   SUPER_DARK: "#991b1b",
@@ -8,7 +9,7 @@ const S = {
   MEDIUM: "#e23f5c",
   LIGHT: "#f16880",
   SUPER_LIGHT: "#ffe1e1"
-}, A = {
+}, _ = {
   DARK: "#8b5600",
   MEDIUM: "#b37208",
   LIGHT: "#ffac23",
@@ -18,7 +19,7 @@ const S = {
   MEDIUM: "#339a07",
   LIGHT: "#66cf39",
   SUPER_LIGHT: "#deffd1"
-}, T = "#DDDDDD", M = "#F7F8F9", _ = {
+}, T = "#DDDDDD", M = "#F7F8F9", I = {
   GRAY_SUPER_DARK: "#141211",
   GRAY_DARK: "#4D4D4D",
   GRAY_MEDIUM: "#7D7D7D",
@@ -29,7 +30,7 @@ const S = {
   WHITE: "#FFFFFF",
   BORDER: T,
   ELEVATION: M
-}, I = {
+}, D = {
   SUPER_DARK: "#032026",
   DARK: "#084657",
   MEDIUM: "#2085BA",
@@ -38,7 +39,7 @@ const S = {
   LIGHTEST: "#9DCBFC",
   SUPER_LIGHT: "#C8DFFF",
   WHITE: "#F2F7FF"
-}, L = "#43464a", D = {
+}, L = "#43464a", G = {
   GRAY_SUPER_DARK: "#111212",
   GRAY_DARK: "#1e1f21",
   GRAY_MEDIUM: "#232629",
@@ -49,7 +50,7 @@ const S = {
   WHITE: "#f7f9fb",
   BORDER: L,
   ELEVATION: "rgba(174, 175, 177, 0.2)"
-}, G = {
+}, S = {
   SECONDARY_SUPER_DARK: "#142736",
   SECONDARY_DARK: "#22445d",
   SECONDARY_MEDIUM: "#306082",
@@ -59,38 +60,39 @@ const S = {
   SECONDARY_SUPER_LIGHT: "#dae7f1"
 }, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BRAND: S,
+  BRAND: A,
   DANGER: R,
-  DARK_GRAYSCALE: D,
-  DARK_SECONDARY: G,
-  GRAYSCALE: _,
-  SECONDARY: I,
+  DARK_GRAYSCALE: G,
+  DARK_SECONDARY: S,
+  GRAYSCALE: I,
+  SECONDARY: D,
   SUCCESS: E,
-  WARNING: A
-}, Symbol.toStringTag, { value: "Module" })), U = "#ffffff", N = {
+  WARNING: _
+}, Symbol.toStringTag, { value: "Module" })), U = "#ffffff", P = {
   BASE_COLOR: U,
   BRAND: {
-    PRIMARY: S.PRIMARY,
-    PRIMARY_LIGHT: S.PRIMARY_LIGHT,
-    SECONDARY: S.SECONDARY
+    PRIMARY: A.PRIMARY,
+    PRIMARY_LIGHT: A.PRIMARY_LIGHT,
+    PRIMARY_SUPER_LIGHT: A.PRIMARY_SUPER_LIGHT,
+    SECONDARY: A.SECONDARY
   },
   PRIMARY: {
-    PRIMARY_SUPER_DARK: _.GRAY_SUPER_DARK,
-    PRIMARY_DARK: _.GRAY_DARK,
-    PRIMARY_MEDIUM: _.GRAY_MEDIUM,
-    PRIMARY_MEDIUM_LIGHT: _.GRAY_MEDIUM_LIGHT,
-    PRIMARY_LIGHT: _.GRAY_LIGHT,
-    PRIMARY_LIGHTEST: _.GRAY_LIGHTEST,
-    PRIMARY_SUPER_LIGHT: _.GRAY_SUPER_LIGHT
+    PRIMARY_SUPER_DARK: I.GRAY_SUPER_DARK,
+    PRIMARY_DARK: I.GRAY_DARK,
+    PRIMARY_MEDIUM: I.GRAY_MEDIUM,
+    PRIMARY_MEDIUM_LIGHT: I.GRAY_MEDIUM_LIGHT,
+    PRIMARY_LIGHT: I.GRAY_LIGHT,
+    PRIMARY_LIGHTEST: I.GRAY_LIGHTEST,
+    PRIMARY_SUPER_LIGHT: I.GRAY_SUPER_LIGHT
   },
   SECONDARY: {
-    SECONDARY_SUPER_DARK: I.SUPER_DARK,
-    SECONDARY_DARK: I.DARK,
-    SECONDARY_MEDIUM: I.MEDIUM,
-    SECONDARY_MEDIUM_LIGHT: I.MEDIUM_LIGHT,
-    SECONDARY_LIGHT: I.LIGHT,
-    SECONDARY_LIGHTEST: I.LIGHTEST,
-    SECONDARY_SUPER_LIGHT: I.SUPER_LIGHT
+    SECONDARY_SUPER_DARK: D.SUPER_DARK,
+    SECONDARY_DARK: D.DARK,
+    SECONDARY_MEDIUM: D.MEDIUM,
+    SECONDARY_MEDIUM_LIGHT: D.MEDIUM_LIGHT,
+    SECONDARY_LIGHT: D.LIGHT,
+    SECONDARY_LIGHTEST: D.LIGHTEST,
+    SECONDARY_SUPER_LIGHT: D.SUPER_LIGHT
   },
   SUCCESS: {
     SUCCESS_DARK: E.DARK,
@@ -99,10 +101,10 @@ const S = {
     SUCCESS_SUPER_LIGHT: E.SUPER_LIGHT
   },
   WARNING: {
-    WARNING_DARK: A.DARK,
-    WARNING_MEDIUM: A.MEDIUM,
-    WARNING_LIGHT: A.LIGHT,
-    WARNING_SUPER_LIGHT: A.SUPER_LIGHT
+    WARNING_DARK: _.DARK,
+    WARNING_MEDIUM: _.MEDIUM,
+    WARNING_LIGHT: _.LIGHT,
+    WARNING_SUPER_LIGHT: _.SUPER_LIGHT
   },
   DANGER: {
     DANGER_SUPER_DARK: R.SUPER_DARK,
@@ -111,30 +113,31 @@ const S = {
     DANGER_LIGHT: R.LIGHT,
     DANGER_SUPER_LIGHT: R.SUPER_LIGHT
   }
-}, Y = "#121212", P = {
+}, Y = "#121212", N = {
   BASE_COLOR: Y,
   BRAND: {
-    PRIMARY: S.PRIMARY,
-    PRIMARY_LIGHT: S.PRIMARY_LIGHT,
-    SECONDARY: S.SECONDARY
+    PRIMARY: A.PRIMARY,
+    PRIMARY_LIGHT: A.PRIMARY_LIGHT,
+    PRIMARY_SUPER_LIGHT: A.PRIMARY_SUPER_LIGHT,
+    SECONDARY: A.SECONDARY
   },
   PRIMARY: {
-    PRIMARY_SUPER_DARK: D.GRAY_SUPER_DARK,
-    PRIMARY_DARK: D.GRAY_DARK,
-    PRIMARY_MEDIUM: D.GRAY_MEDIUM,
-    PRIMARY_MEDIUM_LIGHT: D.GRAY_MEDIUM_LIGHT,
-    PRIMARY_LIGHT: D.GRAY_LIGHT,
-    PRIMARY_LIGHTEST: D.GRAY_LIGHTEST,
-    PRIMARY_SUPER_LIGHT: D.GRAY_SUPER_LIGHT
+    PRIMARY_SUPER_DARK: G.GRAY_SUPER_DARK,
+    PRIMARY_DARK: G.GRAY_DARK,
+    PRIMARY_MEDIUM: G.GRAY_MEDIUM,
+    PRIMARY_MEDIUM_LIGHT: G.GRAY_MEDIUM_LIGHT,
+    PRIMARY_LIGHT: G.GRAY_LIGHT,
+    PRIMARY_LIGHTEST: G.GRAY_LIGHTEST,
+    PRIMARY_SUPER_LIGHT: G.GRAY_SUPER_LIGHT
   },
   SECONDARY: {
-    SECONDARY_SUPER_DARK: G.SECONDARY_SUPER_DARK,
-    SECONDARY_DARK: G.SECONDARY_DARK,
-    SECONDARY_MEDIUM: G.SECONDARY_MEDIUM,
-    SECONDARY_MEDIUM_LIGHT: G.SECONDARY_MEDIUM_LIGHT,
-    SECONDARY_LIGHT: G.SECONDARY_LIGHT,
-    SECONDARY_LIGHTEST: G.SECONDARY_LIGHTEST,
-    SECONDARY_SUPER_LIGHT: G.SECONDARY_SUPER_LIGHT
+    SECONDARY_SUPER_DARK: S.SECONDARY_SUPER_DARK,
+    SECONDARY_DARK: S.SECONDARY_DARK,
+    SECONDARY_MEDIUM: S.SECONDARY_MEDIUM,
+    SECONDARY_MEDIUM_LIGHT: S.SECONDARY_MEDIUM_LIGHT,
+    SECONDARY_LIGHT: S.SECONDARY_LIGHT,
+    SECONDARY_LIGHTEST: S.SECONDARY_LIGHTEST,
+    SECONDARY_SUPER_LIGHT: S.SECONDARY_SUPER_LIGHT
   },
   DANGER: {
     DANGER_SUPER_DARK: R.SUPER_DARK,
@@ -150,22 +153,22 @@ const S = {
     SUCCESS_SUPER_LIGHT: E.SUPER_LIGHT
   },
   WARNING: {
-    WARNING_DARK: A.DARK,
-    WARNING_MEDIUM: A.MEDIUM,
-    WARNING_LIGHT: A.LIGHT,
-    WARNING_SUPER_LIGHT: A.SUPER_LIGHT
+    WARNING_DARK: _.DARK,
+    WARNING_MEDIUM: _.MEDIUM,
+    WARNING_LIGHT: _.LIGHT,
+    WARNING_SUPER_LIGHT: _.SUPER_LIGHT
   }
 };
 export {
   U as D,
-  _ as G,
-  N as L,
+  I as G,
+  P as L,
   E as S,
-  A as W,
+  _ as W,
   Y as a,
-  P as b,
+  N as b,
   H as c,
-  D as d,
+  G as d,
   R as e
 };
-//# sourceMappingURL=palettes-mcF0lNKY.mjs.map
+//# sourceMappingURL=palettes-D006-kxf.mjs.map

package/dist/palettes-D006-kxf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"palettes-D006-kxf.mjs","sources":["../src/constants/colors.ts","../src/constants/palettes.ts"],"sourcesContent":["export const BRAND = {\r\n  PRIMARY: \"#E26014\",\r\n  PRIMARY_LIGHT: \"#FBE5D7\",\r\n  PRIMARY_SUPER_LIGHT: \"#FFF7F0\",\r\n  SECONDARY: \"#F2F2F2\",\r\n};\r\n\r\nexport const DANGER = {\r\n  SUPER_DARK: \"#991b1b\",\r\n  DARK: \"#a80724\",\r\n  MEDIUM: \"#e23f5c\",\r\n  LIGHT: \"#f16880\",\r\n  SUPER_LIGHT: \"#ffe1e1\",\r\n};\r\n\r\nexport const WARNING = {\r\n  DARK: \"#8b5600\",\r\n  MEDIUM: \"#b37208\",\r\n  LIGHT: \"#ffac23\",\r\n  SUPER_LIGHT: \"#fff0c9\",\r\n};\r\n\r\nexport const SUCCESS = {\r\n  DARK: \"#247800\",\r\n  MEDIUM: \"#339a07\",\r\n  LIGHT: \"#66cf39\",\r\n  SUPER_LIGHT: \"#deffd1\",\r\n};\r\n\r\n/* Light Mode Colors */\r\n\r\nconst LIGHT_GRAY = \"#DDDDDD\";\r\nconst LIGHT_ELEVATION = \"#F7F8F9\";\r\nexport const GRAYSCALE = {\r\n  GRAY_SUPER_DARK: \"#141211\",\r\n  GRAY_DARK: \"#4D4D4D\",\r\n  GRAY_MEDIUM: \"#7D7D7D\",\r\n  GRAY_MEDIUM_LIGHT: \"#B1B1B1\",\r\n  GRAY_LIGHT: LIGHT_GRAY,\r\n  GRAY_LIGHTEST: \"#F0F1F2\",\r\n  GRAY_SUPER_LIGHT: LIGHT_ELEVATION,\r\n  WHITE: \"#FFFFFF\",\r\n  BORDER: LIGHT_GRAY,\r\n  ELEVATION: LIGHT_ELEVATION,\r\n};\r\n\r\nexport const SECONDARY = {\r\n  SUPER_DARK: \"#032026\",\r\n  DARK: \"#084657\",\r\n  MEDIUM: \"#2085BA\",\r\n  MEDIUM_LIGHT: \"#44A8EB\",\r\n  LIGHT: \"#70B9F6\",\r\n  LIGHTEST: \"#9DCBFC\",\r\n  SUPER_LIGHT: \"#C8DFFF\",\r\n  WHITE: \"#F2F7FF\",\r\n};\r\n\r\n/* Dark Mode Colors */\r\n\r\nconst DARK_LIGHT_GRAY = \"#43464a\";\r\nexport const DARK_GRAYSCALE = {\r\n  GRAY_SUPER_DARK: \"#111212\",\r\n  GRAY_DARK: \"#1e1f21\",\r\n  GRAY_MEDIUM: \"#232629\",\r\n  GRAY_MEDIUM_LIGHT: \"#2b2d30\",\r\n  GRAY_LIGHT: DARK_LIGHT_GRAY,\r\n  GRAY_LIGHTEST: \"#63676b\",\r\n  GRAY_SUPER_LIGHT: \"#8a8e91\",\r\n  WHITE: \"#f7f9fb\",\r\n  BORDER: DARK_LIGHT_GRAY,\r\n  ELEVATION: \"rgba(174, 175, 177, 0.2)\",\r\n};\r\n\r\nexport const DARK_SECONDARY = {\r\n  SECONDARY_SUPER_DARK: \"#142736\",\r\n  SECONDARY_DARK: \"#22445d\",\r\n  SECONDARY_MEDIUM: \"#306082\",\r\n  SECONDARY_MEDIUM_LIGHT: \"#3e7ca8\",\r\n  SECONDARY_LIGHT: \"#5795c1\",\r\n  SECONDARY_LIGHTEST: \"#a2c4dd\",\r\n  SECONDARY_SUPER_LIGHT: \"#dae7f1\",\r\n};\r\n\r\n/*\r\n * Custom Dark Colors\r\n * NOTE: Custom dark color primary & secondary palettes are not constant, they are generated from an input color.\r\n * see utils/color.ts\r\n */\r\n","import { COLORS } from \"../constants\";\r\n\r\nexport type Palette = {\r\n  BASE_COLOR: string;\r\n  BRAND: {\r\n    PRIMARY: string;\r\n    PRIMARY_LIGHT: string;\r\n    PRIMARY_SUPER_LIGHT: string;\r\n    SECONDARY: string;\r\n  };\r\n  PRIMARY: {\r\n    //backgrounds\r\n    PRIMARY_SUPER_DARK: string;\r\n    PRIMARY_DARK: string;\r\n    //interactive components\r\n    PRIMARY_MEDIUM: string;\r\n    //borders and seperators\r\n    PRIMARY_MEDIUM_LIGHT: string;\r\n    //solid colors\r\n    PRIMARY_LIGHT: string;\r\n    //accessible text\r\n    PRIMARY_LIGHTEST: string;\r\n    PRIMARY_SUPER_LIGHT: string;\r\n  };\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: string;\r\n    SECONDARY_DARK: string;\r\n    SECONDARY_MEDIUM: string;\r\n    SECONDARY_MEDIUM_LIGHT: string;\r\n    SECONDARY_LIGHT: string;\r\n    SECONDARY_LIGHTEST: string;\r\n    SECONDARY_SUPER_LIGHT: string;\r\n  };\r\n  SUCCESS: {\r\n    SUCCESS_DARK: string;\r\n    SUCCESS_MEDIUM: string;\r\n    SUCCESS_LIGHT: string;\r\n    SUCCESS_SUPER_LIGHT: string;\r\n  };\r\n  WARNING: {\r\n    WARNING_DARK: string;\r\n    WARNING_MEDIUM: string;\r\n    WARNING_LIGHT: string;\r\n    WARNING_SUPER_LIGHT: string;\r\n  };\r\n  DANGER: {\r\n    DANGER_SUPER_DARK: string;\r\n    DANGER_DARK: string;\r\n    DANGER_MEDIUM: string;\r\n    DANGER_LIGHT: string;\r\n    DANGER_SUPER_LIGHT: string;\r\n  };\r\n};\r\n\r\nexport const DEFAULT_WHITE_BACKGROUND = \"#ffffff\";\r\n\r\nexport const LIGHT_MODE: Palette = {\r\n  BASE_COLOR: DEFAULT_WHITE_BACKGROUND,\r\n  BRAND: {\r\n    PRIMARY: COLORS.BRAND.PRIMARY,\r\n    PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\r\n    PRIMARY_SUPER_LIGHT: COLORS.BRAND.PRIMARY_SUPER_LIGHT,\r\n    SECONDARY: COLORS.BRAND.SECONDARY,\r\n  },\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\r\n    PRIMARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\r\n    PRIMARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\r\n    PRIMARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\r\n    PRIMARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\r\n    PRIMARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\r\n    PRIMARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\r\n  },\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: COLORS.SECONDARY.SUPER_DARK,\r\n    SECONDARY_DARK: COLORS.SECONDARY.DARK,\r\n    SECONDARY_MEDIUM: COLORS.SECONDARY.MEDIUM,\r\n    SECONDARY_MEDIUM_LIGHT: COLORS.SECONDARY.MEDIUM_LIGHT,\r\n    SECONDARY_LIGHT: COLORS.SECONDARY.LIGHT,\r\n    SECONDARY_LIGHTEST: COLORS.SECONDARY.LIGHTEST,\r\n    SECONDARY_SUPER_LIGHT: COLORS.SECONDARY.SUPER_LIGHT,\r\n  },\r\n  SUCCESS: {\r\n    SUCCESS_DARK: COLORS.SUCCESS.DARK,\r\n    SUCCESS_MEDIUM: COLORS.SUCCESS.MEDIUM,\r\n    SUCCESS_LIGHT: COLORS.SUCCESS.LIGHT,\r\n    SUCCESS_SUPER_LIGHT: COLORS.SUCCESS.SUPER_LIGHT,\r\n  },\r\n  WARNING: {\r\n    WARNING_DARK: COLORS.WARNING.DARK,\r\n    WARNING_MEDIUM: COLORS.WARNING.MEDIUM,\r\n    WARNING_LIGHT: COLORS.WARNING.LIGHT,\r\n    WARNING_SUPER_LIGHT: COLORS.WARNING.SUPER_LIGHT,\r\n  },\r\n  DANGER: {\r\n    DANGER_SUPER_DARK: COLORS.DANGER.SUPER_DARK,\r\n    DANGER_DARK: COLORS.DANGER.DARK,\r\n    DANGER_MEDIUM: COLORS.DANGER.MEDIUM,\r\n    DANGER_LIGHT: COLORS.DANGER.LIGHT,\r\n    DANGER_SUPER_LIGHT: COLORS.DANGER.SUPER_LIGHT,\r\n  },\r\n};\r\n\r\nexport const DEFAULT_BLACK_BACKGROUND = \"#121212\";\r\n\r\nexport const DARK_MODE: Palette = {\r\n  BASE_COLOR: DEFAULT_BLACK_BACKGROUND,\r\n  BRAND: {\r\n    PRIMARY: COLORS.BRAND.PRIMARY,\r\n    PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\r\n    PRIMARY_SUPER_LIGHT: COLORS.BRAND.PRIMARY_SUPER_LIGHT,\r\n    SECONDARY: COLORS.BRAND.SECONDARY,\r\n  },\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: COLORS.DARK_GRAYSCALE.GRAY_SUPER_DARK,\r\n    PRIMARY_DARK: COLORS.DARK_GRAYSCALE.GRAY_DARK,\r\n    PRIMARY_MEDIUM: COLORS.DARK_GRAYSCALE.GRAY_MEDIUM,\r\n    PRIMARY_MEDIUM_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_MEDIUM_LIGHT,\r\n    PRIMARY_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_LIGHT,\r\n    PRIMARY_LIGHTEST: COLORS.DARK_GRAYSCALE.GRAY_LIGHTEST,\r\n    PRIMARY_SUPER_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_SUPER_LIGHT,\r\n  },\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: COLORS.DARK_SECONDARY.SECONDARY_SUPER_DARK,\r\n    SECONDARY_DARK: COLORS.DARK_SECONDARY.SECONDARY_DARK,\r\n    SECONDARY_MEDIUM: COLORS.DARK_SECONDARY.SECONDARY_MEDIUM,\r\n    SECONDARY_MEDIUM_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_MEDIUM_LIGHT,\r\n    SECONDARY_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_LIGHT,\r\n    SECONDARY_LIGHTEST: COLORS.DARK_SECONDARY.SECONDARY_LIGHTEST,\r\n    SECONDARY_SUPER_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_SUPER_LIGHT,\r\n  },\r\n  DANGER: {\r\n    DANGER_SUPER_DARK: COLORS.DANGER.SUPER_DARK,\r\n    DANGER_DARK: COLORS.DANGER.DARK,\r\n    DANGER_MEDIUM: COLORS.DANGER.MEDIUM,\r\n    DANGER_LIGHT: COLORS.DANGER.LIGHT,\r\n    DANGER_SUPER_LIGHT: COLORS.DANGER.SUPER_LIGHT,\r\n  },\r\n  SUCCESS: {\r\n    SUCCESS_DARK: COLORS.SUCCESS.DARK,\r\n    SUCCESS_MEDIUM: COLORS.SUCCESS.MEDIUM,\r\n    SUCCESS_LIGHT: COLORS.SUCCESS.LIGHT,\r\n    SUCCESS_SUPER_LIGHT: COLORS.SUCCESS.SUPER_LIGHT,\r\n  },\r\n  WARNING: {\r\n    WARNING_DARK: COLORS.WARNING.DARK,\r\n    WARNING_MEDIUM: COLORS.WARNING.MEDIUM,\r\n    WARNING_LIGHT: COLORS.WARNING.LIGHT,\r\n    WARNING_SUPER_LIGHT: COLORS.WARNING.SUPER_LIGHT,\r\n  },\r\n};\r\n"],"names":["BRAND","DANGER","WARNING","SUCCESS","LIGHT_GRAY","LIGHT_ELEVATION","GRAYSCALE","SECONDARY","DARK_LIGHT_GRAY","DARK_GRAYSCALE","DARK_SECONDARY","DEFAULT_WHITE_BACKGROUND","LIGHT_MODE","COLORS.BRAND","COLORS.GRAYSCALE","COLORS.SECONDARY","COLORS.SUCCESS","COLORS.WARNING","COLORS.DANGER","DEFAULT_BLACK_BACKGROUND","DARK_MODE","COLORS.DARK_GRAYSCALE","COLORS.DARK_SECONDARY"],"mappings":"AAAO,MAAMA,IAAQ;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,WAAW;AACb,GAEaC,IAAS;AAAA,EACpB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,GAEaC,IAAU;AAAA,EACrB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,GAEaC,IAAU;AAAA,EACrB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,GAIMC,IAAa,WACbC,IAAkB,WACXC,IAAY;AAAA,EACvB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,YAAYF;AAAA,EACZ,eAAe;AAAA,EACf,kBAAkBC;AAAA,EAClB,OAAO;AAAA,EACP,QAAQD;AAAA,EACR,WAAWC;AACb,GAEaE,IAAY;AAAA,EACvB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACT,GAIMC,IAAkB,WACXC,IAAiB;AAAA,EAC5B,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,YAAYD;AAAA,EACZ,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,QAAQA;AAAA,EACR,WAAW;AACb,GAEaE,IAAiB;AAAA,EAC5B,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,uBAAuB;AACzB;;;;;;;;;;8CC3BaC,IAA2B,WAE3BC,IAAsB;AAAA,EACjC,YAAYD;AAAA,EACZ,OAAO;AAAA,IACL,SAASE,EAAa;AAAA,IACtB,eAAeA,EAAa;AAAA,IAC5B,qBAAqBA,EAAa;AAAA,IAClC,WAAWA,EAAa;AAAA,EAC1B;AAAA,EACA,SAAS;AAAA,IACP,oBAAoBC,EAAiB;AAAA,IACrC,cAAcA,EAAiB;AAAA,IAC/B,gBAAgBA,EAAiB;AAAA,IACjC,sBAAsBA,EAAiB;AAAA,IACvC,eAAeA,EAAiB;AAAA,IAChC,kBAAkBA,EAAiB;AAAA,IACnC,qBAAqBA,EAAiB;AAAA,EACxC;AAAA,EACA,WAAW;AAAA,IACT,sBAAsBC,EAAiB;AAAA,IACvC,gBAAgBA,EAAiB;AAAA,IACjC,kBAAkBA,EAAiB;AAAA,IACnC,wBAAwBA,EAAiB;AAAA,IACzC,iBAAiBA,EAAiB;AAAA,IAClC,oBAAoBA,EAAiB;AAAA,IACrC,uBAAuBA,EAAiB;AAAA,EAC1C;AAAA,EACA,SAAS;AAAA,IACP,cAAcC,EAAe;AAAA,IAC7B,gBAAgBA,EAAe;AAAA,IAC/B,eAAeA,EAAe;AAAA,IAC9B,qBAAqBA,EAAe;AAAA,EACtC;AAAA,EACA,SAAS;AAAA,IACP,cAAcC,EAAe;AAAA,IAC7B,gBAAgBA,EAAe;AAAA,IAC/B,eAAeA,EAAe;AAAA,IAC9B,qBAAqBA,EAAe;AAAA,EACtC;AAAA,EACA,QAAQ;AAAA,IACN,mBAAmBC,EAAc;AAAA,IACjC,aAAaA,EAAc;AAAA,IAC3B,eAAeA,EAAc;AAAA,IAC7B,cAAcA,EAAc;AAAA,IAC5B,oBAAoBA,EAAc;AAAA,EACpC;AACF,GAEaC,IAA2B,WAE3BC,IAAqB;AAAA,EAChC,YAAYD;AAAA,EACZ,OAAO;AAAA,IACL,SAASN,EAAa;AAAA,IACtB,eAAeA,EAAa;AAAA,IAC5B,qBAAqBA,EAAa;AAAA,IAClC,WAAWA,EAAa;AAAA,EAC1B;AAAA,EACA,SAAS;AAAA,IACP,oBAAoBQ,EAAsB;AAAA,IAC1C,cAAcA,EAAsB;AAAA,IACpC,gBAAgBA,EAAsB;AAAA,IACtC,sBAAsBA,EAAsB;AAAA,IAC5C,eAAeA,EAAsB;AAAA,IACrC,kBAAkBA,EAAsB;AAAA,IACxC,qBAAqBA,EAAsB;AAAA,EAC7C;AAAA,EACA,WAAW;AAAA,IACT,sBAAsBC,EAAsB;AAAA,IAC5C,gBAAgBA,EAAsB;AAAA,IACtC,kBAAkBA,EAAsB;AAAA,IACxC,wBAAwBA,EAAsB;AAAA,IAC9C,iBAAiBA,EAAsB;AAAA,IACvC,oBAAoBA,EAAsB;AAAA,IAC1C,uBAAuBA,EAAsB;AAAA,EAC/C;AAAA,EACA,QAAQ;AAAA,IACN,mBAAmBJ,EAAc;AAAA,IACjC,aAAaA,EAAc;AAAA,IAC3B,eAAeA,EAAc;AAAA,IAC7B,cAAcA,EAAc;AAAA,IAC5B,oBAAoBA,EAAc;AAAA,EACpC;AAAA,EACA,SAAS;AAAA,IACP,cAAcF,EAAe;AAAA,IAC7B,gBAAgBA,EAAe;AAAA,IAC/B,eAAeA,EAAe;AAAA,IAC9B,qBAAqBA,EAAe;AAAA,EACtC;AAAA,EACA,SAAS;AAAA,IACP,cAAcC,EAAe;AAAA,IAC7B,gBAAgBA,EAAe;AAAA,IAC/B,eAAeA,EAAe;AAAA,IAC9B,qBAAqBA,EAAe;AAAA,EACtC;AACF;"}

package/dist/palettes-DfloGKJz.js

@@ -0,0 +1,2 @@
+"use strict";const D={PRIMARY:"#E26014",PRIMARY_LIGHT:"#FBE5D7",PRIMARY_SUPER_LIGHT:"#FFF7F0",SECONDARY:"#F2F2F2"},R={SUPER_DARK:"#991b1b",DARK:"#a80724",MEDIUM:"#e23f5c",LIGHT:"#f16880",SUPER_LIGHT:"#ffe1e1"},A={DARK:"#8b5600",MEDIUM:"#b37208",LIGHT:"#ffac23",SUPER_LIGHT:"#fff0c9"},E={DARK:"#247800",MEDIUM:"#339a07",LIGHT:"#66cf39",SUPER_LIGHT:"#deffd1"},T="#DDDDDD",M="#F7F8F9",_={GRAY_SUPER_DARK:"#141211",GRAY_DARK:"#4D4D4D",GRAY_MEDIUM:"#7D7D7D",GRAY_MEDIUM_LIGHT:"#B1B1B1",GRAY_LIGHT:T,GRAY_LIGHTEST:"#F0F1F2",GRAY_SUPER_LIGHT:M,WHITE:"#FFFFFF",BORDER:T,ELEVATION:M},G={SUPER_DARK:"#032026",DARK:"#084657",MEDIUM:"#2085BA",MEDIUM_LIGHT:"#44A8EB",LIGHT:"#70B9F6",LIGHTEST:"#9DCBFC",SUPER_LIGHT:"#C8DFFF",WHITE:"#F2F7FF"},L="#43464a",I={GRAY_SUPER_DARK:"#111212",GRAY_DARK:"#1e1f21",GRAY_MEDIUM:"#232629",GRAY_MEDIUM_LIGHT:"#2b2d30",GRAY_LIGHT:L,GRAY_LIGHTEST:"#63676b",GRAY_SUPER_LIGHT:"#8a8e91",WHITE:"#f7f9fb",BORDER:L,ELEVATION:"rgba(174, 175, 177, 0.2)"},S={SECONDARY_SUPER_DARK:"#142736",SECONDARY_DARK:"#22445d",SECONDARY_MEDIUM:"#306082",SECONDARY_MEDIUM_LIGHT:"#3e7ca8",SECONDARY_LIGHT:"#5795c1",SECONDARY_LIGHTEST:"#a2c4dd",SECONDARY_SUPER_LIGHT:"#dae7f1"},H=Object.freeze(Object.defineProperty({__proto__:null,BRAND:D,DANGER:R,DARK_GRAYSCALE:I,DARK_SECONDARY:S,GRAYSCALE:_,SECONDARY:G,SUCCESS:E,WARNING:A},Symbol.toStringTag,{value:"Module"})),U="#ffffff",N={BASE_COLOR:U,BRAND:{PRIMARY:D.PRIMARY,PRIMARY_LIGHT:D.PRIMARY_LIGHT,PRIMARY_SUPER_LIGHT:D.PRIMARY_SUPER_LIGHT,SECONDARY:D.SECONDARY},PRIMARY:{PRIMARY_SUPER_DARK:_.GRAY_SUPER_DARK,PRIMARY_DARK:_.GRAY_DARK,PRIMARY_MEDIUM:_.GRAY_MEDIUM,PRIMARY_MEDIUM_LIGHT:_.GRAY_MEDIUM_LIGHT,PRIMARY_LIGHT:_.GRAY_LIGHT,PRIMARY_LIGHTEST:_.GRAY_LIGHTEST,PRIMARY_SUPER_LIGHT:_.GRAY_SUPER_LIGHT},SECONDARY:{SECONDARY_SUPER_DARK:G.SUPER_DARK,SECONDARY_DARK:G.DARK,SECONDARY_MEDIUM:G.MEDIUM,SECONDARY_MEDIUM_LIGHT:G.MEDIUM_LIGHT,SECONDARY_LIGHT:G.LIGHT,SECONDARY_LIGHTEST:G.LIGHTEST,SECONDARY_SUPER_LIGHT:G.SUPER_LIGHT},SUCCESS:{SUCCESS_DARK:E.DARK,SUCCESS_MEDIUM:E.MEDIUM,SUCCESS_LIGHT:E.LIGHT,SUCCESS_SUPER_LIGHT:E.SUPER_LIGHT},WARNING:{WARNING_DARK:A.DARK,WARNING_MEDIUM:A.MEDIUM,WARNING_LIGHT:A.LIGHT,WARNING_SUPER_LIGHT:A.SUPER_LIGHT},DANGER:{DANGER_SUPER_DARK:R.SUPER_DARK,DANGER_DARK:R.DARK,DANGER_MEDIUM:R.MEDIUM,DANGER_LIGHT:R.LIGHT,DANGER_SUPER_LIGHT:R.SUPER_LIGHT}},Y="#121212",P={BASE_COLOR:Y,BRAND:{PRIMARY:D.PRIMARY,PRIMARY_LIGHT:D.PRIMARY_LIGHT,PRIMARY_SUPER_LIGHT:D.PRIMARY_SUPER_LIGHT,SECONDARY:D.SECONDARY},PRIMARY:{PRIMARY_SUPER_DARK:I.GRAY_SUPER_DARK,PRIMARY_DARK:I.GRAY_DARK,PRIMARY_MEDIUM:I.GRAY_MEDIUM,PRIMARY_MEDIUM_LIGHT:I.GRAY_MEDIUM_LIGHT,PRIMARY_LIGHT:I.GRAY_LIGHT,PRIMARY_LIGHTEST:I.GRAY_LIGHTEST,PRIMARY_SUPER_LIGHT:I.GRAY_SUPER_LIGHT},SECONDARY:{SECONDARY_SUPER_DARK:S.SECONDARY_SUPER_DARK,SECONDARY_DARK:S.SECONDARY_DARK,SECONDARY_MEDIUM:S.SECONDARY_MEDIUM,SECONDARY_MEDIUM_LIGHT:S.SECONDARY_MEDIUM_LIGHT,SECONDARY_LIGHT:S.SECONDARY_LIGHT,SECONDARY_LIGHTEST:S.SECONDARY_LIGHTEST,SECONDARY_SUPER_LIGHT:S.SECONDARY_SUPER_LIGHT},DANGER:{DANGER_SUPER_DARK:R.SUPER_DARK,DANGER_DARK:R.DARK,DANGER_MEDIUM:R.MEDIUM,DANGER_LIGHT:R.LIGHT,DANGER_SUPER_LIGHT:R.SUPER_LIGHT},SUCCESS:{SUCCESS_DARK:E.DARK,SUCCESS_MEDIUM:E.MEDIUM,SUCCESS_LIGHT:E.LIGHT,SUCCESS_SUPER_LIGHT:E.SUPER_LIGHT},WARNING:{WARNING_DARK:A.DARK,WARNING_MEDIUM:A.MEDIUM,WARNING_LIGHT:A.LIGHT,WARNING_SUPER_LIGHT:A.SUPER_LIGHT}};exports.DANGER=R;exports.DARK_GRAYSCALE=I;exports.DARK_MODE=P;exports.DEFAULT_BLACK_BACKGROUND=Y;exports.DEFAULT_WHITE_BACKGROUND=U;exports.GRAYSCALE=_;exports.LIGHT_MODE=N;exports.SUCCESS=E;exports.WARNING=A;exports.colors=H;
+//# sourceMappingURL=palettes-DfloGKJz.js.map

package/dist/palettes-DfloGKJz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palettes-DfloGKJz.js","sources":["../src/constants/colors.ts","../src/constants/palettes.ts"],"sourcesContent":["export const BRAND = {\r\n  PRIMARY: \"#E26014\",\r\n  PRIMARY_LIGHT: \"#FBE5D7\",\r\n  PRIMARY_SUPER_LIGHT: \"#FFF7F0\",\r\n  SECONDARY: \"#F2F2F2\",\r\n};\r\n\r\nexport const DANGER = {\r\n  SUPER_DARK: \"#991b1b\",\r\n  DARK: \"#a80724\",\r\n  MEDIUM: \"#e23f5c\",\r\n  LIGHT: \"#f16880\",\r\n  SUPER_LIGHT: \"#ffe1e1\",\r\n};\r\n\r\nexport const WARNING = {\r\n  DARK: \"#8b5600\",\r\n  MEDIUM: \"#b37208\",\r\n  LIGHT: \"#ffac23\",\r\n  SUPER_LIGHT: \"#fff0c9\",\r\n};\r\n\r\nexport const SUCCESS = {\r\n  DARK: \"#247800\",\r\n  MEDIUM: \"#339a07\",\r\n  LIGHT: \"#66cf39\",\r\n  SUPER_LIGHT: \"#deffd1\",\r\n};\r\n\r\n/* Light Mode Colors */\r\n\r\nconst LIGHT_GRAY = \"#DDDDDD\";\r\nconst LIGHT_ELEVATION = \"#F7F8F9\";\r\nexport const GRAYSCALE = {\r\n  GRAY_SUPER_DARK: \"#141211\",\r\n  GRAY_DARK: \"#4D4D4D\",\r\n  GRAY_MEDIUM: \"#7D7D7D\",\r\n  GRAY_MEDIUM_LIGHT: \"#B1B1B1\",\r\n  GRAY_LIGHT: LIGHT_GRAY,\r\n  GRAY_LIGHTEST: \"#F0F1F2\",\r\n  GRAY_SUPER_LIGHT: LIGHT_ELEVATION,\r\n  WHITE: \"#FFFFFF\",\r\n  BORDER: LIGHT_GRAY,\r\n  ELEVATION: LIGHT_ELEVATION,\r\n};\r\n\r\nexport const SECONDARY = {\r\n  SUPER_DARK: \"#032026\",\r\n  DARK: \"#084657\",\r\n  MEDIUM: \"#2085BA\",\r\n  MEDIUM_LIGHT: \"#44A8EB\",\r\n  LIGHT: \"#70B9F6\",\r\n  LIGHTEST: \"#9DCBFC\",\r\n  SUPER_LIGHT: \"#C8DFFF\",\r\n  WHITE: \"#F2F7FF\",\r\n};\r\n\r\n/* Dark Mode Colors */\r\n\r\nconst DARK_LIGHT_GRAY = \"#43464a\";\r\nexport const DARK_GRAYSCALE = {\r\n  GRAY_SUPER_DARK: \"#111212\",\r\n  GRAY_DARK: \"#1e1f21\",\r\n  GRAY_MEDIUM: \"#232629\",\r\n  GRAY_MEDIUM_LIGHT: \"#2b2d30\",\r\n  GRAY_LIGHT: DARK_LIGHT_GRAY,\r\n  GRAY_LIGHTEST: \"#63676b\",\r\n  GRAY_SUPER_LIGHT: \"#8a8e91\",\r\n  WHITE: \"#f7f9fb\",\r\n  BORDER: DARK_LIGHT_GRAY,\r\n  ELEVATION: \"rgba(174, 175, 177, 0.2)\",\r\n};\r\n\r\nexport const DARK_SECONDARY = {\r\n  SECONDARY_SUPER_DARK: \"#142736\",\r\n  SECONDARY_DARK: \"#22445d\",\r\n  SECONDARY_MEDIUM: \"#306082\",\r\n  SECONDARY_MEDIUM_LIGHT: \"#3e7ca8\",\r\n  SECONDARY_LIGHT: \"#5795c1\",\r\n  SECONDARY_LIGHTEST: \"#a2c4dd\",\r\n  SECONDARY_SUPER_LIGHT: \"#dae7f1\",\r\n};\r\n\r\n/*\r\n * Custom Dark Colors\r\n * NOTE: Custom dark color primary & secondary palettes are not constant, they are generated from an input color.\r\n * see utils/color.ts\r\n */\r\n","import { COLORS } from \"../constants\";\r\n\r\nexport type Palette = {\r\n  BASE_COLOR: string;\r\n  BRAND: {\r\n    PRIMARY: string;\r\n    PRIMARY_LIGHT: string;\r\n    PRIMARY_SUPER_LIGHT: string;\r\n    SECONDARY: string;\r\n  };\r\n  PRIMARY: {\r\n    //backgrounds\r\n    PRIMARY_SUPER_DARK: string;\r\n    PRIMARY_DARK: string;\r\n    //interactive components\r\n    PRIMARY_MEDIUM: string;\r\n    //borders and seperators\r\n    PRIMARY_MEDIUM_LIGHT: string;\r\n    //solid colors\r\n    PRIMARY_LIGHT: string;\r\n    //accessible text\r\n    PRIMARY_LIGHTEST: string;\r\n    PRIMARY_SUPER_LIGHT: string;\r\n  };\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: string;\r\n    SECONDARY_DARK: string;\r\n    SECONDARY_MEDIUM: string;\r\n    SECONDARY_MEDIUM_LIGHT: string;\r\n    SECONDARY_LIGHT: string;\r\n    SECONDARY_LIGHTEST: string;\r\n    SECONDARY_SUPER_LIGHT: string;\r\n  };\r\n  SUCCESS: {\r\n    SUCCESS_DARK: string;\r\n    SUCCESS_MEDIUM: string;\r\n    SUCCESS_LIGHT: string;\r\n    SUCCESS_SUPER_LIGHT: string;\r\n  };\r\n  WARNING: {\r\n    WARNING_DARK: string;\r\n    WARNING_MEDIUM: string;\r\n    WARNING_LIGHT: string;\r\n    WARNING_SUPER_LIGHT: string;\r\n  };\r\n  DANGER: {\r\n    DANGER_SUPER_DARK: string;\r\n    DANGER_DARK: string;\r\n    DANGER_MEDIUM: string;\r\n    DANGER_LIGHT: string;\r\n    DANGER_SUPER_LIGHT: string;\r\n  };\r\n};\r\n\r\nexport const DEFAULT_WHITE_BACKGROUND = \"#ffffff\";\r\n\r\nexport const LIGHT_MODE: Palette = {\r\n  BASE_COLOR: DEFAULT_WHITE_BACKGROUND,\r\n  BRAND: {\r\n    PRIMARY: COLORS.BRAND.PRIMARY,\r\n    PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\r\n    PRIMARY_SUPER_LIGHT: COLORS.BRAND.PRIMARY_SUPER_LIGHT,\r\n    SECONDARY: COLORS.BRAND.SECONDARY,\r\n  },\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\r\n    PRIMARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\r\n    PRIMARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\r\n    PRIMARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\r\n    PRIMARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\r\n    PRIMARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\r\n    PRIMARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\r\n  },\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: COLORS.SECONDARY.SUPER_DARK,\r\n    SECONDARY_DARK: COLORS.SECONDARY.DARK,\r\n    SECONDARY_MEDIUM: COLORS.SECONDARY.MEDIUM,\r\n    SECONDARY_MEDIUM_LIGHT: COLORS.SECONDARY.MEDIUM_LIGHT,\r\n    SECONDARY_LIGHT: COLORS.SECONDARY.LIGHT,\r\n    SECONDARY_LIGHTEST: COLORS.SECONDARY.LIGHTEST,\r\n    SECONDARY_SUPER_LIGHT: COLORS.SECONDARY.SUPER_LIGHT,\r\n  },\r\n  SUCCESS: {\r\n    SUCCESS_DARK: COLORS.SUCCESS.DARK,\r\n    SUCCESS_MEDIUM: COLORS.SUCCESS.MEDIUM,\r\n    SUCCESS_LIGHT: COLORS.SUCCESS.LIGHT,\r\n    SUCCESS_SUPER_LIGHT: COLORS.SUCCESS.SUPER_LIGHT,\r\n  },\r\n  WARNING: {\r\n    WARNING_DARK: COLORS.WARNING.DARK,\r\n    WARNING_MEDIUM: COLORS.WARNING.MEDIUM,\r\n    WARNING_LIGHT: COLORS.WARNING.LIGHT,\r\n    WARNING_SUPER_LIGHT: COLORS.WARNING.SUPER_LIGHT,\r\n  },\r\n  DANGER: {\r\n    DANGER_SUPER_DARK: COLORS.DANGER.SUPER_DARK,\r\n    DANGER_DARK: COLORS.DANGER.DARK,\r\n    DANGER_MEDIUM: COLORS.DANGER.MEDIUM,\r\n    DANGER_LIGHT: COLORS.DANGER.LIGHT,\r\n    DANGER_SUPER_LIGHT: COLORS.DANGER.SUPER_LIGHT,\r\n  },\r\n};\r\n\r\nexport const DEFAULT_BLACK_BACKGROUND = \"#121212\";\r\n\r\nexport const DARK_MODE: Palette = {\r\n  BASE_COLOR: DEFAULT_BLACK_BACKGROUND,\r\n  BRAND: {\r\n    PRIMARY: COLORS.BRAND.PRIMARY,\r\n    PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\r\n    PRIMARY_SUPER_LIGHT: COLORS.BRAND.PRIMARY_SUPER_LIGHT,\r\n    SECONDARY: COLORS.BRAND.SECONDARY,\r\n  },\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: COLORS.DARK_GRAYSCALE.GRAY_SUPER_DARK,\r\n    PRIMARY_DARK: COLORS.DARK_GRAYSCALE.GRAY_DARK,\r\n    PRIMARY_MEDIUM: COLORS.DARK_GRAYSCALE.GRAY_MEDIUM,\r\n    PRIMARY_MEDIUM_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_MEDIUM_LIGHT,\r\n    PRIMARY_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_LIGHT,\r\n    PRIMARY_LIGHTEST: COLORS.DARK_GRAYSCALE.GRAY_LIGHTEST,\r\n    PRIMARY_SUPER_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_SUPER_LIGHT,\r\n  },\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: COLORS.DARK_SECONDARY.SECONDARY_SUPER_DARK,\r\n    SECONDARY_DARK: COLORS.DARK_SECONDARY.SECONDARY_DARK,\r\n    SECONDARY_MEDIUM: COLORS.DARK_SECONDARY.SECONDARY_MEDIUM,\r\n    SECONDARY_MEDIUM_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_MEDIUM_LIGHT,\r\n    SECONDARY_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_LIGHT,\r\n    SECONDARY_LIGHTEST: COLORS.DARK_SECONDARY.SECONDARY_LIGHTEST,\r\n    SECONDARY_SUPER_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_SUPER_LIGHT,\r\n  },\r\n  DANGER: {\r\n    DANGER_SUPER_DARK: COLORS.DANGER.SUPER_DARK,\r\n    DANGER_DARK: COLORS.DANGER.DARK,\r\n    DANGER_MEDIUM: COLORS.DANGER.MEDIUM,\r\n    DANGER_LIGHT: COLORS.DANGER.LIGHT,\r\n    DANGER_SUPER_LIGHT: COLORS.DANGER.SUPER_LIGHT,\r\n  },\r\n  SUCCESS: {\r\n    SUCCESS_DARK: COLORS.SUCCESS.DARK,\r\n    SUCCESS_MEDIUM: COLORS.SUCCESS.MEDIUM,\r\n    SUCCESS_LIGHT: COLORS.SUCCESS.LIGHT,\r\n    SUCCESS_SUPER_LIGHT: COLORS.SUCCESS.SUPER_LIGHT,\r\n  },\r\n  WARNING: {\r\n    WARNING_DARK: COLORS.WARNING.DARK,\r\n    WARNING_MEDIUM: COLORS.WARNING.MEDIUM,\r\n    WARNING_LIGHT: COLORS.WARNING.LIGHT,\r\n    WARNING_SUPER_LIGHT: COLORS.WARNING.SUPER_LIGHT,\r\n  },\r\n};\r\n"],"names":["BRAND","DANGER","WARNING","SUCCESS","LIGHT_GRAY","LIGHT_ELEVATION","GRAYSCALE","SECONDARY","DARK_LIGHT_GRAY","DARK_GRAYSCALE","DARK_SECONDARY","DEFAULT_WHITE_BACKGROUND","LIGHT_MODE","COLORS.BRAND","COLORS.GRAYSCALE","COLORS.SECONDARY","COLORS.SUCCESS","COLORS.WARNING","COLORS.DANGER","DEFAULT_BLACK_BACKGROUND","DARK_MODE","COLORS.DARK_GRAYSCALE","COLORS.DARK_SECONDARY"],"mappings":"aAAO,MAAMA,EAAQ,CACnB,QAAS,UACT,cAAe,UACf,oBAAqB,UACrB,UAAW,SACb,EAEaC,EAAS,CACpB,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,MAAO,UACP,YAAa,SACf,EAEaC,EAAU,CACrB,KAAM,UACN,OAAQ,UACR,MAAO,UACP,YAAa,SACf,EAEaC,EAAU,CACrB,KAAM,UACN,OAAQ,UACR,MAAO,UACP,YAAa,SACf,EAIMC,EAAa,UACbC,EAAkB,UACXC,EAAY,CACvB,gBAAiB,UACjB,UAAW,UACX,YAAa,UACb,kBAAmB,UACnB,WAAYF,EACZ,cAAe,UACf,iBAAkBC,EAClB,MAAO,UACP,OAAQD,EACR,UAAWC,CACb,EAEaE,EAAY,CACvB,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,aAAc,UACd,MAAO,UACP,SAAU,UACV,YAAa,UACb,MAAO,SACT,EAIMC,EAAkB,UACXC,EAAiB,CAC5B,gBAAiB,UACjB,UAAW,UACX,YAAa,UACb,kBAAmB,UACnB,WAAYD,EACZ,cAAe,UACf,iBAAkB,UAClB,MAAO,UACP,OAAQA,EACR,UAAW,0BACb,EAEaE,EAAiB,CAC5B,qBAAsB,UACtB,eAAgB,UAChB,iBAAkB,UAClB,uBAAwB,UACxB,gBAAiB,UACjB,mBAAoB,UACpB,sBAAuB,SACzB,8LC3BaC,EAA2B,UAE3BC,EAAsB,CACjC,WAAYD,EACZ,MAAO,CACL,QAASE,EAAa,QACtB,cAAeA,EAAa,cAC5B,oBAAqBA,EAAa,oBAClC,UAAWA,EAAa,SAC1B,EACA,QAAS,CACP,mBAAoBC,EAAiB,gBACrC,aAAcA,EAAiB,UAC/B,eAAgBA,EAAiB,YACjC,qBAAsBA,EAAiB,kBACvC,cAAeA,EAAiB,WAChC,iBAAkBA,EAAiB,cACnC,oBAAqBA,EAAiB,gBACxC,EACA,UAAW,CACT,qBAAsBC,EAAiB,WACvC,eAAgBA,EAAiB,KACjC,iBAAkBA,EAAiB,OACnC,uBAAwBA,EAAiB,aACzC,gBAAiBA,EAAiB,MAClC,mBAAoBA,EAAiB,SACrC,sBAAuBA,EAAiB,WAC1C,EACA,QAAS,CACP,aAAcC,EAAe,KAC7B,eAAgBA,EAAe,OAC/B,cAAeA,EAAe,MAC9B,oBAAqBA,EAAe,WACtC,EACA,QAAS,CACP,aAAcC,EAAe,KAC7B,eAAgBA,EAAe,OAC/B,cAAeA,EAAe,MAC9B,oBAAqBA,EAAe,WACtC,EACA,OAAQ,CACN,kBAAmBC,EAAc,WACjC,YAAaA,EAAc,KAC3B,cAAeA,EAAc,OAC7B,aAAcA,EAAc,MAC5B,mBAAoBA,EAAc,WACpC,CACF,EAEaC,EAA2B,UAE3BC,EAAqB,CAChC,WAAYD,EACZ,MAAO,CACL,QAASN,EAAa,QACtB,cAAeA,EAAa,cAC5B,oBAAqBA,EAAa,oBAClC,UAAWA,EAAa,SAC1B,EACA,QAAS,CACP,mBAAoBQ,EAAsB,gBAC1C,aAAcA,EAAsB,UACpC,eAAgBA,EAAsB,YACtC,qBAAsBA,EAAsB,kBAC5C,cAAeA,EAAsB,WACrC,iBAAkBA,EAAsB,cACxC,oBAAqBA,EAAsB,gBAC7C,EACA,UAAW,CACT,qBAAsBC,EAAsB,qBAC5C,eAAgBA,EAAsB,eACtC,iBAAkBA,EAAsB,iBACxC,uBAAwBA,EAAsB,uBAC9C,gBAAiBA,EAAsB,gBACvC,mBAAoBA,EAAsB,mBAC1C,sBAAuBA,EAAsB,qBAC/C,EACA,OAAQ,CACN,kBAAmBJ,EAAc,WACjC,YAAaA,EAAc,KAC3B,cAAeA,EAAc,OAC7B,aAAcA,EAAc,MAC5B,mBAAoBA,EAAc,WACpC,EACA,QAAS,CACP,aAAcF,EAAe,KAC7B,eAAgBA,EAAe,OAC/B,cAAeA,EAAe,MAC9B,oBAAqBA,EAAe,WACtC,EACA,QAAS,CACP,aAAcC,EAAe,KAC7B,eAAgBA,EAAe,OAC/B,cAAeA,EAAe,MAC9B,oBAAqBA,EAAe,WACtC,CACF"}

package/dist/style.css

@@ -1 +1 @@
-:root{--proton-color__primary:#e26014;--proton-color__primary-light:#fbe5d7;--proton-color__secondary:#f2f2f2;--proton-color__gray-super-dark:#141211;--proton-color__gray-dark:#4d4d4d;--proton-color__gray-medium:#7d7d7d;--proton-color__gray-medium-light:#b1b1b1;--proton-color__gray-light:#ddd;--proton-color__gray-lightest:#f0f1f2;--proton-color__gray-super-light:#f7f8f9;--proton-color__white:#fff;--proton-color__danger-super-dark:#991b1b;--proton-color__danger-dark:#a80724;--proton-color__danger-medium:#e23f5c;--proton-color__danger-light:#f16880;--proton-color__danger-super-light:#ffe1e1;--proton-color__warning-dark:#8b5600;--proton-color__warning-medium:#b37208;--proton-color__warning-light:#ffac23;--proton-color__warning-super-light:#fff0c9;--proton-color__success-dark:#247800;--proton-color__success-medium:#339a07;--proton-color__success-light:#66cf39;--proton-color__success-super-light:#deffd1;--proton-control__text-color:var(--proton-color__white);--proton-control__background-color:var(--proton-color__white);--proton-control__background-color-light:var(--proton-color__gray-super-light);--proton-control__border-color:var(--proton-color__gray-dark);--proton-control__shadow-color:var(--proton-color__gray-dark)}.proton-Button{--proton-icon-text-gap:.5em;--proton-button-edge-padding:1.05em;color:var(--proton-color__white);padding:.5em var(--proton-button-edge-padding);letter-spacing:.05em;cursor:pointer;box-sizing:border-box;border:0;border-radius:4px;align-items:center;text-decoration:none;transition:filter .1s,background-color .1s;display:inline-flex;position:relative}.proton-Button__icon-decorator{justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.proton-Button__icon-decorator--fullWidth{position:absolute}.proton-Button__icon-decorator--fullWidth.proton-Button__icon-decorator--prepend{left:var(--proton-button-edge-padding)}.proton-Button__text{box-sizing:border-box;text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}.proton-Button__icon-decorator--fullWidth.proton-Button__icon-decorator--append{right:var(--proton-button-edge-padding)}.proton-Button:hover{filter:brightness(1.08);cursor:pointer;color:var(--proton-color__white);text-decoration:none}.proton-Button--primary,.proton-Button--primary:hover{background-color:var(--proton-color__primary)}.proton-Button--secondary,.proton-Button--secondary:hover{background-color:var(--proton-color__gray-light);color:var(--proton-control__text-color)}.proton-ui__theme--custom-dark .proton-Button--secondary{background-color:var(--proton-control__background-color-light)}.proton-Button--danger{background-color:var(--proton-color__danger-medium)}.proton-Button--success{background-color:var(--proton-color__success-medium)}.proton-Button--translucent{background-color:var(--proton-control__background-color-light)}.proton-Button--translucent:hover{background-color:#ffffff38}.proton-Button--disabled,.proton-Button--disabled:hover{opacity:.5;filter:none;cursor:not-allowed}.proton-Button:focus{outline:solid var(--proton-color__primary)1px;border:none}.proton-Button:focus-visible{outline:solid var(--proton-color__primary)1px;border:none}.proton-Button--fullWidth{width:100%;display:flex}.proton-Button--small{padding:.2rem .6rem;font-size:.875rem}.proton-Button--medium{--proton-button-edge-padding:1rem;padding:.4rem 1rem;font-size:1rem}.proton-Button--large{--proton-button-edge-padding:1.2rem;padding:.6rem 1.6rem;font-size:1.2rem}.proton-Button--xlarge{--proton-button-edge-padding:1.3rem;padding:1rem 2rem .8rem;font-size:1.3rem}.proton-Button--2xlarge{--proton-button-edge-padding:1.6rem;padding:1rem 2.6rem;font-size:1.6rem}.proton-ScreenOverlay__background{-webkit-backdrop-filter:blur(24px)brightness(75%);backdrop-filter:blur(24px)brightness(75%);background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.proton-ScreenOverlay__z-index{z-index:10000}.proton-ScreenOverlay__image{object-fit:cover;width:100vw;height:100vh;position:absolute}.proton-ScreenOverlay__blur{-webkit-backdrop-filter:blur(24px)brightness(75%);backdrop-filter:blur(24px)brightness(75%);filter:brightness(50%);position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fadeInBackground{0%{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000001a}to{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c}}@keyframes fadeOutBackground{0%{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c}to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.proton-ScreenOverlay__fade-in{animation:.2s ease-in-out forwards fadeInBackground}.proton-ScreenOverlay__fade-out{animation:.2s ease-in-out forwards fadeOutBackground}.proton-ActionMenu__wrapper{z-index:10;max-height:100vh;overflow:none;flex:1;width:100%;position:fixed;bottom:0;left:0}.proton-ActionMenu__background-wrapper{opacity:0;transition:opacity .3s cubic-bezier(.34,1.56,.64,1);overflow-y:scroll}.proton-ActionMenu__card{background:var(--proton-control__background-color);color:var(--proton-control__text-color);z-index:1;border-radius:14px 14px 0 0;flex-direction:column;height:0;transition:height .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 4px #0000001a,0 0 20px #00000026}.proton-ActionMenu__card>div{flex-direction:column;flex:1;display:flex}.proton-ActionMenu__cancel-button{margin:0 12px 16px}.proton-ActionMenu__cancel-button button{justify-content:center;width:100%}.proton-ActionMenu__content{padding:12px 12px 0}.proton-ActionMenu__list{flex-direction:column;margin:10px 0;display:flex}.proton-ActionMenu__list--disabled{opacity:.5;cursor:not-allowed}.proton-ActionMenu__item{color:inherit;cursor:pointer;justify-content:space-between;align-items:center;padding:12px 8px 12px 12px;text-decoration:none;transition:background-color .2s;display:flex}.proton-ActionMenu__item:hover,.proton-ActionMenu__item:focus{background-color:var(--proton-color__gray-super-light);border:none;outline:none}.proton-ui__theme--dark .proton-ActionMenu__item:hover,.proton-ui__theme--dark .proton-ActionMenu__item:focus,.proton-ui__theme--custom-dark .proton-ActionMenu__item:focus,.proton-ui__theme--custom-dark .proton-ActionMenu__item:hover{background-color:var(--proton-color__gray-light)}.proton-ActionMenu__item[aria-checked=true]{background-color:var(--proton-color__primary-light);color:var(--proton-color__primary)}.proton-ui__theme--custom-dark .proton-ActionMenu__item[aria-checked=true],.proton-ui__theme--dark .proton-ActionMenu__item[aria-checked=true]{background-color:var(--proton-color__primary);color:var(--proton-control__text-color)}.proton-ActionMenu__item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.proton-ActionMenu__item[aria-disabled=true]:hover{background-color:#0000}.proton-ActionMenu__content:has(.proton-ListBox){padding:0}html .proton-ActionMenu__content>.proton-ListBox{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:12px}.proton-ActionMenu__title{justify-content:center;align-items:center;margin:.75rem;font-weight:600;display:flex;position:relative}.proton-ActionMenu__title button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--proton-control__text-color);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:.35rem;display:flex}.proton-ActionMenu__title button:hover{background:#ffffff1a}.proton-Badge{letter-spacing:.2em;text-align:center;text-transform:uppercase;white-space:nowrap;height:1.6rem;color:var(--proton-control__text-color);border-radius:10rem;padding-bottom:calc(1rem - 1.1em);padding-left:1rem;padding-right:calc(1rem - .2em);font-size:max(11px,min(.6875rem + .1vw,16px));font-weight:500;line-height:1.8rem;display:inline-block}.proton-ui__theme--custom-dark.proton-Badge:not([class*=proton-Badge--]),.proton-ui__theme--dark.proton-Badge:not([class*=proton-Badge--]){background-color:var(--proton-control__background-color-light)}.proton-ui__theme--light.proton-Badge:not([class*=proton-Badge--]){background-color:var(--proton-color__secondary);color:#666}.proton-Badge--secondary{background-color:var(--proton-control__background-color-light)}.proton-ui__theme--light.proton-Badge--secondary{background-color:var(--proton-color__secondary);color:#666}.proton-ui__theme--custom-dark.proton-Badge--secondary{background-color:var(--proton-color__secondary);color:var(--proton-color__white)}.proton-Badge--primary{background-color:var(--proton-color__primary);color:var(--proton-color__white)}.proton-Badge--success{background-color:var(--proton-color__success-super-light);color:var(--proton-color__success-dark)}.proton-Badge--warning{background-color:var(--proton-color__warning-super-light);color:var(--proton-color__warning-dark)}.proton-Badge--danger{background-color:var(--proton-color__danger-super-light);color:var(--proton-color__danger-dark)}.proton-Badge--transparent{color:#666;background-color:#0000}:root{--banner-bg:var(--proton-control__background-color-light);--banner-title:var(--proton-color__gray-dark);--banner-content:var(--proton-color__gray-medium);--banner-icon:var(--proton-color__gray-medium-light);--banner-blur:none}.proton-ui__theme--custom-dark,.proton-ui__theme--dark{--banner-bg:var(--proton-control__background-color-light);--banner-blur:blur(15px);--banner-title:var(--proton-control__text-color);--banner-content:var(--proton-control__text-color);--banner-icon:var(--proton-control__text-color)}.proton-Banner--warning{--banner-bg:var(--proton-color__warning-super-light);--banner-title:var(--proton-color__warning-dark);--banner-content:var(--proton-color__warning-medium);--banner-icon:var(--proton-color__warning-light)}.proton-Banner--success{--banner-bg:var(--proton-color__success-super-light);--banner-title:var(--proton-color__success-dark);--banner-content:var(--proton-color__success-medium);--banner-icon:var(--proton-color__success-light)}.proton-Banner--danger{--banner-bg:var(--proton-color__danger-super-light);--banner-title:var(--proton-color__danger-dark);--banner-content:var(--proton-color__danger-medium);--banner-icon:var(--proton-color__danger-light)}.proton-Banner{background-color:var(--banner-bg);-webkit-backdrop-filter:var(--banner-blur);backdrop-filter:var(--banner-blur);--tw-backdrop-blur:var(--banner-blur);margin:0}.proton-Banner--rounded{border-radius:.375rem}.proton-Banner__wrapper{align-items:flex-start;padding:2rem;display:flex}.proton-Banner__wrapper--compact{padding:16px}.proton-Banner__content-wrapper{min-width:0;color:var(--banner-content);flex:1}.proton-Banner__container{padding:0 10px}.proton-Banner__title{letter-spacing:.01rem;color:var(--banner-title);margin:0;font-size:max(14px,min(1.8rem,20px));font-weight:600;line-height:18px}.proton-Banner__content{color:var(--banner-content);margin:6px 0 0}.proton-Banner__icon{fill:var(--banner-icon);height:20px}.proton-Banner__actions{gap:.5rem;margin:6px 0 0;display:flex}@media (min-width:768px){.proton-Banner__container{grid-gap:8px;grid-template-columns:1fr auto;display:grid}.proton-Banner__title,.proton-Banner__content{grid-column:1;margin:auto 0}.proton-Banner__container:not(:has(.proton-Banner__content)){grid-gap:0px;grid-template-rows:1fr}.proton-Banner__container>div:last-child{grid-area:1/2/span 2;max-height:32px;margin:auto 0}.proton-Banner__actions{margin:0 0 0 12px}.proton-Banner__wrapper:not(:has(.proton-Banner__content)){align-items:center}}.proton-ButtonGroup{border:1px solid var(--proton-color__gray-light);border-radius:4px;font-weight:400;display:flex;overflow:hidden}.proton-ButtonGroup__option{background-color:var(--proton-color__gray-super-light);cursor:pointer;border-left:1px solid var(--proton-color__gray-light);color:var(--proton-color__gray-dark);text-align:center;border-radius:0;flex:1;padding:.5em 1em}.proton-ButtonGroup__option:first-child{border-left:0}.proton-ButtonGroup__option--selected{background-color:var(--proton-color__white);color:var(--proton-color__primary);z-index:2;cursor:default;border-radius:inherit;box-shadow:0 0 6px #00000026}.proton-ButtonGroup__option--selected+.proton-ButtonGroup__option{border-left:1px solid #0000}.proton-MenuTrigger{display:inline-block;position:relative}.proton-MenuTrigger__button{cursor:pointer;color:var(--proton-control__text-color);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s ease-in-out;display:flex}.proton-MenuTrigger__button:disabled{cursor:not-allowed;opacity:.5}.proton-ui__theme--dark .proton-MenuTrigger__button:disabled:hover,.proton-MenuTrigger__button:disabled:hover{background:0 0}.proton-MenuTrigger__button:focus{outline:2px solid var(--proton-control__border-color)}.proton-MenuTrigger__button:hover{background-color:#60606026}.proton-ui__theme--dark .proton-MenuTrigger__button:hover{background-color:#ffffff1a}.proton-MenuTrigger__menu-item,.proton-MenuTrigger__menu-item a{color:var(--proton-control__text-color);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.proton-MenuTrigger__chevron{width:1em;height:1em;fill:var(--proton-control__text-color)}.proton-ButtonWithSelect{align-items:stretch;display:flex;position:relative}.proton-ButtonWithSelect>button{border-top-right-radius:0;border-bottom-right-radius:0;align-items:center;display:flex;position:relative}.proton-ButtonWithSelect>button:after{content:"";background-color:#00000026;width:1px;position:absolute;top:.3em;bottom:.3em;right:0}.proton-ButtonWithSelect button:focus{box-shadow:inset 0 0 0 2px var(--proton-color__primary-light);outline:none}.proton-ButtonWithSelect__trigger .proton-Button{border-top-left-radius:0;border-bottom-left-radius:0;width:100%;height:100%}.proton-ButtonWithSelect__trigger-content{flex-direction:column;align-items:center;display:flex}.proton-Dialog{background-color:var(--proton-control__background-color);box-shadow:0 0 2px 0 var(--proton-control__shadow-color),0 0 12px 0 var(--proton-control__shadow-color);color:var(--proton-control__text-color);border-radius:4px;outline:none;padding:.65rem .85rem;font-weight:300}.proton-ui__theme--dark .proton-Dialog,.proton-ui__theme--custom-dark .proton-Dialog{background-color:var(--proton-color__gray-light)}.proton-Dialog__header{margin-top:0;margin-bottom:5px}.proton-Elevation{background-color:var(--proton-control__background-color-light);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);--tw-backdrop-blur:blur(15px);border-radius:4px;width:100%;height:100%;transition:background-color .2s ease-in-out,-webkit-backdrop-filter .2s ease-in-out,backdrop-filter .2s ease-in-out}.proton-Input{width:100%;max-width:var(--container-width,100%);box-sizing:border-box;outline:1px solid var(--proton-control__border-color);background:var(--proton-control__background-color);min-height:40px;max-height:52px;color:var(--proton-control__text-color);border:1px solid #0000;border-radius:4px;flex:1;padding-left:12px;font-size:18px;font-weight:400;transition:outline .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out}.proton-ui__theme--custom-dark .proton-Input,.proton-ui__theme--dark .proton-Input{background-color:var(--proton-control__background-color-light);outline:none}.proton-Input:disabled{opacity:.6;cursor:not-allowed}.proton-Input:not(.proton-Input--error):focus{outline:2px solid var(--proton-color__primary)}.proton-Input:not(.proton-Input--error):focus-visible{outline:2px solid var(--proton-color__primary)}.proton-Input.proton-Input--error{outline:2px solid var(--proton-color__danger-medium)}.proton-Input__container{flex-direction:column;flex:1;display:flex}.proton-Input__container-inner{flex:1;align-items:center;width:100%;display:flex;position:relative}.proton-Input__descriptor{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:50%;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.proton-Input__prefix,.proton-Input__suffix{justify-content:center;align-items:center;min-width:32px;display:flex}.proton-Input__prefix{opacity:.5;cursor:text;left:0}.proton-Input__suffix{outline:none;padding-right:12px;right:0}.proton-Input__container-inner:has(.proton-Input__prefix) .proton-Input{padding-left:var(--prefix-width,32px)}.proton-Input__container-inner:has(.proton-Input__suffix) .proton-Input{padding-right:calc(12px + var(--suffix-width,44px))}.proton-Input__text{opacity:.55;color:var(--proton-control__text-color);padding:4px 0;font-size:12px;font-weight:500}.proton-ui__theme--custom-dark .proton-Input__text{color:var(--proton-control__text-color)}.proton-Input__error{color:var(--proton-color__danger-medium);opacity:1}.proton-Input__label-top{padding-top:22px;padding-bottom:8px}.proton-Input__label{opacity:.55;color:var(--proton-control__text-color);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.proton-Input__label--filled,.proton-Input[value]:not([value=""])+.proton-Input__label,.proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary);opacity:1;font-size:12px;transform:translateY(-140%)}.proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary);opacity:1}.proton-ui__theme--custom-dark .proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary-light)}.proton-CopyInput-button{all:unset;color:var(--proton-control__text-color);text-transform:uppercase;letter-spacing:.2em;justify-content:center;align-items:center;padding-left:14px;padding-right:12px;font-size:12px;font-weight:600;line-height:1rem;display:flex}.proton-Input__suffix{padding-right:0}.proton-CopyInput-button-container{cursor:pointer;align-items:center;width:100%;height:100%;display:flex}.proton-CopyInput-button svg{margin-bottom:1px;transition:color .2s}.proton-CopyInput-button-text{margin-left:.5rem;transition:color .2s}.proton-CopyInput-button-text--copied,.proton-CopyInput-button--copied svg{color:var(--proton-color__primary)}.proton-Input:not(.proton-Input--error):focus{outline:1px solid var(--proton-control__border-color)}.proton-Input:not(.proton-Input--error):focus-visible{outline:1px solid var(--proton-control__border-color)}.proton-ui__theme--light .proton-CopyInput-button-container{border-left:1px solid var(--proton-control__border-color);align-items:center;height:100%;transition:background-color .2s;display:flex}.proton-ui__theme--light .proton-CopyInput-button-container:hover{background-color:var(--proton-control__background-color-light)}.proton-SearchInput__wrapper{width:100%}.proton-SearchInput__wrapper input{border-radius:50px;padding-left:44px!important}.proton-SearchInput__button{color:currentColor;cursor:pointer;opacity:1;background-color:#0000;border:none;transition:opacity .2s ease-in-out}.proton-SearchInput__button--hide{opacity:0}.proton-SearchInput__wrapper input[type=search]::-ms-clear{width:0;height:0;display:none}.proton-SearchInput__wrapper input[type=search]::-ms-reveal{width:0;height:0;display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-decoration{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-cancel-button{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-results-button{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-results-decoration{display:none}.proton-Modal{background-color:var(--proton-control__background-color);color:var(--proton-control__text-color);max-width:86vw;max-height:80vh;box-shadow:0 1px 4px -1px var(--proton-control__shadow-color);opacity:1;border-radius:8px;padding:32px;transition:opacity .2s ease-in-out;position:relative;overflow:visible}.proton-Modal__content{margin-top:8px}.proton-Modal--closing{opacity:0}@media (max-width:768px){.proton-Modal{border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:4px 8px;display:flex}.proton-Modal>div{text-align:center;width:100%}}.proton-Modal__title{word-break:break-word;color:var(--proton-control__text-color);margin-bottom:2px;font-size:max(16px,min(3rem,28px));font-weight:700;line-height:1.2}.proton-Modal__subtitle{color:var(--proton-control__text-color);opacity:.92;margin:0;font-size:max(16px,min(1.4rem,20px));font-weight:500;line-height:1.5}.proton-Modal__body{word-break:break-word;margin:16px 0;line-height:1.5}.proton-Modal__actions{justify-content:center;gap:1rem;margin-top:16px;display:flex}.proton-Modal__close-button{cursor:pointer;color:var(--proton-control__text-color);background:0 0;border:none;border-radius:.25rem;padding:8px;font-size:2.2rem;font-weight:800;line-height:1;transition:opacity .15s;position:absolute;top:6px;right:12px}.proton-Modal__close-button:focus,.proton-Modal__close-button:hover{opacity:.8}.proton-ui__theme--dark .proton-Modal,.proton-ui__theme--custom-dark .proton-Modal{background-color:var(--proton-control__background-color-light)}.proton-ui__theme--light .proton-Modal__title{color:var(--proton-color__gray-super-dark)}.proton-Popover{transform-origin:top}.arrow{fill:var(--proton-control__background-color);stroke-width:1px;width:12px;height:12px;position:absolute}.proton-ui__theme--dark .arrow,.proton-ui__theme--custom-dark .arrow{fill:var(--proton-color__gray-light)}.arrow[data-placement=top]{top:100%;transform:translate(-50%)}.arrow[data-placement=bottom]{bottom:100%;transform:translate(-50%)rotate(180deg)}.arrow[data-placement=left]{left:100%;transform:translateY(-50%)rotate(-90deg)}.arrow[data-placement=right]{right:100%;transform:translateY(-50%)rotate(90deg)}.proton-Popover[data-placement=top]{--origin:translateY(10px)scaleY(.9)}.proton-Popover[data-placement=bottom]{--origin:translateY(-10px)scaleY(.9)}.proton-Popover[data-placement=left]{--origin:translateX(18px)scaleX(.96)}.proton-Popover[data-placement=right]{--origin:translateX(-18px)scaleX(.96)}.proton-Popover[data-entering]{animation:.2s ease-out forwards popoverSlide}@keyframes popoverSlide{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}}.proton-ListBox{letter-spacing:.05em;background:var(--proton-control__background-color);border:1px solid var(--proton-control__border-color);min-width:100px;color:var(--proton-control__text-color);box-shadow:0 0 3px var(--proton-control__shadow-color);border-radius:10px;margin:.5rem 0 0;padding:0;list-style:none;overflow:auto}.proton-ui__theme--custom-dark .proton-ListBox,.proton-ui__theme--dark .proton-ListBox{background:var(--proton-color__gray-light);border:none}.proton-ListBox:focus{outline:none}.proton-ListBox:focus-visible{outline:none}.proton-ListBox__item{cursor:pointer;outline:none;justify-content:space-between;padding:8px 16px;transition:background-color .2s,color .2s;display:flex}.proton-ListBox__item[aria-checked=true]{background:var(--proton-color__primary-light);color:var(--proton-color__primary);font-weight:500}.proton-ListBox__item:hover,.proton-ListBox__item[data-focused=true]{background:#0000000a}.proton-ListBox__item[data-disabled=true]{opacity:.5;cursor:not-allowed}:is(.proton-ui__theme--dark .proton-ListBox__item,.proton-ui__theme--custom-dark .proton-ListBox__item):hover{color:var(--proton-control__text-color);background:#ffffff1a}.proton-Select{flex-direction:column;width:100%;margin:0;display:flex}.proton-Select__label{color:var(--proton-control__text-color);margin-bottom:2px}.proton-Select__trigger{color:var(--proton-control__text-color);font-size:inherit;border-radius:50px;flex:1;justify-content:space-between;align-items:center;width:100%;padding:.2rem .6rem .2rem 1rem;display:flex}button.proton-Select__trigger{letter-spacing:.05em;cursor:pointer;background:var(--proton-control__background-color);outline:1px solid var(--proton-control__border-color);border:1px solid #0000;font-weight:400;transition:outline .2s;position:relative}.proton-ui__theme--custom-dark button.proton-Select__trigger,.proton-ui__theme--dark button.proton-Select__trigger{background:var(--proton-color__gray-light);outline:none}button.proton-Select__trigger:hover:after{content:"";-webkit-backdrop-filter:brightness(98%);backdrop-filter:brightness(98%);z-index:1;border-radius:50px;width:100%;height:100%;position:absolute;left:0}button.proton-Select__trigger:focus{outline:solid var(--proton-color__primary)1px;border:1px solid #0000}button.proton-Select__trigger:focus-visible{outline:solid var(--proton-color__primary)1px;border:1px solid #0000}.proton-ui__theme--custom-dark button.proton-Select__trigger:focus{outline:solid var(--proton-color__gray-medium-light)1px;border:1px solid #0000}.proton-ui__theme--custom-dark button.proton-Select__trigger:focus-visible{outline:solid var(--proton-color__gray-medium-light)1px;border:1px solid #0000}.proton-Select__popover{padding-left:.25rem}.proton-Select__trigger_icon{color:var(--proton-control__text-color);width:.75em;height:.75em;margin-left:.8em;transition:transform .2s;position:relative}.proton-Select__trigger_icon svg{width:100%;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.proton-Select__trigger_icon--flipped{transform:rotateX(180deg)}.proton-Select:hover{cursor:pointer}.proton-Select__trigger--disabled,.proton-Select__trigger--disabled:hover{opacity:.5;filter:none;cursor:not-allowed}.proton-Select__value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proton-Switch{flex-flow:column;row-gap:5px;display:flex}.proton-Switch__label{text-transform:uppercase;letter-spacing:.1em;color:var(--proton-control__text-color);font-size:.7em;font-weight:600}.proton-Switch__description{color:var(--proton-control__text-color);align-self:center;font-size:.9em}.proton-Switch__wrapper{column-gap:12px;display:flex}.proton-Switch__toggle{background-color:var(--proton-color__gray-light);cursor:pointer;border-radius:26px;flex-shrink:0;width:50px;height:26px;position:relative}.proton-Switch__slider{background-color:#fff;border-radius:22px;width:22px;height:22px;transition:left .2s;position:absolute;top:2px;left:2px}.proton-Switch--on .proton-Switch__toggle{background-color:var(--proton-color__primary)}.proton-Switch--on .proton-Switch__slider{left:26px}.proton-Switch--disabled{opacity:.4}.proton-Switch--disabled .proton-Switch__toggle{cursor:not-allowed}.proton-Table{border-collapse:collapse;color:var(--proton-control__text-color);width:100%;font-weight:300}.proton-Table__header{cursor:default;letter-spacing:.1em;text-transform:uppercase;text-align:left;outline:none;padding:7px 10px;font-size:max(10px,min(.75rem,12px));font-weight:500;line-height:1rem}.proton-Table__header--center{text-align:center}.proton-Table__header--right{text-align:right}.proton-Table__headerSortIcon{padding:0 2px}.proton-Table__row{cursor:default;outline:none}.proton-Table__rowGroup--header{border-bottom:1px solid #ccc}.proton-Table__row--showLines{border-top:1px solid #ccc}.proton-Table--clickable{cursor:pointer}.proton-Table__cell{vertical-align:middle;outline:none;padding:7px 10px}.proton-Table__cell--center{text-align:center}.proton-Table__cell--right{text-align:right}.proton-TextEllipsis{vertical-align:middle;color:var(--proton-control__text-color,inherit);font-family:inherit;font-size:inherit;line-height:inherit;width:100%;display:inline-block;position:relative}.proton-TextEllipsis--single-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proton-TextEllipsis--multi-line{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.proton-TextEmphasis{color:var(--proton-color__gray-super-dark);background-image:linear-gradient(0deg,#0000 0,#0000 15%,#ff713480 15%,#ff713480 35%,#0000 35%,#0000);padding:0 .05rem;font-style:normal;font-weight:700}.proton-TextEmphasis a{color:inherit;text-decoration:none;transition:color .15s}.proton-TextEmphasis a:hover{color:var(--proton-color__primary);text-decoration:none}.proton-ui__theme--custom-dark .proton-TextEmphasis,.proton-ui__theme--dark .proton-TextEmphasis{color:var(--proton-control__text-color)}.proton-TextEmphasis--tooltip{background-image:linear-gradient(0deg,#0000 0,#0000 15%,#ff713480 25%,#ff713480 87%,#0000 80%,#0000);background-position:bottom;background-repeat:no-repeat;background-size:100% 35%;font-style:italic;font-weight:400;transition:background-size .3s,border-radius .3s}.proton-TextEmphasis--tooltip:hover{background-size:100% 100%;border-radius:2px}.proton-TextEmphasis--tooltip:not(:hover){transition-delay:.2s}.proton__Tooltip{background-color:var(--proton-control__background-color);color:var(--proton-control__text-color);position:absolute}.proton-ui__theme--dark.proton__Tooltip,.proton-ui__theme--custom-dark.proton__Tooltip{background-color:var(--proton-color__gray-light)}.proton__TooltipTrigger{all:unset}.proton__Tooltip[data-placement=top]{--origin:translateY(4px);margin-bottom:8px}.proton__Tooltip[data-placement=bottom]{--origin:translateY(-4px);margin-top:8px}.proton__Tooltip[data-placement=bottom] .proton__TooltipArrow svg{transform:rotate(180deg)}.proton__Tooltip[data-placement=right]{--origin:translateX(-4px);margin-left:8px}.proton__Tooltip[data-placement=right] .proton__TooltipArrow svg{transform:rotate(90deg)}.proton__Tooltip[data-placement=left]{--origin:translateX(4px);margin-right:8px}.proton__Tooltip[data-placement=left] .proton__TooltipArrow svg{transform:rotate(-90deg)}.proton__Tooltip .proton__TooltipArrow svg{fill:var(--proton-control__background-color);display:block}.proton__Tooltip .proton-ui__theme--custom-dark.proton__TooltipArrow svg{fill:var(--proton-color__gray-light)}.proton__Tooltip .proton-ui__theme--dark.proton__TooltipArrow svg{fill:var(--proton-color__gray-light)}.proton__Tooltip[data-entering]{animation:.2s slide}.proton__Tooltip[data-exiting]{animation:.2s reverse slide}@keyframes slide{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-300px 0}to{background-position:800px 0}}.tombstone{background-position:-300px 0;background-repeat:no-repeat;background-size:300px 100%;animation:1.5s linear infinite shimmer}.tombstone.light{background-color:#d1d1d1;background-image:linear-gradient(-90deg,#d1d1d1,#b8b8b8,#d1d1d1)}.tombstone.dark{background-color:#3c3c3c;background-image:linear-gradient(-90deg,#363636,#292727,#353535)}.tombstone.custom-dark{background-image:linear-gradient(-90deg,var(--tombstone-custom-primary)0%,var(--tombstone-custom-secondary)50%,var(--tombstone-custom-primary)100%);background-color:var(--tombstone-custom-background)}:root{--waveform-bar-color-dark:#ffffffe6;--waveform-bar-color-light:#000000b3;--waveform-disabled-color-dark:#fff3;--waveform-disabled-color-light:#0003;--waveform-animation-curve:cubic-bezier(.34,1.56,.64,1);--waveform-animation-duration:.4s;--waveform-bar-delay-multiplier:.7ms;--waveform-timestamp-padding:.25rem;--waveform-timestamp-font-size:.75rem;--waveform-timestamp-border-radius:.125rem;--waveform-hover-line-width:2px}.proton-Waveform{flex-direction:row;align-items:center;width:100%;height:100%;display:flex;position:relative}.proton-Waveform__container{z-index:0;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative}.proton-Waveform__container[data-disabled=true]{cursor:not-allowed}.proton-Waveform__timestamp{pointer-events:none;border-radius:var(--waveform-timestamp-border-radius);padding:0 var(--waveform-timestamp-padding);font-size:var(--waveform-timestamp-font-size);z-index:1;background-color:#0009;position:absolute}.proton-ui__theme--light .proton-Waveform__timestamp{color:#000c;background-color:#ffffffe6;box-shadow:0 2px 2px #0000004d}.proton-ui__theme--dark .proton-Waveform__timestamp{background-color:var(--proton-control__background-color)}.proton-ui__theme--custom-dark .proton-Waveform__timestamp{background-color:var(--proton-control__primary-dark)}.proton-Waveform__timestamp--left{left:1px}.proton-Waveform__timestamp--right{right:3px}.proton-Waveform__hover-line{width:var(--waveform-hover-line-width);background-color:#ffffff80;position:absolute;top:0;bottom:0;transform:translate(-50%)}.proton-ui__theme--light .proton-Waveform__hover-line{background-color:#00000080}.proton-Waveform__bar-wrapper{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.proton-Waveform__bar{background-color:var(--waveform-bar-color-dark);transform-origin:50%;width:100%;height:0;transition:height var(--waveform-animation-duration)var(--waveform-animation-curve);position:relative}.proton-Waveform__bar.proton-Waveform__bar--visible{height:var(--target-height);transition-delay:calc(var(--index)*var(--waveform-bar-delay-multiplier))}.proton-Waveform__bar.proton-Waveform__bar--upper{transform-origin:bottom}.proton-Waveform__bar.proton-Waveform__bar--lower{transform-origin:top}.proton-ui__theme--light .proton-Waveform__bar{background-color:var(--waveform-bar-color-light)}.proton-Waveform__bar.proton-Waveform__bar--disabled{background-color:var(--waveform-disabled-color-dark)}.proton-ui__theme--light .proton-Waveform__bar.proton-Waveform__bar--disabled{background-color:var(--waveform-disabled-color-light)}.proton-Waveform__bar.proton-Waveform__bar--disabled.proton-Waveform__bar--played{background-color:var(--waveform-disabled-color-dark)}.proton-ui__theme--light .proton-Waveform__bar.proton-Waveform__bar--disabled.proton-Waveform__bar--played{background-color:var(--waveform-disabled-color-light)}.proton-Waveform__bar.proton-Waveform__bar--played{background-color:var(--proton-color__primary)}.proton-Waveform__bar--hover{height:var(--hover-height);z-index:10;background-color:color-mix(in srgb,var(--proton-color__primary)50%,transparent);mix-blend-mode:darken;width:100%;position:absolute;top:50%;transform:translateY(-50%)}.proton-ui__theme--light .proton-Waveform__bar--hover{background-color:color-mix(in srgb,var(--proton-color__primary)50%,white);mix-blend-mode:lighten}.proton-Waveform__bar-unavailable{pointer-events:none;text-align:center;z-index:10;color:#fff;background-color:#000000b3;border-radius:4px;padding:3px 6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.proton-ui__theme--light .proton-Waveform__bar-unavailable{color:#000;background-color:#fff;box-shadow:0 5px 5px #0000004d}.proton-ui__theme--dark .proton-Waveform__bar-unavailable{background-color:var(--proton-control__background-color)}.proton-ui__theme--custom-dark .proton-Waveform__bar-unavailable{background-color:var(--proton-control__primary-dark)}.proton-Waveform__active-region{pointer-events:none;z-index:1;border:1.5px solid #ffffffb3;border-radius:4px;position:absolute;top:0;bottom:0}.proton-ui__theme--light .proton-Waveform__active-region{border-color:#0000004d}
+:root{--proton-color__primary:#e26014;--proton-color__primary-light:#fbe5d7;--proton-color__primary-super-light:#fff7f0;--proton-color__secondary:#f2f2f2;--proton-color__gray-super-dark:#141211;--proton-color__gray-dark:#4d4d4d;--proton-color__gray-medium:#7d7d7d;--proton-color__gray-medium-light:#b1b1b1;--proton-color__gray-light:#ddd;--proton-color__gray-lightest:#f0f1f2;--proton-color__gray-super-light:#f7f8f9;--proton-color__white:#fff;--proton-color__danger-super-dark:#991b1b;--proton-color__danger-dark:#a80724;--proton-color__danger-medium:#e23f5c;--proton-color__danger-light:#f16880;--proton-color__danger-super-light:#ffe1e1;--proton-color__warning-dark:#8b5600;--proton-color__warning-medium:#b37208;--proton-color__warning-light:#ffac23;--proton-color__warning-super-light:#fff0c9;--proton-color__success-dark:#247800;--proton-color__success-medium:#339a07;--proton-color__success-light:#66cf39;--proton-color__success-super-light:#deffd1;--proton-control__text-color:var(--proton-color__white);--proton-control__background-color:var(--proton-color__white);--proton-control__background-color-light:var(--proton-color__gray-super-light);--proton-control__border-color:var(--proton-color__gray-dark);--proton-control__shadow-color:var(--proton-color__gray-dark);--proton-control__border-radius:4px}.proton-Button{--proton-icon-text-gap:.3em;--proton-button-edge-padding:1.05em;color:var(--proton-color__white);border-radius:var(--proton-control__border-radius);padding:.5em var(--proton-button-edge-padding);letter-spacing:.05em;cursor:pointer;box-sizing:border-box;border:0;align-items:center;text-decoration:none;transition:filter .1s,background-color .1s;display:inline-flex;position:relative}.proton-Button__icon-decorator{padding-right:var(--proton-icon-text-gap);justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.proton-Button__icon-decorator--fullWidth{left:var(--proton-button-edge-padding);position:absolute}.proton-Button__text{box-sizing:border-box;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:auto;overflow:hidden}.proton-Button:hover{filter:brightness(1.08);cursor:pointer;color:var(--proton-color__white);text-decoration:none}.proton-Button--primary,.proton-Button--primary:hover{background-color:var(--proton-color__primary)}.proton-Button--secondary,.proton-Button--secondary:hover{background-color:var(--proton-color__gray-light);color:var(--proton-control__text-color)}.proton-ui__theme--custom-dark .proton-Button--secondary{background-color:var(--proton-control__background-color-light)}.proton-Button--danger{background-color:var(--proton-color__danger-medium)}.proton-Button--success{background-color:var(--proton-color__success-medium)}.proton-Button--translucent{background-color:var(--proton-control__background-color-light)}.proton-Button--translucent:hover{background-color:#ffffff38}.proton-Button--disabled,.proton-Button--disabled:hover{opacity:.5;filter:none;cursor:not-allowed}.proton-Button:focus{outline:solid var(--proton-color__primary)1px;border:none}.proton-Button:focus-visible{outline:solid var(--proton-color__primary)1px;border:none}.proton-Button--fullWidth{width:100%;display:flex}.proton-Button--small{padding:.2rem .6rem;font-size:.875rem}.proton-Button--medium{--proton-button-edge-padding:1rem;padding:.4rem 1rem;font-size:1rem}.proton-Button--large{--proton-button-edge-padding:1.2rem;padding:.6rem 1.6rem;font-size:1.2rem}.proton-Button--xlarge{--proton-button-edge-padding:1.3rem;padding:1rem 2rem .8rem;font-size:1.3rem}.proton-Button--2xlarge{--proton-button-edge-padding:1.6rem;padding:1rem 2.6rem;font-size:1.6rem}.proton-Button--fullWidth .proton-Button__text{transform:translate(calc(var(--proton-button-text-shift)))}.proton-ScreenOverlay__background{-webkit-backdrop-filter:blur(24px)brightness(75%);backdrop-filter:blur(24px)brightness(75%);background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.proton-ScreenOverlay__z-index{z-index:10000}.proton-ScreenOverlay__image{object-fit:cover;width:100vw;height:100vh;position:absolute}.proton-ScreenOverlay__blur{-webkit-backdrop-filter:blur(24px)brightness(75%);backdrop-filter:blur(24px)brightness(75%);filter:brightness(50%);position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fadeInBackground{0%{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000001a}to{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c}}@keyframes fadeOutBackground{0%{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c}to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.proton-ScreenOverlay__fade-in{animation:.2s ease-in-out forwards fadeInBackground}.proton-ScreenOverlay__fade-out{animation:.2s ease-in-out forwards fadeOutBackground}.proton-ActionMenu__wrapper{z-index:10;max-height:100vh;overflow:none;flex:1;width:100%;position:fixed;bottom:0;left:0}.proton-ActionMenu__background-wrapper{opacity:0;transition:opacity .3s cubic-bezier(.34,1.56,.64,1);overflow-y:scroll}.proton-ActionMenu__card{background:var(--proton-control__background-color);color:var(--proton-control__text-color);z-index:1;border-radius:14px 14px 0 0;flex-direction:column;height:0;transition:height .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 4px #0000001a,0 0 20px #00000026}.proton-ActionMenu__card>div{flex-direction:column;flex:1;display:flex}.proton-ActionMenu__cancel-button{margin:0 12px 16px}.proton-ActionMenu__cancel-button button{justify-content:center;width:100%}.proton-ActionMenu__content{padding:12px 12px 0}.proton-ActionMenu__list{flex-direction:column;margin:10px 0;display:flex}.proton-ActionMenu__list--disabled{opacity:.5;cursor:not-allowed}.proton-ActionMenu__item{color:inherit;cursor:pointer;justify-content:space-between;align-items:center;padding:12px 8px 12px 12px;text-decoration:none;transition:background-color .2s;display:flex}.proton-ActionMenu__item:hover,.proton-ActionMenu__item:focus{background-color:var(--proton-color__gray-super-light);border:none;outline:none}.proton-ui__theme--dark .proton-ActionMenu__item:hover,.proton-ui__theme--dark .proton-ActionMenu__item:focus,.proton-ui__theme--custom-dark .proton-ActionMenu__item:focus,.proton-ui__theme--custom-dark .proton-ActionMenu__item:hover{background-color:var(--proton-color__gray-light)}.proton-ActionMenu__item[aria-checked=true]{background-color:var(--proton-color__primary-light);color:var(--proton-color__primary)}.proton-ui__theme--custom-dark .proton-ActionMenu__item[aria-checked=true],.proton-ui__theme--dark .proton-ActionMenu__item[aria-checked=true]{background-color:var(--proton-color__primary);color:var(--proton-control__text-color)}.proton-ActionMenu__item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.proton-ActionMenu__item[aria-disabled=true]:hover{background-color:#0000}.proton-ActionMenu__content:has(.proton-ListBox){padding:0}html .proton-ActionMenu__content>.proton-ListBox{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:12px}.proton-ActionMenu__title{justify-content:center;align-items:center;margin:.75rem;font-weight:600;display:flex;position:relative}.proton-ActionMenu__title button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--proton-control__text-color);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:.35rem;display:flex}.proton-ActionMenu__title button:hover{background:#ffffff1a}.proton-ActionMenu__description{color:var(--proton-control__text-color);opacity:.7;font-size:.875rem}.proton-ActionMenu__item-label{font-weight:500}.proton-Badge{letter-spacing:.2em;text-align:center;text-transform:uppercase;white-space:nowrap;height:1.6rem;color:var(--proton-control__text-color);border-radius:10rem;padding-bottom:calc(1rem - 1.1em);padding-left:1rem;padding-right:calc(1rem - .2em);font-size:max(11px,min(.6875rem + .1vw,16px));font-weight:500;line-height:1.8rem;display:inline-block}.proton-ui__theme--custom-dark.proton-Badge:not([class*=proton-Badge--]),.proton-ui__theme--dark.proton-Badge:not([class*=proton-Badge--]){background-color:var(--proton-control__background-color-light)}.proton-ui__theme--light.proton-Badge:not([class*=proton-Badge--]){background-color:var(--proton-color__secondary);color:#666}.proton-Badge--secondary{background-color:var(--proton-control__background-color-light)}.proton-ui__theme--light.proton-Badge--secondary{background-color:var(--proton-color__secondary);color:#666}.proton-ui__theme--custom-dark.proton-Badge--secondary{background-color:var(--proton-color__secondary);color:var(--proton-color__white)}.proton-Badge--primary{background-color:var(--proton-color__primary);color:var(--proton-color__white)}.proton-Badge--success{background-color:var(--proton-color__success-super-light);color:var(--proton-color__success-dark)}.proton-Badge--warning{background-color:var(--proton-color__warning-super-light);color:var(--proton-color__warning-dark)}.proton-Badge--danger{background-color:var(--proton-color__danger-super-light);color:var(--proton-color__danger-dark)}.proton-Badge--transparent{color:#666;background-color:#0000}:root{--banner-bg:var(--proton-control__background-color-light);--banner-title:var(--proton-color__gray-dark);--banner-content:var(--proton-color__gray-medium);--banner-icon:var(--proton-color__gray-medium-light);--banner-blur:none}.proton-ui__theme--custom-dark,.proton-ui__theme--dark{--banner-bg:var(--proton-control__background-color-light);--banner-blur:blur(15px);--banner-title:var(--proton-control__text-color);--banner-content:var(--proton-control__text-color);--banner-icon:var(--proton-control__text-color)}.proton-Banner--warning{--banner-bg:var(--proton-color__warning-super-light);--banner-title:var(--proton-color__warning-dark);--banner-content:var(--proton-color__warning-medium);--banner-icon:var(--proton-color__warning-light)}.proton-Banner--success{--banner-bg:var(--proton-color__success-super-light);--banner-title:var(--proton-color__success-dark);--banner-content:var(--proton-color__success-medium);--banner-icon:var(--proton-color__success-light)}.proton-Banner--danger{--banner-bg:var(--proton-color__danger-super-light);--banner-title:var(--proton-color__danger-dark);--banner-content:var(--proton-color__danger-medium);--banner-icon:var(--proton-color__danger-light)}.proton-Banner{background-color:var(--banner-bg);-webkit-backdrop-filter:var(--banner-blur);backdrop-filter:var(--banner-blur);--tw-backdrop-blur:var(--banner-blur);margin:0}.proton-Banner--rounded{border-radius:.375rem}.proton-Banner__wrapper{align-items:flex-start;padding:2rem;display:flex}.proton-Banner__wrapper--compact{padding:16px}.proton-Banner__content-wrapper{min-width:0;color:var(--banner-content);flex:1}.proton-Banner__container{padding:0 10px}.proton-Banner__title{letter-spacing:.01rem;color:var(--banner-title);margin:0;font-size:max(14px,min(1.8rem,20px));font-weight:600;line-height:18px}.proton-Banner__content{color:var(--banner-content);margin:6px 0 0}.proton-Banner__icon{fill:var(--banner-icon);height:20px}.proton-Banner__actions{gap:.5rem;margin:6px 0 0;display:flex}@media (min-width:768px){.proton-Banner__container{grid-gap:8px;grid-template-columns:1fr auto;display:grid}.proton-Banner__title,.proton-Banner__content{grid-column:1;margin:auto 0}.proton-Banner__container:not(:has(.proton-Banner__content)){grid-gap:0px;grid-template-rows:1fr}.proton-Banner__container>div:last-child{grid-area:1/2/span 2;max-height:32px;margin:auto 0}.proton-Banner__actions{margin:0 0 0 12px}.proton-Banner__wrapper:not(:has(.proton-Banner__content)){align-items:center}}.proton-ButtonGroup{border:1px solid var(--proton-color__gray-light);border-radius:4px;font-weight:400;display:flex;overflow:hidden}.proton-ButtonGroup__option{background-color:var(--proton-color__gray-super-light);cursor:pointer;border-left:1px solid var(--proton-color__gray-light);color:var(--proton-color__gray-dark);text-align:center;border-radius:0;flex:1;padding:.5em 1em}.proton-ButtonGroup__option:first-child{border-left:0}.proton-ButtonGroup__option--selected{background-color:var(--proton-color__white);color:var(--proton-color__primary);z-index:2;cursor:default;border-radius:inherit;box-shadow:0 0 6px #00000026}.proton-ButtonGroup__option--selected+.proton-ButtonGroup__option{border-left:1px solid #0000}.proton-MenuTrigger{display:inline-block;position:relative}.proton-MenuTrigger__menu-header{text-transform:uppercase;color:var(--proton-control__text-color);background-color:var(--proton-control__background-color-light);letter-spacing:.1em;padding:5px 16px 4px;font-size:.8em;font-weight:700}.proton-MenuTrigger__button{cursor:pointer;color:var(--proton-control__text-color);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s ease-in-out;display:flex}.proton-MenuTrigger__button:disabled{cursor:not-allowed;opacity:.5}.proton-ui__theme--dark .proton-MenuTrigger__button:disabled:hover,.proton-MenuTrigger__button:disabled:hover{background:0 0}.proton-MenuTrigger__button:focus{outline:2px solid var(--proton-control__border-color)}.proton-MenuTrigger__button:hover{background-color:#60606026}.proton-ui__theme--dark .proton-MenuTrigger__button:hover{background-color:#ffffff1a}.proton-MenuTrigger__menu-item.proton-ListBox__item,.proton-MenuTrigger__menu-item a{color:var(--proton-control__text-color);grid-template-areas:"label kbd""desc kbd";text-decoration:none;display:grid}:is(.proton-MenuTrigger__menu-item.proton-ListBox__item,.proton-MenuTrigger__menu-item a)[data-has-submenu=true]{grid-template-columns:unset;grid-template-areas:unset;justify-content:space-between;align-items:center;display:flex}:is(.proton-MenuTrigger__menu-item.proton-ListBox__item,.proton-MenuTrigger__menu-item a) [slot=label]{grid-area:label;font-weight:500}:is(.proton-MenuTrigger__menu-item.proton-ListBox__item,.proton-MenuTrigger__menu-item a) [slot=description]{opacity:.7;grid-area:desc;font-size:small}.proton-MenuTrigger__chevron{width:1em;height:1em;fill:var(--proton-control__text-color);padding-left:8px}.proton-ButtonWithSelect{align-items:stretch;display:flex;position:relative}.proton-ButtonWithSelect button:focus{box-shadow:inset 0 0 0 2px var(--proton-color__primary-light);outline:none}.proton-ButtonWithSelect__button{flex:var(--flex);align-items:stretch;display:flex}.proton-ButtonWithSelect__button button{border-top-right-radius:0;border-bottom-right-radius:0;align-items:center;display:flex;position:relative;overflow:hidden}.proton-ButtonWithSelect__button button:after{content:"";background-color:#00000026;width:1px;position:absolute;top:.3em;bottom:.3em;right:0}.proton-ButtonWithSelect__trigger{flex:0 0 var(--trigger-width);min-width:var(--trigger-width);max-width:var(--trigger-width)}.proton-ButtonWithSelect__trigger .proton-Button{border-top-left-radius:0;border-bottom-left-radius:0;width:100%;height:100%;padding:0}.proton-ButtonWithSelect__trigger-content{flex-direction:column;align-items:center;display:flex}.proton-Dialog{background-color:var(--proton-control__background-color);border-radius:var(--proton-control__border-radius);box-shadow:0 0 20px 0 var(--proton-control__shadow-color),0 0 4px 0 var(--proton-control__shadow-color);color:var(--proton-control__text-color);outline:none;padding:.65rem .85rem;font-weight:300}.proton-ui__theme--dark .proton-Dialog,.proton-ui__theme--custom-dark .proton-Dialog{background-color:var(--proton-color__gray-light)}.proton-Dialog__header{margin-top:0;margin-bottom:5px}.proton-Elevation{border-radius:var(--proton-control__border-radius);background-color:var(--proton-control__background-color-light);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);--tw-backdrop-blur:blur(15px);width:100%;height:100%;transition:background-color .2s ease-in-out,-webkit-backdrop-filter .2s ease-in-out,backdrop-filter .2s ease-in-out}.proton-Input{width:100%;max-width:var(--container-width,100%);border-radius:var(--proton-control__border-radius);box-sizing:border-box;outline:1px solid var(--proton-control__border-color);background:var(--proton-control__background-color);min-height:40px;max-height:52px;color:var(--proton-control__text-color);border:1px solid #0000;flex:1;padding-left:12px;font-size:18px;font-weight:400;transition:outline .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out}.proton-ui__theme--custom-dark .proton-Input,.proton-ui__theme--dark .proton-Input{background-color:var(--proton-control__background-color-light);outline:none}.proton-Input:disabled{opacity:.6;cursor:not-allowed}.proton-Input:not(.proton-Input--error):focus{outline:2px solid var(--proton-color__primary)}.proton-Input:not(.proton-Input--error):focus-visible{outline:2px solid var(--proton-color__primary)}.proton-Input.proton-Input--error{outline:2px solid var(--proton-color__danger-medium)}.proton-Input__container{flex-direction:column;flex:1;display:flex}.proton-Input__container-inner{flex:1;align-items:center;width:100%;display:flex;position:relative}.proton-Input__descriptor{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:50%;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.proton-Input__prefix,.proton-Input__suffix{justify-content:center;align-items:center;min-width:32px;display:flex}.proton-Input__prefix{opacity:.5;cursor:text;left:0}.proton-Input__suffix{outline:none;padding-right:12px;right:0}.proton-Input__container-inner:has(.proton-Input__prefix) .proton-Input{padding-left:var(--prefix-width,32px)}.proton-Input__container-inner:has(.proton-Input__suffix) .proton-Input{padding-right:calc(12px + var(--suffix-width,44px))}.proton-Input__text{opacity:.55;color:var(--proton-control__text-color);padding:4px 0;font-size:12px;font-weight:500}.proton-ui__theme--custom-dark .proton-Input__text{color:var(--proton-control__text-color)}.proton-Input__error{color:var(--proton-color__danger-medium);opacity:1}.proton-Input__label-top{padding-top:22px;padding-bottom:8px}.proton-Input__label{opacity:.55;color:var(--proton-control__text-color);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.proton-Input__label--filled,.proton-Input[value]:not([value=""])+.proton-Input__label,.proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary);opacity:1;font-size:12px;transform:translateY(-140%)}.proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary);opacity:1}.proton-ui__theme--custom-dark .proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary-light)}.proton-CopyInput-button{all:unset;color:var(--proton-control__text-color);text-transform:uppercase;letter-spacing:.2em;justify-content:center;align-items:center;padding-left:14px;padding-right:12px;font-size:12px;font-weight:600;line-height:1rem;display:flex}.proton-Input__suffix{padding-right:0}.proton-CopyInput-button-container{cursor:pointer;align-items:center;width:100%;height:100%;display:flex}.proton-CopyInput-button svg{margin-bottom:1px;transition:color .2s}.proton-CopyInput-button-text{margin-left:.5rem;transition:color .2s}.proton-CopyInput-button-text--copied,.proton-CopyInput-button--copied svg{color:var(--proton-color__primary)}.proton-Input:not(.proton-Input--error):focus{outline:1px solid var(--proton-control__border-color)}.proton-Input:not(.proton-Input--error):focus-visible{outline:1px solid var(--proton-control__border-color)}.proton-ui__theme--light .proton-CopyInput-button-container{border-left:1px solid var(--proton-control__border-color);align-items:center;height:100%;transition:background-color .2s;display:flex}.proton-ui__theme--light .proton-CopyInput-button-container:hover{background-color:var(--proton-control__background-color-light)}.proton-SearchInput__wrapper{width:100%}.proton-SearchInput__wrapper input{border-radius:50px;padding-left:44px!important}.proton-SearchInput__button{color:currentColor;cursor:pointer;opacity:1;background-color:#0000;border:none;transition:opacity .2s ease-in-out}.proton-SearchInput__button--hide{opacity:0}.proton-SearchInput__wrapper input[type=search]::-ms-clear{width:0;height:0;display:none}.proton-SearchInput__wrapper input[type=search]::-ms-reveal{width:0;height:0;display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-decoration{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-cancel-button{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-results-button{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-results-decoration{display:none}.proton-Modal{background-color:var(--proton-control__background-color);color:var(--proton-control__text-color);max-width:86vw;max-height:80vh;box-shadow:0 1px 4px -1px var(--proton-control__shadow-color);opacity:1;border-radius:8px;padding:32px;transition:opacity .2s ease-in-out;position:relative;overflow:visible}.proton-Modal__content{margin-top:8px}.proton-Modal--closing{opacity:0}@media (max-width:768px){.proton-Modal{border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:4px 8px;display:flex}.proton-Modal>div{text-align:center;width:100%}}.proton-Modal__title{word-break:break-word;color:var(--proton-control__text-color);margin-bottom:2px;font-size:max(16px,min(3rem,28px));font-weight:700;line-height:1.2}.proton-Modal__subtitle{color:var(--proton-control__text-color);opacity:.92;margin:0;font-size:max(16px,min(1.4rem,20px));font-weight:500;line-height:1.5}.proton-Modal__body{word-break:break-word;margin:16px 0;line-height:1.5}.proton-Modal__actions{justify-content:center;gap:1rem;margin-top:16px;display:flex}.proton-Modal__close-button{cursor:pointer;color:var(--proton-control__text-color);background:0 0;border:none;border-radius:.25rem;padding:8px;font-size:2.2rem;font-weight:800;line-height:1;transition:opacity .15s;position:absolute;top:6px;right:12px}.proton-Modal__close-button:focus,.proton-Modal__close-button:hover{opacity:.8}.proton-ui__theme--dark .proton-Modal,.proton-ui__theme--custom-dark .proton-Modal{background-color:var(--proton-control__background-color-light)}.proton-ui__theme--light .proton-Modal__title{color:var(--proton-color__gray-super-dark)}.proton-Popover{transform-origin:top}.arrow{fill:var(--proton-control__background-color);stroke-width:1px;width:12px;height:12px;position:absolute}.proton-ui__theme--dark .arrow,.proton-ui__theme--custom-dark .arrow{fill:var(--proton-color__gray-light)}.arrow[data-placement=top]{top:100%;transform:translate(-50%)}.arrow[data-placement=bottom]{bottom:100%;transform:translate(-50%)rotate(180deg)}.arrow[data-placement=left]{left:100%;transform:translateY(-50%)rotate(-90deg)}.arrow[data-placement=right]{right:100%;transform:translateY(-50%)rotate(90deg)}.proton-Popover[data-placement=top]{--origin:translateY(10px)scaleY(.9)}.proton-Popover[data-placement=bottom]{--origin:translateY(-10px)scaleY(.9)}.proton-Popover[data-placement=left]{--origin:translateX(18px)scaleX(.96)}.proton-Popover[data-placement=right]{--origin:translateX(-18px)scaleX(.96)}.proton-Popover[data-entering]{animation:.2s ease-out forwards popoverSlide}@keyframes popoverSlide{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}}.proton-ListBox{--listbox-bg-color:var(--proton-control__background-color);--listbox-item-bg-color:var(--proton-control__background-color);letter-spacing:.05em;border-radius:var(--proton-control__border-radius);background:var(--listbox-bg-color);border:1px solid var(--proton-control__border-color);min-width:100px;color:var(--proton-control__text-color);box-shadow:0 0 3px var(--proton-control__shadow-color);margin:.5rem 0 0;padding:0;list-style:none;overflow:auto}.proton-ListBox__item{background:var(--listbox-item-bg-color);cursor:pointer;outline:none;justify-content:space-between;padding:8px 16px;transition:background-color .2s,color .2s;display:flex}.proton-ListBox__item[aria-checked=true]{--listbox-item-bg-color:var(--proton-color__primary-light);color:var(--proton-color__primary);font-weight:500}.proton-ListBox__item[aria-checked=true]:hover,.proton-ListBox__item[aria-checked=true][data-focused=true]{--listbox-item-bg-color:var(--proton-color__primary-light)}.proton-ListBox__item[aria-selected=true]{--listbox-item-bg-color:var(--proton-color__primary-light);color:var(--proton-color__primary);font-weight:500}.proton-ListBox__item[aria-selected=true]:hover,.proton-ListBox__item[aria-selected=true][data-focused=true]{--listbox-item-bg-color:var(--proton-color__primary-light)}.proton-ListBox__item[data-focused=true]{box-shadow:inset 0 0 5px var(--proton-color__primary)}.proton-ListBox__item:hover{--listbox-item-bg-color:var(--proton-control__background-color-light);box-shadow:none}.proton-ListBox__item[aria-disabled=true],.proton-ListBox__item[data-disabled=true]{opacity:.5;cursor:not-allowed}.proton-Select{flex-direction:column;width:100%;margin:0;display:flex}.proton-Select__label{color:var(--proton-control__text-color);margin-bottom:2px}.proton-Select__trigger{color:var(--proton-control__text-color);font-size:inherit;border-radius:var(--proton-control__border-radius);flex:1;justify-content:space-between;align-items:center;width:100%;padding:.2rem .6rem .2rem 1rem;display:flex}button.proton-Select__trigger{letter-spacing:.05em;cursor:pointer;background:var(--proton-control__background-color);outline:1px solid var(--proton-control__border-color);border:1px solid #0000;font-weight:400;transition:outline .2s;position:relative}.proton-ui__theme--custom-dark button.proton-Select__trigger,.proton-ui__theme--dark button.proton-Select__trigger{background:var(--proton-control__background-color);border:1px solid var(--proton-control__border-color);outline:none}button.proton-Select__trigger:hover:after{content:"";z-index:1;background-color:#00000005;width:100%;height:100%;position:absolute;top:0;left:0}.proton-ui__theme--custom-dark button.proton-Select__trigger:hover:after,.proton-ui__theme--dark button.proton-Select__trigger:hover:after{background-color:#ffffff05}button.proton-Select__trigger:focus{outline:solid var(--proton-color__primary)1px;border:1px solid #0000}button.proton-Select__trigger:focus-visible{outline:solid var(--proton-color__primary)1px;border:1px solid #0000}.proton-ui__theme--custom-dark button.proton-Select__trigger:focus{outline:solid var(--proton-color__gray-lightest)1px;border:1px solid #0000}.proton-ui__theme--custom-dark button.proton-Select__trigger:focus-visible{outline:solid var(--proton-color__gray-lightest)1px;border:1px solid #0000}.proton-Select__popover{padding-left:.25rem}.proton-Select__trigger_icon{color:var(--proton-control__text-color);width:.75em;height:.75em;margin-left:.8em;transition:transform .2s;position:relative}.proton-Select__trigger_icon svg{width:100%;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.proton-Select__trigger_icon--flipped{transform:rotateX(180deg)}.proton-Select:hover{cursor:pointer}.proton-Select__trigger--disabled,.proton-Select__trigger--disabled:hover{opacity:.5;filter:none;cursor:not-allowed}.proton-Select__value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proton-Switch{flex-flow:column;row-gap:5px;display:flex}.proton-Switch__label{text-transform:uppercase;letter-spacing:.1em;color:var(--proton-control__text-color);font-size:.7em;font-weight:600}.proton-Switch__description{color:var(--proton-control__text-color);align-self:center;font-size:.9em}.proton-Switch__wrapper{column-gap:12px;display:flex}.proton-Switch__toggle{background-color:var(--proton-color__gray-light);cursor:pointer;border-radius:26px;flex-shrink:0;width:50px;height:26px;position:relative}.proton-Switch__slider{background-color:#fff;border-radius:22px;width:22px;height:22px;transition:left .2s;position:absolute;top:2px;left:2px}.proton-Switch--on .proton-Switch__toggle{background-color:var(--proton-color__primary)}.proton-Switch--on .proton-Switch__slider{left:26px}.proton-Switch--disabled{opacity:.4}.proton-Switch--disabled .proton-Switch__toggle{cursor:not-allowed}.proton-Table{border-collapse:collapse;color:var(--proton-control__text-color);width:100%;font-weight:300}.proton-Table__caption{display:none}.proton-Table__header{cursor:default;letter-spacing:.1em;text-transform:uppercase;text-align:left;outline:none;padding:7px 10px;font-size:max(10px,min(.75rem,12px));font-weight:500;line-height:1rem}.proton-Table__header--center{text-align:center}.proton-Table__header--right{text-align:right}.proton-Table__headerSortIcon{padding:0 2px}.proton-Table__row{cursor:default;outline:none}.proton-Table__rowGroup--header{border-bottom:1px solid #ccc}.proton-Table__row--showLines{border-top:1px solid #ccc}.proton-Table--clickable{cursor:pointer}.proton-Table__cell{vertical-align:middle;outline:none;padding:7px 10px}.proton-Table__cell--center{text-align:center}.proton-Table__cell--right{text-align:right}.proton-TextEllipsis{vertical-align:middle;color:var(--proton-control__text-color,inherit);font-family:inherit;font-size:inherit;line-height:inherit;width:100%;height:100%;display:inline-block;position:relative}.proton-TextEllipsis--single-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proton-TextEllipsis--multi-line{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.proton-TextEmphasis{color:var(--proton-color__gray-super-dark);background-image:linear-gradient(0deg,#0000 0,#0000 15%,#ff713480 15%,#ff713480 35%,#0000 35%,#0000);padding:0 .05rem;font-style:normal;font-weight:700}.proton-TextEmphasis a{color:inherit;text-decoration:none;transition:color .15s}.proton-TextEmphasis a:hover{color:var(--proton-color__primary);text-decoration:none}.proton-ui__theme--custom-dark .proton-TextEmphasis,.proton-ui__theme--dark .proton-TextEmphasis{color:var(--proton-control__text-color)}.proton-TextEmphasis--tooltip{background-image:linear-gradient(0deg,#0000 0,#0000 15%,#ff713480 25%,#ff713480 87%,#0000 80%,#0000);background-position:bottom;background-repeat:no-repeat;background-size:100% 35%;font-style:italic;font-weight:400;transition:background-size .3s,border-radius .3s}.proton-TextEmphasis--tooltip:hover{background-size:100% 100%;border-radius:2px}.proton-TextEmphasis--tooltip:not(:hover){transition-delay:.2s}.proton__Tooltip{background-color:var(--proton-control__background-color);color:var(--proton-control__text-color);position:absolute}.proton-ui__theme--dark.proton__Tooltip,.proton-ui__theme--custom-dark.proton__Tooltip{background-color:var(--proton-color__gray-light)}.proton__TooltipTrigger{all:unset}.proton__Tooltip[data-placement=top]{--origin:translateY(4px);margin-bottom:8px}.proton__Tooltip[data-placement=bottom]{--origin:translateY(-4px);margin-top:8px}.proton__Tooltip[data-placement=bottom] .proton__TooltipArrow svg{transform:rotate(180deg)}.proton__Tooltip[data-placement=right]{--origin:translateX(-4px);margin-left:8px}.proton__Tooltip[data-placement=right] .proton__TooltipArrow svg{transform:rotate(90deg)}.proton__Tooltip[data-placement=left]{--origin:translateX(4px);margin-right:8px}.proton__Tooltip[data-placement=left] .proton__TooltipArrow svg{transform:rotate(-90deg)}.proton__Tooltip .proton__TooltipArrow svg{fill:var(--proton-control__background-color);display:block}.proton__Tooltip .proton-ui__theme--custom-dark.proton__TooltipArrow svg{fill:var(--proton-color__gray-light)}.proton__Tooltip .proton-ui__theme--dark.proton__TooltipArrow svg{fill:var(--proton-color__gray-light)}.proton__Tooltip[data-entering]{animation:.2s slide}.proton__Tooltip[data-exiting]{animation:.2s reverse slide}@keyframes slide{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-300px 0}to{background-position:800px 0}}.tombstone{background-position:-300px 0;background-repeat:no-repeat;background-size:300px 100%;animation:1.5s linear infinite shimmer}.tombstone.light{background-color:#d1d1d1;background-image:linear-gradient(-90deg,#d1d1d1,#b8b8b8,#d1d1d1)}.tombstone.dark{background-color:#3c3c3c;background-image:linear-gradient(-90deg,#363636,#292727,#353535)}.tombstone.custom-dark{background-image:linear-gradient(-90deg,var(--tombstone-custom-primary)0%,var(--tombstone-custom-secondary)50%,var(--tombstone-custom-primary)100%);background-color:var(--tombstone-custom-background)}:root{--waveform-bar-color-dark:#ffffffe6;--waveform-bar-color-light:#000000b3;--waveform-disabled-color-dark:#fff3;--waveform-disabled-color-light:#0003;--waveform-animation-curve:cubic-bezier(.34,1.56,.64,1);--waveform-animation-duration:.4s;--waveform-bar-delay-multiplier:.7ms;--waveform-timestamp-padding:.25rem;--waveform-timestamp-font-size:.75rem;--waveform-timestamp-border-radius:.125rem;--waveform-hover-line-width:2px}.proton-Waveform{flex-direction:row;align-items:center;width:100%;height:100%;display:flex;position:relative}.proton-Waveform__container{z-index:0;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative}.proton-Waveform__container[data-disabled=true]{cursor:not-allowed}.proton-Waveform__timestamp{pointer-events:none;border-radius:var(--waveform-timestamp-border-radius);padding:0 var(--waveform-timestamp-padding);font-size:var(--waveform-timestamp-font-size);z-index:1;background-color:#0009;position:absolute}.proton-ui__theme--light .proton-Waveform__timestamp{color:#000c;background-color:#ffffffe6;box-shadow:0 2px 2px #0000004d}.proton-ui__theme--dark .proton-Waveform__timestamp{background-color:var(--proton-control__background-color)}.proton-ui__theme--custom-dark .proton-Waveform__timestamp{background-color:var(--proton-control__primary-dark)}.proton-Waveform__timestamp--left{left:1px}.proton-Waveform__timestamp--right{right:3px}.proton-Waveform__hover-line{width:var(--waveform-hover-line-width);background-color:#ffffff80;position:absolute;top:0;bottom:0;transform:translate(-50%)}.proton-ui__theme--light .proton-Waveform__hover-line{background-color:#00000080}.proton-Waveform__bar-wrapper{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.proton-Waveform__bar{background-color:var(--waveform-bar-color-dark);transform-origin:50%;width:100%;height:0;transition:height var(--waveform-animation-duration)var(--waveform-animation-curve);position:relative}.proton-Waveform__bar.proton-Waveform__bar--visible{height:var(--target-height);transition-delay:calc(var(--index)*var(--waveform-bar-delay-multiplier))}.proton-Waveform__bar.proton-Waveform__bar--upper{transform-origin:bottom}.proton-Waveform__bar.proton-Waveform__bar--lower{transform-origin:top}.proton-ui__theme--light .proton-Waveform__bar{background-color:var(--waveform-bar-color-light)}.proton-Waveform__bar.proton-Waveform__bar--disabled{background-color:var(--waveform-disabled-color-dark)}.proton-ui__theme--light .proton-Waveform__bar.proton-Waveform__bar--disabled{background-color:var(--waveform-disabled-color-light)}.proton-Waveform__bar.proton-Waveform__bar--disabled.proton-Waveform__bar--played{background-color:var(--waveform-disabled-color-dark)}.proton-ui__theme--light .proton-Waveform__bar.proton-Waveform__bar--disabled.proton-Waveform__bar--played{background-color:var(--waveform-disabled-color-light)}.proton-Waveform__bar.proton-Waveform__bar--played{background-color:var(--proton-color__primary)}.proton-Waveform__bar--hover{height:var(--hover-height);z-index:10;background-color:color-mix(in srgb,var(--proton-color__primary)50%,transparent);mix-blend-mode:darken;width:100%;position:absolute;top:50%;transform:translateY(-50%)}.proton-ui__theme--light .proton-Waveform__bar--hover{background-color:color-mix(in srgb,var(--proton-color__primary)50%,white);mix-blend-mode:lighten}.proton-Waveform__bar-unavailable{pointer-events:none;text-align:center;z-index:10;color:#fff;background-color:#000000b3;border-radius:4px;padding:3px 6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.proton-ui__theme--light .proton-Waveform__bar-unavailable{color:#000;background-color:#fff;box-shadow:0 5px 5px #0000004d}.proton-ui__theme--dark .proton-Waveform__bar-unavailable{background-color:var(--proton-control__background-color)}.proton-ui__theme--custom-dark .proton-Waveform__bar-unavailable{background-color:var(--proton-control__primary-dark)}.proton-Waveform__active-region{pointer-events:none;z-index:1;border:1.5px solid #ffffffb3;border-radius:4px;position:absolute;top:0;bottom:0}.proton-ui__theme--light .proton-Waveform__active-region{border-color:#0000004d}

package/dist/useBreakpoint-CjRyGKN-.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint-CjRyGKN-.mjs","sources":["../src/hooks/useIsClosing.tsx","../src/hooks/useLockBodyScroll.tsx","../src/hooks/useBreakpoint.tsx"],"sourcesContent":["import { useState, useCallback, RefObject, useEffect } from \"react\";\n\ninterface UseIsClosingOptions {\n  /**\n   * Duration of the closing animation in milliseconds\n   * @default 200\n   */\n  duration?: number;\n  /**\n   * Callback to run after the closing animation completes\n   */\n  onClose?: () => void;\n  /**\n   * When passed, the fade-out class will be added to @ScreenOverlay on close\n   */\n  overlayRef?: RefObject<HTMLElement>;\n}\n\n/**\n * Hook to manage the closing animation state of a component\n * @interface UseIsClosingOptions\n * @returns Object containing isClosing state and handleClose function\n */\nexport function useIsClosing({\n  duration = 200,\n  onClose,\n  overlayRef,\n}: UseIsClosingOptions) {\n  const [isClosing, setIsClosing] = useState(false);\n  const [timeoutId, setTimeoutId] = useState<number>();\n\n  const handleClose = useCallback(() => {\n    if (duration <= 0) {\n      console.warn(\n        \"useIsClosing: Duration must be positive. Executing onClose immediately.\"\n      );\n      onClose?.();\n      return;\n    }\n\n    setIsClosing(true);\n\n    if (overlayRef?.current) {\n      overlayRef.current.classList.add(\"proton-ScreenOverlay__fade-out\");\n    }\n\n    const id = setTimeout(() => {\n      onClose?.();\n      setIsClosing(false);\n    }, duration);\n\n    setTimeoutId(id);\n  }, [duration, onClose, overlayRef]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [timeoutId]);\n\n  return {\n    isClosing,\n    handleClose,\n  };\n}\n","import { useLayoutEffect } from \"react\";\n\n/**\n * A React hook that prevents body scrolling while a component is mounted.\n * Useful for modals, overlays, and other components that should prevent background scrolling.\n */\nexport function useLockBodyScroll(isActive: boolean = true) {\n  useLayoutEffect(() => {\n    if (!isActive) return;\n\n    // Get original body overflow\n    const originalStyle = window.getComputedStyle(document.body).overflow;\n    // Prevent scrolling on mount\n    document.body.style.overflow = \"hidden\";\n    // Re-enable scrolling when component unmounts\n    return () => {\n      document.body.style.overflow = originalStyle;\n    };\n  }, [isActive]); // Empty array ensures effect is only run on mount and unmount\n}\n","import { useState } from \"react\";\n\nimport { useEffect } from \"react\";\nimport { Breakpoint } from \"../constants\";\n\ntype BreakpointDirection = \"up\" | \"down\";\n\nexport function useBreakpoint(\n  breakpoint: Breakpoint,\n  direction: BreakpointDirection = \"down\"\n) {\n  const query =\n    direction === \"down\"\n      ? `(max-width: ${breakpoint}px)`\n      : `(min-width: ${breakpoint}px)`;\n\n  const [matches, setMatches] = useState(() =>\n    typeof window !== \"undefined\" ? window.matchMedia(query).matches : false\n  );\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const mediaQuery = window.matchMedia(query);\n    const handler = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    mediaQuery.addEventListener(\"change\", handler);\n    return () => mediaQuery.removeEventListener(\"change\", handler);\n  }, [query]);\n\n  return matches;\n}\n"],"names":["useIsClosing","duration","onClose","overlayRef","isClosing","setIsClosing","useState","timeoutId","setTimeoutId","handleClose","useCallback","id","useEffect","useLockBodyScroll","isActive","useLayoutEffect","originalStyle","useBreakpoint","breakpoint","direction","query","matches","setMatches","mediaQuery","handler","event"],"mappings":";AAuBO,SAASA,EAAa;AAAA,EAC3B,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAWC,CAAY,IAAIF,EAAiB,GAE7CG,IAAcC,EAAY,MAAM;AACpC,QAAIT,KAAY,GAAG;AACT,cAAA;AAAA,QACN;AAAA,MAAA,GAEQC,KAAA,QAAAA;AACV;AAAA,IACF;AAEA,IAAAG,EAAa,EAAI,GAEbF,KAAA,QAAAA,EAAY,WACHA,EAAA,QAAQ,UAAU,IAAI,gCAAgC;AAG7D,UAAAQ,IAAK,WAAW,MAAM;AAChB,MAAAT,KAAA,QAAAA,KACVG,EAAa,EAAK;AAAA,OACjBJ,CAAQ;AAEX,IAAAO,EAAaG,CAAE;AAAA,EACd,GAAA,CAACV,GAAUC,GAASC,CAAU,CAAC;AAElC,SAAAS,EAAU,MACD,MAAM;AACX,IAAIL,KACF,aAAaA,CAAS;AAAA,EACxB,GAED,CAACA,CAAS,CAAC,GAEP;AAAA,IACL,WAAAH;AAAA,IACA,aAAAK;AAAA,EAAA;AAEJ;AC5DgB,SAAAI,EAAkBC,IAAoB,IAAM;AAC1D,EAAAC,EAAgB,MAAM;AACpB,QAAI,CAACD,EAAU;AAGf,UAAME,IAAgB,OAAO,iBAAiB,SAAS,IAAI,EAAE;AAEpD,oBAAA,KAAK,MAAM,WAAW,UAExB,MAAM;AACF,eAAA,KAAK,MAAM,WAAWA;AAAA,IAAA;AAAA,EACjC,GACC,CAACF,CAAQ,CAAC;AACf;ACZgB,SAAAG,EACdC,GACAC,IAAiC,QACjC;AACA,QAAMC,IACJD,MAAc,SACV,eAAeD,CAAU,QACzB,eAAeA,CAAU,OAEzB,CAACG,GAASC,CAAU,IAAIhB;AAAA,IAAS,MACrC,OAAO,SAAW,MAAc,OAAO,WAAWc,CAAK,EAAE,UAAU;AAAA,EAAA;AAGrE,SAAAR,EAAU,MAAM;AACV,QAAA,OAAO,SAAW,IAAa;AAE7B,UAAAW,IAAa,OAAO,WAAWH,CAAK,GACpCI,IAAU,CAACC,MAA+B;AAC9C,MAAAH,EAAWG,EAAM,OAAO;AAAA,IAAA;AAGf,WAAAF,EAAA,iBAAiB,UAAUC,CAAO,GACtC,MAAMD,EAAW,oBAAoB,UAAUC,CAAO;AAAA,EAAA,GAC5D,CAACJ,CAAK,CAAC,GAEHC;AACT;"}
+{"version":3,"file":"useBreakpoint-CjRyGKN-.mjs","sources":["../src/hooks/useIsClosing.tsx","../src/hooks/useLockBodyScroll.tsx","../src/hooks/useBreakpoint.tsx"],"sourcesContent":["import { useState, useCallback, RefObject, useEffect } from \"react\";\r\n\r\ninterface UseIsClosingOptions {\r\n  /**\r\n   * Duration of the closing animation in milliseconds\r\n   * @default 200\r\n   */\r\n  duration?: number;\r\n  /**\r\n   * Callback to run after the closing animation completes\r\n   */\r\n  onClose?: () => void;\r\n  /**\r\n   * When passed, the fade-out class will be added to @ScreenOverlay on close\r\n   */\r\n  overlayRef?: RefObject<HTMLElement>;\r\n}\r\n\r\n/**\r\n * Hook to manage the closing animation state of a component\r\n * @interface UseIsClosingOptions\r\n * @returns Object containing isClosing state and handleClose function\r\n */\r\nexport function useIsClosing({\r\n  duration = 200,\r\n  onClose,\r\n  overlayRef,\r\n}: UseIsClosingOptions) {\r\n  const [isClosing, setIsClosing] = useState(false);\r\n  const [timeoutId, setTimeoutId] = useState<number>();\r\n\r\n  const handleClose = useCallback(() => {\r\n    if (duration <= 0) {\r\n      console.warn(\r\n        \"useIsClosing: Duration must be positive. Executing onClose immediately.\"\r\n      );\r\n      onClose?.();\r\n      return;\r\n    }\r\n\r\n    setIsClosing(true);\r\n\r\n    if (overlayRef?.current) {\r\n      overlayRef.current.classList.add(\"proton-ScreenOverlay__fade-out\");\r\n    }\r\n\r\n    const id = setTimeout(() => {\r\n      onClose?.();\r\n      setIsClosing(false);\r\n    }, duration);\r\n\r\n    setTimeoutId(id);\r\n  }, [duration, onClose, overlayRef]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (timeoutId) {\r\n        clearTimeout(timeoutId);\r\n      }\r\n    };\r\n  }, [timeoutId]);\r\n\r\n  return {\r\n    isClosing,\r\n    handleClose,\r\n  };\r\n}\r\n","import { useLayoutEffect } from \"react\";\r\n\r\n/**\r\n * A React hook that prevents body scrolling while a component is mounted.\r\n * Useful for modals, overlays, and other components that should prevent background scrolling.\r\n */\r\nexport function useLockBodyScroll(isActive: boolean = true) {\r\n  useLayoutEffect(() => {\r\n    if (!isActive) return;\r\n\r\n    // Get original body overflow\r\n    const originalStyle = window.getComputedStyle(document.body).overflow;\r\n    // Prevent scrolling on mount\r\n    document.body.style.overflow = \"hidden\";\r\n    // Re-enable scrolling when component unmounts\r\n    return () => {\r\n      document.body.style.overflow = originalStyle;\r\n    };\r\n  }, [isActive]); // Empty array ensures effect is only run on mount and unmount\r\n}\r\n","import { useState } from \"react\";\r\n\r\nimport { useEffect } from \"react\";\r\nimport { Breakpoint } from \"../constants\";\r\n\r\ntype BreakpointDirection = \"up\" | \"down\";\r\n\r\nexport function useBreakpoint(\r\n  breakpoint: Breakpoint,\r\n  direction: BreakpointDirection = \"down\"\r\n) {\r\n  const query =\r\n    direction === \"down\"\r\n      ? `(max-width: ${breakpoint}px)`\r\n      : `(min-width: ${breakpoint}px)`;\r\n\r\n  const [matches, setMatches] = useState(() =>\r\n    typeof window !== \"undefined\" ? window.matchMedia(query).matches : false\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (typeof window === \"undefined\") return;\r\n\r\n    const mediaQuery = window.matchMedia(query);\r\n    const handler = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    mediaQuery.addEventListener(\"change\", handler);\r\n    return () => mediaQuery.removeEventListener(\"change\", handler);\r\n  }, [query]);\r\n\r\n  return matches;\r\n}\r\n"],"names":["useIsClosing","duration","onClose","overlayRef","isClosing","setIsClosing","useState","timeoutId","setTimeoutId","handleClose","useCallback","id","useEffect","useLockBodyScroll","isActive","useLayoutEffect","originalStyle","useBreakpoint","breakpoint","direction","query","matches","setMatches","mediaQuery","handler","event"],"mappings":";AAuBO,SAASA,EAAa;AAAA,EAC3B,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAWC,CAAY,IAAIF,EAAiB,GAE7CG,IAAcC,EAAY,MAAM;AACpC,QAAIT,KAAY,GAAG;AACT,cAAA;AAAA,QACN;AAAA,MAAA,GAEQC,KAAA,QAAAA;AACV;AAAA,IACF;AAEA,IAAAG,EAAa,EAAI,GAEbF,KAAA,QAAAA,EAAY,WACHA,EAAA,QAAQ,UAAU,IAAI,gCAAgC;AAG7D,UAAAQ,IAAK,WAAW,MAAM;AAChB,MAAAT,KAAA,QAAAA,KACVG,EAAa,EAAK;AAAA,OACjBJ,CAAQ;AAEX,IAAAO,EAAaG,CAAE;AAAA,EACd,GAAA,CAACV,GAAUC,GAASC,CAAU,CAAC;AAElC,SAAAS,EAAU,MACD,MAAM;AACX,IAAIL,KACF,aAAaA,CAAS;AAAA,EACxB,GAED,CAACA,CAAS,CAAC,GAEP;AAAA,IACL,WAAAH;AAAA,IACA,aAAAK;AAAA,EAAA;AAEJ;AC5DgB,SAAAI,EAAkBC,IAAoB,IAAM;AAC1D,EAAAC,EAAgB,MAAM;AACpB,QAAI,CAACD,EAAU;AAGf,UAAME,IAAgB,OAAO,iBAAiB,SAAS,IAAI,EAAE;AAEpD,oBAAA,KAAK,MAAM,WAAW,UAExB,MAAM;AACF,eAAA,KAAK,MAAM,WAAWA;AAAA,IAAA;AAAA,EACjC,GACC,CAACF,CAAQ,CAAC;AACf;ACZgB,SAAAG,EACdC,GACAC,IAAiC,QACjC;AACA,QAAMC,IACJD,MAAc,SACV,eAAeD,CAAU,QACzB,eAAeA,CAAU,OAEzB,CAACG,GAASC,CAAU,IAAIhB;AAAA,IAAS,MACrC,OAAO,SAAW,MAAc,OAAO,WAAWc,CAAK,EAAE,UAAU;AAAA,EAAA;AAGrE,SAAAR,EAAU,MAAM;AACV,QAAA,OAAO,SAAW,IAAa;AAE7B,UAAAW,IAAa,OAAO,WAAWH,CAAK,GACpCI,IAAU,CAACC,MAA+B;AAC9C,MAAAH,EAAWG,EAAM,OAAO;AAAA,IAAA;AAGf,WAAAF,EAAA,iBAAiB,UAAUC,CAAO,GACtC,MAAMD,EAAW,oBAAoB,UAAUC,CAAO;AAAA,EAAA,GAC5D,CAACJ,CAAK,CAAC,GAEHC;AACT;"}

package/dist/useBreakpoint-DA-JqOu3.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint-DA-JqOu3.js","sources":["../src/hooks/useIsClosing.tsx","../src/hooks/useLockBodyScroll.tsx","../src/hooks/useBreakpoint.tsx"],"sourcesContent":["import { useState, useCallback, RefObject, useEffect } from \"react\";\n\ninterface UseIsClosingOptions {\n  /**\n   * Duration of the closing animation in milliseconds\n   * @default 200\n   */\n  duration?: number;\n  /**\n   * Callback to run after the closing animation completes\n   */\n  onClose?: () => void;\n  /**\n   * When passed, the fade-out class will be added to @ScreenOverlay on close\n   */\n  overlayRef?: RefObject<HTMLElement>;\n}\n\n/**\n * Hook to manage the closing animation state of a component\n * @interface UseIsClosingOptions\n * @returns Object containing isClosing state and handleClose function\n */\nexport function useIsClosing({\n  duration = 200,\n  onClose,\n  overlayRef,\n}: UseIsClosingOptions) {\n  const [isClosing, setIsClosing] = useState(false);\n  const [timeoutId, setTimeoutId] = useState<number>();\n\n  const handleClose = useCallback(() => {\n    if (duration <= 0) {\n      console.warn(\n        \"useIsClosing: Duration must be positive. Executing onClose immediately.\"\n      );\n      onClose?.();\n      return;\n    }\n\n    setIsClosing(true);\n\n    if (overlayRef?.current) {\n      overlayRef.current.classList.add(\"proton-ScreenOverlay__fade-out\");\n    }\n\n    const id = setTimeout(() => {\n      onClose?.();\n      setIsClosing(false);\n    }, duration);\n\n    setTimeoutId(id);\n  }, [duration, onClose, overlayRef]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [timeoutId]);\n\n  return {\n    isClosing,\n    handleClose,\n  };\n}\n","import { useLayoutEffect } from \"react\";\n\n/**\n * A React hook that prevents body scrolling while a component is mounted.\n * Useful for modals, overlays, and other components that should prevent background scrolling.\n */\nexport function useLockBodyScroll(isActive: boolean = true) {\n  useLayoutEffect(() => {\n    if (!isActive) return;\n\n    // Get original body overflow\n    const originalStyle = window.getComputedStyle(document.body).overflow;\n    // Prevent scrolling on mount\n    document.body.style.overflow = \"hidden\";\n    // Re-enable scrolling when component unmounts\n    return () => {\n      document.body.style.overflow = originalStyle;\n    };\n  }, [isActive]); // Empty array ensures effect is only run on mount and unmount\n}\n","import { useState } from \"react\";\n\nimport { useEffect } from \"react\";\nimport { Breakpoint } from \"../constants\";\n\ntype BreakpointDirection = \"up\" | \"down\";\n\nexport function useBreakpoint(\n  breakpoint: Breakpoint,\n  direction: BreakpointDirection = \"down\"\n) {\n  const query =\n    direction === \"down\"\n      ? `(max-width: ${breakpoint}px)`\n      : `(min-width: ${breakpoint}px)`;\n\n  const [matches, setMatches] = useState(() =>\n    typeof window !== \"undefined\" ? window.matchMedia(query).matches : false\n  );\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const mediaQuery = window.matchMedia(query);\n    const handler = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    mediaQuery.addEventListener(\"change\", handler);\n    return () => mediaQuery.removeEventListener(\"change\", handler);\n  }, [query]);\n\n  return matches;\n}\n"],"names":["useIsClosing","duration","onClose","overlayRef","isClosing","setIsClosing","useState","timeoutId","setTimeoutId","handleClose","useCallback","id","useEffect","useLockBodyScroll","isActive","useLayoutEffect","originalStyle","useBreakpoint","breakpoint","direction","query","matches","setMatches","mediaQuery","handler","event"],"mappings":"sCAuBO,SAASA,EAAa,CAC3B,SAAAC,EAAW,IACX,QAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,KAAM,CAACC,EAAWC,CAAY,EAAIC,WAAS,EAAK,EAC1C,CAACC,EAAWC,CAAY,EAAIF,EAAiB,SAAA,EAE7CG,EAAcC,EAAAA,YAAY,IAAM,CACpC,GAAIT,GAAY,EAAG,CACT,QAAA,KACN,yEAAA,EAEQC,GAAA,MAAAA,IACV,MACF,CAEAG,EAAa,EAAI,EAEbF,GAAA,MAAAA,EAAY,SACHA,EAAA,QAAQ,UAAU,IAAI,gCAAgC,EAG7D,MAAAQ,EAAK,WAAW,IAAM,CAChBT,GAAA,MAAAA,IACVG,EAAa,EAAK,GACjBJ,CAAQ,EAEXO,EAAaG,CAAE,CACd,EAAA,CAACV,EAAUC,EAASC,CAAU,CAAC,EAElCS,OAAAA,EAAAA,UAAU,IACD,IAAM,CACPL,GACF,aAAaA,CAAS,CACxB,EAED,CAACA,CAAS,CAAC,EAEP,CACL,UAAAH,EACA,YAAAK,CAAA,CAEJ,CC5DgB,SAAAI,EAAkBC,EAAoB,GAAM,CAC1DC,EAAAA,gBAAgB,IAAM,CACpB,GAAI,CAACD,EAAU,OAGf,MAAME,EAAgB,OAAO,iBAAiB,SAAS,IAAI,EAAE,SAEpD,gBAAA,KAAK,MAAM,SAAW,SAExB,IAAM,CACF,SAAA,KAAK,MAAM,SAAWA,CAAA,CACjC,EACC,CAACF,CAAQ,CAAC,CACf,CCZgB,SAAAG,EACdC,EACAC,EAAiC,OACjC,CACA,MAAMC,EACJD,IAAc,OACV,eAAeD,CAAU,MACzB,eAAeA,CAAU,MAEzB,CAACG,EAASC,CAAU,EAAIhB,EAAA,SAAS,IACrC,OAAO,OAAW,IAAc,OAAO,WAAWc,CAAK,EAAE,QAAU,EAAA,EAGrER,OAAAA,EAAAA,UAAU,IAAM,CACV,GAAA,OAAO,OAAW,IAAa,OAE7B,MAAAW,EAAa,OAAO,WAAWH,CAAK,EACpCI,EAAWC,GAA+B,CAC9CH,EAAWG,EAAM,OAAO,CAAA,EAGf,OAAAF,EAAA,iBAAiB,SAAUC,CAAO,EACtC,IAAMD,EAAW,oBAAoB,SAAUC,CAAO,CAAA,EAC5D,CAACJ,CAAK,CAAC,EAEHC,CACT"}
+{"version":3,"file":"useBreakpoint-DA-JqOu3.js","sources":["../src/hooks/useIsClosing.tsx","../src/hooks/useLockBodyScroll.tsx","../src/hooks/useBreakpoint.tsx"],"sourcesContent":["import { useState, useCallback, RefObject, useEffect } from \"react\";\r\n\r\ninterface UseIsClosingOptions {\r\n  /**\r\n   * Duration of the closing animation in milliseconds\r\n   * @default 200\r\n   */\r\n  duration?: number;\r\n  /**\r\n   * Callback to run after the closing animation completes\r\n   */\r\n  onClose?: () => void;\r\n  /**\r\n   * When passed, the fade-out class will be added to @ScreenOverlay on close\r\n   */\r\n  overlayRef?: RefObject<HTMLElement>;\r\n}\r\n\r\n/**\r\n * Hook to manage the closing animation state of a component\r\n * @interface UseIsClosingOptions\r\n * @returns Object containing isClosing state and handleClose function\r\n */\r\nexport function useIsClosing({\r\n  duration = 200,\r\n  onClose,\r\n  overlayRef,\r\n}: UseIsClosingOptions) {\r\n  const [isClosing, setIsClosing] = useState(false);\r\n  const [timeoutId, setTimeoutId] = useState<number>();\r\n\r\n  const handleClose = useCallback(() => {\r\n    if (duration <= 0) {\r\n      console.warn(\r\n        \"useIsClosing: Duration must be positive. Executing onClose immediately.\"\r\n      );\r\n      onClose?.();\r\n      return;\r\n    }\r\n\r\n    setIsClosing(true);\r\n\r\n    if (overlayRef?.current) {\r\n      overlayRef.current.classList.add(\"proton-ScreenOverlay__fade-out\");\r\n    }\r\n\r\n    const id = setTimeout(() => {\r\n      onClose?.();\r\n      setIsClosing(false);\r\n    }, duration);\r\n\r\n    setTimeoutId(id);\r\n  }, [duration, onClose, overlayRef]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (timeoutId) {\r\n        clearTimeout(timeoutId);\r\n      }\r\n    };\r\n  }, [timeoutId]);\r\n\r\n  return {\r\n    isClosing,\r\n    handleClose,\r\n  };\r\n}\r\n","import { useLayoutEffect } from \"react\";\r\n\r\n/**\r\n * A React hook that prevents body scrolling while a component is mounted.\r\n * Useful for modals, overlays, and other components that should prevent background scrolling.\r\n */\r\nexport function useLockBodyScroll(isActive: boolean = true) {\r\n  useLayoutEffect(() => {\r\n    if (!isActive) return;\r\n\r\n    // Get original body overflow\r\n    const originalStyle = window.getComputedStyle(document.body).overflow;\r\n    // Prevent scrolling on mount\r\n    document.body.style.overflow = \"hidden\";\r\n    // Re-enable scrolling when component unmounts\r\n    return () => {\r\n      document.body.style.overflow = originalStyle;\r\n    };\r\n  }, [isActive]); // Empty array ensures effect is only run on mount and unmount\r\n}\r\n","import { useState } from \"react\";\r\n\r\nimport { useEffect } from \"react\";\r\nimport { Breakpoint } from \"../constants\";\r\n\r\ntype BreakpointDirection = \"up\" | \"down\";\r\n\r\nexport function useBreakpoint(\r\n  breakpoint: Breakpoint,\r\n  direction: BreakpointDirection = \"down\"\r\n) {\r\n  const query =\r\n    direction === \"down\"\r\n      ? `(max-width: ${breakpoint}px)`\r\n      : `(min-width: ${breakpoint}px)`;\r\n\r\n  const [matches, setMatches] = useState(() =>\r\n    typeof window !== \"undefined\" ? window.matchMedia(query).matches : false\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (typeof window === \"undefined\") return;\r\n\r\n    const mediaQuery = window.matchMedia(query);\r\n    const handler = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    mediaQuery.addEventListener(\"change\", handler);\r\n    return () => mediaQuery.removeEventListener(\"change\", handler);\r\n  }, [query]);\r\n\r\n  return matches;\r\n}\r\n"],"names":["useIsClosing","duration","onClose","overlayRef","isClosing","setIsClosing","useState","timeoutId","setTimeoutId","handleClose","useCallback","id","useEffect","useLockBodyScroll","isActive","useLayoutEffect","originalStyle","useBreakpoint","breakpoint","direction","query","matches","setMatches","mediaQuery","handler","event"],"mappings":"sCAuBO,SAASA,EAAa,CAC3B,SAAAC,EAAW,IACX,QAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,KAAM,CAACC,EAAWC,CAAY,EAAIC,WAAS,EAAK,EAC1C,CAACC,EAAWC,CAAY,EAAIF,EAAiB,SAAA,EAE7CG,EAAcC,EAAAA,YAAY,IAAM,CACpC,GAAIT,GAAY,EAAG,CACT,QAAA,KACN,yEAAA,EAEQC,GAAA,MAAAA,IACV,MACF,CAEAG,EAAa,EAAI,EAEbF,GAAA,MAAAA,EAAY,SACHA,EAAA,QAAQ,UAAU,IAAI,gCAAgC,EAG7D,MAAAQ,EAAK,WAAW,IAAM,CAChBT,GAAA,MAAAA,IACVG,EAAa,EAAK,GACjBJ,CAAQ,EAEXO,EAAaG,CAAE,CACd,EAAA,CAACV,EAAUC,EAASC,CAAU,CAAC,EAElCS,OAAAA,EAAAA,UAAU,IACD,IAAM,CACPL,GACF,aAAaA,CAAS,CACxB,EAED,CAACA,CAAS,CAAC,EAEP,CACL,UAAAH,EACA,YAAAK,CAAA,CAEJ,CC5DgB,SAAAI,EAAkBC,EAAoB,GAAM,CAC1DC,EAAAA,gBAAgB,IAAM,CACpB,GAAI,CAACD,EAAU,OAGf,MAAME,EAAgB,OAAO,iBAAiB,SAAS,IAAI,EAAE,SAEpD,gBAAA,KAAK,MAAM,SAAW,SAExB,IAAM,CACF,SAAA,KAAK,MAAM,SAAWA,CAAA,CACjC,EACC,CAACF,CAAQ,CAAC,CACf,CCZgB,SAAAG,EACdC,EACAC,EAAiC,OACjC,CACA,MAAMC,EACJD,IAAc,OACV,eAAeD,CAAU,MACzB,eAAeA,CAAU,MAEzB,CAACG,EAASC,CAAU,EAAIhB,EAAA,SAAS,IACrC,OAAO,OAAW,IAAc,OAAO,WAAWc,CAAK,EAAE,QAAU,EAAA,EAGrER,OAAAA,EAAAA,UAAU,IAAM,CACV,GAAA,OAAO,OAAW,IAAa,OAE7B,MAAAW,EAAa,OAAO,WAAWH,CAAK,EACpCI,EAAWC,GAA+B,CAC9CH,EAAWG,EAAM,OAAO,CAAA,EAGf,OAAAF,EAAA,iBAAiB,SAAUC,CAAO,EACtC,IAAMD,EAAW,oBAAoB,SAAUC,CAAO,CAAA,EAC5D,CAACJ,CAAK,CAAC,EAEHC,CACT"}

package/dist/utils.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("color2k"),_=require("./palettes-BX86v-qb.js");var L=function(n,r){return n<r?-1:n>r?1:0},K=function(n){return n.reduce(function(r,a){return r+a},0)},k=function(){function n(a){this.colors=a}var r=n.prototype;return r.palette=function(){return this.colors},r.map=function(a){return a},n}(),z=function(){function n(e,t,u){return(e<<10)+(t<<5)+u}function r(e){var t=[],u=!1;function s(){t.sort(e),u=!0}return{push:function(c){t.push(c),u=!1},peek:function(c){return u||s(),c===void 0&&(c=t.length-1),t[c]},pop:function(){return u||s(),t.pop()},size:function(){return t.length},map:function(c){return t.map(c)},debug:function(){return u||s(),t}}}function a(e,t,u,s,c,o,m){var f=this;f.r1=e,f.r2=t,f.g1=u,f.g2=s,f.b1=c,f.b2=o,f.histo=m}function l(){this.vboxes=new r(function(e,t){return L(e.vbox.count()*e.vbox.volume(),t.vbox.count()*t.vbox.volume())})}function h(e,t){if(t.count()){var u=t.r2-t.r1+1,s=t.g2-t.g1+1,c=Math.max.apply(null,[u,s,t.b2-t.b1+1]);if(t.count()==1)return[t.copy()];var o,m,f,v,d=0,p=[],D=[];if(c==u)for(o=t.r1;o<=t.r2;o++){for(v=0,m=t.g1;m<=t.g2;m++)for(f=t.b1;f<=t.b2;f++)v+=e[n(o,m,f)]||0;p[o]=d+=v}else if(c==s)for(o=t.g1;o<=t.g2;o++){for(v=0,m=t.r1;m<=t.r2;m++)for(f=t.b1;f<=t.b2;f++)v+=e[n(m,o,f)]||0;p[o]=d+=v}else for(o=t.b1;o<=t.b2;o++){for(v=0,m=t.r1;m<=t.r2;m++)for(f=t.g1;f<=t.g2;f++)v+=e[n(m,f,o)]||0;p[o]=d+=v}return p.forEach(function(y,R){D[R]=d-y}),function(y){var R,S,b,A,E,w=y+"1",C=y+"2",G=0;for(o=t[w];o<=t[C];o++)if(p[o]>d/2){for(b=t.copy(),A=t.copy(),E=(R=o-t[w])<=(S=t[C]-o)?Math.min(t[C]-1,~~(o+S/2)):Math.max(t[w],~~(o-1-R/2));!p[E];)E++;for(G=D[E];!G&&p[E-1];)G=D[--E];return b[C]=E,A[w]=b[C]+1,[b,A]}}(c==u?"r":c==s?"g":"b")}}return a.prototype={volume:function(e){var t=this;return t._volume&&!e||(t._volume=(t.r2-t.r1+1)*(t.g2-t.g1+1)*(t.b2-t.b1+1)),t._volume},count:function(e){var t=this,u=t.histo;if(!t._count_set||e){var s,c,o,m=0;for(s=t.r1;s<=t.r2;s++)for(c=t.g1;c<=t.g2;c++)for(o=t.b1;o<=t.b2;o++)m+=u[n(s,c,o)]||0;t._count=m,t._count_set=!0}return t._count},copy:function(){var e=this;return new a(e.r1,e.r2,e.g1,e.g2,e.b1,e.b2,e.histo)},avg:function(e){var t=this,u=t.histo;if(!t._avg||e){var s,c,o,m,f=0,v=0,d=0,p=0;if(t.r1===t.r2&&t.g1===t.g2&&t.b1===t.b2)t._avg=[t.r1<<3,t.g1<<3,t.b1<<3];else{for(c=t.r1;c<=t.r2;c++)for(o=t.g1;o<=t.g2;o++)for(m=t.b1;m<=t.b2;m++)f+=s=u[n(c,o,m)]||0,v+=s*(c+.5)*8,d+=s*(o+.5)*8,p+=s*(m+.5)*8;t._avg=f?[~~(v/f),~~(d/f),~~(p/f)]:[~~(8*(t.r1+t.r2+1)/2),~~(8*(t.g1+t.g2+1)/2),~~(8*(t.b1+t.b2+1)/2)]}}return t._avg},contains:function(e){var t=this,u=e[0]>>3;return gval=e[1]>>3,bval=e[2]>>3,u>=t.r1&&u<=t.r2&&gval>=t.g1&&gval<=t.g2&&bval>=t.b1&&bval<=t.b2}},l.prototype={push:function(e){this.vboxes.push({vbox:e,color:e.avg()})},palette:function(){return this.vboxes.map(function(e){return e.color})},size:function(){return this.vboxes.size()},map:function(e){for(var t=this.vboxes,u=0;u<t.size();u++)if(t.peek(u).vbox.contains(e))return t.peek(u).color;return this.nearest(e)},nearest:function(e){for(var t,u,s,c=this.vboxes,o=0;o<c.size();o++)((u=Math.sqrt(Math.pow(e[0]-c.peek(o).color[0],2)+Math.pow(e[1]-c.peek(o).color[1],2)+Math.pow(e[2]-c.peek(o).color[2],2)))<t||t===void 0)&&(t=u,s=c.peek(o).color);return s},forcebw:function(){var e=this.vboxes;e.sort(function(c,o){return L(K(c.color),K(o.color))});var t=e[0].color;t[0]<5&&t[1]<5&&t[2]<5&&(e[0].color=[0,0,0]);var u=e.length-1,s=e[u].color;s[0]>251&&s[1]>251&&s[2]>251&&(e[u].color=[255,255,255])}},{quantize:function(e,t){if(!Number.isInteger(t)||t<1||t>256)throw new Error("Invalid maximum color count. It must be an integer between 1 and 256.");if(!e.length||t<2||t>256||!e.length||t<2||t>256)return!1;for(var u=[],s=new Set,c=0;c<e.length;c++){var o=e[c],m=o.join(",");s.has(m)||(s.add(m),u.push(o))}if(u.length<=t)return new k(u);var f=function(R){var S,b=new Array(32768);return R.forEach(function(A){S=n(A[0]>>3,A[1]>>3,A[2]>>3),b[S]=(b[S]||0)+1}),b}(e);f.forEach(function(){});var v=function(R,S){var b,A,E,w=1e6,C=0,G=1e6,U=0,T=1e6,H=0;return R.forEach(function(Y){(b=Y[0]>>3)<w?w=b:b>C&&(C=b),(A=Y[1]>>3)<G?G=A:A>U&&(U=A),(E=Y[2]>>3)<T?T=E:E>H&&(H=E)}),new a(w,C,G,U,T,H,S)}(e,f),d=new r(function(R,S){return L(R.count(),S.count())});function p(R,S){for(var b,A=R.size(),E=0;E<1e3;){if(A>=S||E++>1e3)return;if((b=R.pop()).count()){var w=h(f,b),C=w[0],G=w[1];if(!C)return;R.push(C),G&&(R.push(G),A++)}else R.push(b),E++}}d.push(v),p(d,.75*t);for(var D=new r(function(R,S){return L(R.count()*R.volume(),S.count()*S.volume())});d.size();)D.push(d.pop());p(D,t);for(var y=new l;D.size();)y.push(D.pop());return y}}}().quantize,W=function(n){this.canvas=document.createElement("canvas"),this.context=this.canvas.getContext("2d"),this.width=this.canvas.width=n.naturalWidth,this.height=this.canvas.height=n.naturalHeight,this.context.drawImage(n,0,0,this.width,this.height)};W.prototype.getImageData=function(){return this.context.getImageData(0,0,this.width,this.height)};var M=function(){};M.prototype.getColor=function(n,r){return r===void 0&&(r=10),this.getPalette(n,5,r)[0]},M.prototype.getPalette=function(n,r,a){var l=function(u){var s=u.colorCount,c=u.quality;if(s!==void 0&&Number.isInteger(s)){if(s===1)throw new Error("colorCount should be between 2 and 20. To get one color, call getColor() instead of getPalette()");s=Math.max(s,2),s=Math.min(s,20)}else s=10;return(c===void 0||!Number.isInteger(c)||c<1)&&(c=10),{colorCount:s,quality:c}}({colorCount:r,quality:a}),h=new W(n),e=function(u,s,c){for(var o,m,f,v,d,p=u,D=[],y=0;y<s;y+=c)m=p[0+(o=4*y)],f=p[o+1],v=p[o+2],((d=p[o+3])===void 0||d>=125)&&(m>250&&f>250&&v>250||D.push([m,f,v]));return D}(h.getImageData().data,h.width*h.height,l.quality),t=z(e,l.colorCount);return t?t.palette():null},M.prototype.getColorFromUrl=function(n,r,a){var l=this,h=document.createElement("img");h.addEventListener("load",function(){var e=l.getPalette(h,5,a);r(e[0],n)}),h.src=n},M.prototype.getImageData=function(n,r){var a=new XMLHttpRequest;a.open("GET",n,!0),a.responseType="arraybuffer",a.onload=function(){if(this.status==200){var l=new Uint8Array(this.response);i=l.length;for(var h=new Array(i),e=0;e<l.length;e++)h[e]=String.fromCharCode(l[e]);var t=h.join(""),u=window.btoa(t);r("data:image/png;base64,"+u)}},a.send()},M.prototype.getColorAsync=function(n,r,a){var l=this;this.getImageData(n,function(h){var e=document.createElement("img");e.addEventListener("load",function(){var t=l.getPalette(e,5,a);r(t[0],this)}),e.src=h})};const F=(n,r)=>r===void 0?`rgb(${n[0]}, ${n[1]}, ${n[2]})`:`rgba(${n[0]}, ${n[1]}, ${n[2]}, ${r})`,q=(n,r)=>g.toRgba(g.transparentize(n,r)),x=(n,r)=>g.toRgba(g.saturate(n,r)),N=(n,r)=>g.toRgba(g.desaturate(n,r));function $(n){return n instanceof HTMLImageElement?Promise.resolve(B(n)):X(n)}function B(n){try{return new M().getColor(n)}catch{return[255,255,255]}}function X(n){return new Promise((r,a)=>{const l=document.createElement("img");l.crossOrigin="anonymous",l.onload=()=>{try{const h=new M().getColor(l);r(h)}catch{r([255,255,255])}},l.onerror=()=>a(new Error("Failed to load image")),l.src=n})}const J=n=>{const r=F(n),a=g.getScale("#FFFFFF",r,"#000000"),l=Array.from({length:12},(o,m)=>{const f=a(m/11);return N(f,.0085)}),h=l.map(o=>x(j(o),.005)),e=g.toRgba(x(g.adjustHue(r,180),1)),t=g.getScale("#FFFFFF",e,"#000000"),u=Array.from({length:12},(o,m)=>{const f=t(m/11);return N(f,.1)}),s=u.map(o=>N(j(o),.22)),c=Q(x(h[5],.115));return{BASE_COLOR:F(n),BRAND:{PRIMARY:c,PRIMARY_LIGHT:I(c,.25,{min:.6,max:.8}),SECONDARY:N(s[4],.02)},PRIMARY:{PRIMARY_SUPER_DARK:I(P(l[9]),-.6,{min:0,max:.02}),PRIMARY_DARK:I(P(l[8]),-.4,{min:.01,max:.02}),PRIMARY_MEDIUM:I(h[7],-.2,{min:0,max:.11}),PRIMARY_MEDIUM_LIGHT:I(N(h[6],.1),.08),PRIMARY_LIGHT:I(x(h[5],.1),.16),PRIMARY_LIGHTEST:I(x(h[3],.2),.12,{min:.5,max:.9}),PRIMARY_SUPER_LIGHT:I(h[1],.02,{min:.86,max:.98})},SECONDARY:{SECONDARY_SUPER_DARK:I(P(u[9]),-.6,{min:0,max:.02}),SECONDARY_DARK:I(P(u[8]),-.4,{min:.01,max:.02}),SECONDARY_MEDIUM:I(s[7],-.2,{min:0,max:.11}),SECONDARY_MEDIUM_LIGHT:I(s[6],.1),SECONDARY_LIGHT:I(x(s[5],.1),.16),SECONDARY_LIGHTEST:I(x(s[3],.2),.12,{min:.5,max:.9}),SECONDARY_SUPER_LIGHT:I(s[0],.02,{min:.86,max:.98})},SUCCESS:{SUCCESS_DARK:_.SUCCESS.DARK,SUCCESS_MEDIUM:_.SUCCESS.MEDIUM,SUCCESS_LIGHT:_.SUCCESS.LIGHT,SUCCESS_SUPER_LIGHT:_.SUCCESS.SUPER_LIGHT},WARNING:{WARNING_DARK:_.WARNING.DARK,WARNING_MEDIUM:_.WARNING.MEDIUM,WARNING_LIGHT:_.WARNING.LIGHT,WARNING_SUPER_LIGHT:_.WARNING.SUPER_LIGHT},DANGER:{DANGER_SUPER_DARK:_.DANGER.SUPER_DARK,DANGER_DARK:_.DANGER.DARK,DANGER_MEDIUM:_.DANGER.MEDIUM,DANGER_LIGHT:_.DANGER.LIGHT,DANGER_SUPER_LIGHT:_.DANGER.SUPER_LIGHT}}},I=(n,r,a={min:.03,max:.97})=>{let l=n,h=g.getLuminance(l);if(a.min<0&&(a.min=0),a.max>1&&(a.max=1),a.min>=a.max)throw new Error("Invalid range: min must be less than max");if(r>0){const t=a.max-h;if(t<=0)return g.toRgba(l);const u=r*(t/(1-h));l=g.lighten(l,u)}else if(r<0){const t=h-a.min;if(t<=0)return g.toRgba(l);const u=r*(t/h);l=g.darken(l,Math.abs(u))}const e=g.getLuminance(l);return(e>a.max||e<a.min)&&(l=O(l,a)),g.toRgba(l)},O=(n,r)=>{let a=n,l=g.getLuminance(a);for(;l>r.max;)a=g.darken(a,.05),l=g.getLuminance(a);for(;l<r.min;)a=g.lighten(a,.05),l=g.getLuminance(a);return g.toRgba(a)},P=n=>{for(;g.hasBadContrast(n,"readable",_.GRAYSCALE.GRAY_DARK);)n=g.lighten(n,.01);return g.toRgba(n)},Q=n=>{for(;g.hasBadContrast(_.GRAYSCALE.GRAY_SUPER_LIGHT,"readable",n);)n=g.darken(n,.01);return g.toRgba(n)},j=n=>{let r=n,a=g.getLuminance(g.toRgba(r)),l=0;const h=6;for(;a<.16&&l<h;)l++,r=g.lighten(r,.1),a=g.getLuminance(g.toRgba(r));for(;a>.6&&l<h;)l++,r=g.darken(r,.1),a=g.getLuminance(g.toRgba(r));return g.toRgba(r)},V=n=>typeof n=="string"||n instanceof String;function Z(...n){return n.filter(V).join(" ")}const tt=n=>n.startsWith("http"),nt=(n,r)=>{if(n.metaKey||n.altKey||n.ctrlKey||n.shiftKey||n.button&&n.button!==0)return;n.preventDefault();const a=r.startsWith("/")?r:`/${r}`;window.history.pushState({},"",a),window.dispatchEvent(new PopStateEvent("popstate"))};Object.defineProperty(exports,"toHex",{enumerable:!0,get:()=>g.toHex});Object.defineProperty(exports,"toRgba",{enumerable:!0,get:()=>g.toRgba});exports.arrayToRgbString=F;exports.csx=Z;exports.desaturate=N;exports.generatePalette=J;exports.getDominantColor=$;exports.handleInternalNavigation=nt;exports.isUrlExternal=tt;exports.saturate=x;exports.transparentize=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("color2k"),_=require("./palettes-DfloGKJz.js");var N=function(n,r){return n<r?-1:n>r?1:0},K=function(n){return n.reduce(function(r,a){return r+a},0)},W=function(){function n(a){this.colors=a}var r=n.prototype;return r.palette=function(){return this.colors},r.map=function(a){return a},n}(),z=function(){function n(e,t,u){return(e<<10)+(t<<5)+u}function r(e){var t=[],u=!1;function c(){t.sort(e),u=!0}return{push:function(s){t.push(s),u=!1},peek:function(s){return u||c(),s===void 0&&(s=t.length-1),t[s]},pop:function(){return u||c(),t.pop()},size:function(){return t.length},map:function(s){return t.map(s)},debug:function(){return u||c(),t}}}function a(e,t,u,c,s,o,m){var f=this;f.r1=e,f.r2=t,f.g1=u,f.g2=c,f.b1=s,f.b2=o,f.histo=m}function l(){this.vboxes=new r(function(e,t){return N(e.vbox.count()*e.vbox.volume(),t.vbox.count()*t.vbox.volume())})}function h(e,t){if(t.count()){var u=t.r2-t.r1+1,c=t.g2-t.g1+1,s=Math.max.apply(null,[u,c,t.b2-t.b1+1]);if(t.count()==1)return[t.copy()];var o,m,f,v,d=0,p=[],D=[];if(s==u)for(o=t.r1;o<=t.r2;o++){for(v=0,m=t.g1;m<=t.g2;m++)for(f=t.b1;f<=t.b2;f++)v+=e[n(o,m,f)]||0;p[o]=d+=v}else if(s==c)for(o=t.g1;o<=t.g2;o++){for(v=0,m=t.r1;m<=t.r2;m++)for(f=t.b1;f<=t.b2;f++)v+=e[n(m,o,f)]||0;p[o]=d+=v}else for(o=t.b1;o<=t.b2;o++){for(v=0,m=t.r1;m<=t.r2;m++)for(f=t.g1;f<=t.g2;f++)v+=e[n(m,f,o)]||0;p[o]=d+=v}return p.forEach(function(y,R){D[R]=d-y}),function(y){var R,A,b,I,E,G=y+"1",C=y+"2",w=0;for(o=t[G];o<=t[C];o++)if(p[o]>d/2){for(b=t.copy(),I=t.copy(),E=(R=o-t[G])<=(A=t[C]-o)?Math.min(t[C]-1,~~(o+A/2)):Math.max(t[G],~~(o-1-R/2));!p[E];)E++;for(w=D[E];!w&&p[E-1];)w=D[--E];return b[C]=E,I[G]=b[C]+1,[b,I]}}(s==u?"r":s==c?"g":"b")}}return a.prototype={volume:function(e){var t=this;return t._volume&&!e||(t._volume=(t.r2-t.r1+1)*(t.g2-t.g1+1)*(t.b2-t.b1+1)),t._volume},count:function(e){var t=this,u=t.histo;if(!t._count_set||e){var c,s,o,m=0;for(c=t.r1;c<=t.r2;c++)for(s=t.g1;s<=t.g2;s++)for(o=t.b1;o<=t.b2;o++)m+=u[n(c,s,o)]||0;t._count=m,t._count_set=!0}return t._count},copy:function(){var e=this;return new a(e.r1,e.r2,e.g1,e.g2,e.b1,e.b2,e.histo)},avg:function(e){var t=this,u=t.histo;if(!t._avg||e){var c,s,o,m,f=0,v=0,d=0,p=0;if(t.r1===t.r2&&t.g1===t.g2&&t.b1===t.b2)t._avg=[t.r1<<3,t.g1<<3,t.b1<<3];else{for(s=t.r1;s<=t.r2;s++)for(o=t.g1;o<=t.g2;o++)for(m=t.b1;m<=t.b2;m++)f+=c=u[n(s,o,m)]||0,v+=c*(s+.5)*8,d+=c*(o+.5)*8,p+=c*(m+.5)*8;t._avg=f?[~~(v/f),~~(d/f),~~(p/f)]:[~~(8*(t.r1+t.r2+1)/2),~~(8*(t.g1+t.g2+1)/2),~~(8*(t.b1+t.b2+1)/2)]}}return t._avg},contains:function(e){var t=this,u=e[0]>>3;return gval=e[1]>>3,bval=e[2]>>3,u>=t.r1&&u<=t.r2&&gval>=t.g1&&gval<=t.g2&&bval>=t.b1&&bval<=t.b2}},l.prototype={push:function(e){this.vboxes.push({vbox:e,color:e.avg()})},palette:function(){return this.vboxes.map(function(e){return e.color})},size:function(){return this.vboxes.size()},map:function(e){for(var t=this.vboxes,u=0;u<t.size();u++)if(t.peek(u).vbox.contains(e))return t.peek(u).color;return this.nearest(e)},nearest:function(e){for(var t,u,c,s=this.vboxes,o=0;o<s.size();o++)((u=Math.sqrt(Math.pow(e[0]-s.peek(o).color[0],2)+Math.pow(e[1]-s.peek(o).color[1],2)+Math.pow(e[2]-s.peek(o).color[2],2)))<t||t===void 0)&&(t=u,c=s.peek(o).color);return c},forcebw:function(){var e=this.vboxes;e.sort(function(s,o){return N(K(s.color),K(o.color))});var t=e[0].color;t[0]<5&&t[1]<5&&t[2]<5&&(e[0].color=[0,0,0]);var u=e.length-1,c=e[u].color;c[0]>251&&c[1]>251&&c[2]>251&&(e[u].color=[255,255,255])}},{quantize:function(e,t){if(!Number.isInteger(t)||t<1||t>256)throw new Error("Invalid maximum color count. It must be an integer between 1 and 256.");if(!e.length||t<2||t>256||!e.length||t<2||t>256)return!1;for(var u=[],c=new Set,s=0;s<e.length;s++){var o=e[s],m=o.join(",");c.has(m)||(c.add(m),u.push(o))}if(u.length<=t)return new W(u);var f=function(R){var A,b=new Array(32768);return R.forEach(function(I){A=n(I[0]>>3,I[1]>>3,I[2]>>3),b[A]=(b[A]||0)+1}),b}(e);f.forEach(function(){});var v=function(R,A){var b,I,E,G=1e6,C=0,w=1e6,U=0,T=1e6,H=0;return R.forEach(function(Y){(b=Y[0]>>3)<G?G=b:b>C&&(C=b),(I=Y[1]>>3)<w?w=I:I>U&&(U=I),(E=Y[2]>>3)<T?T=E:E>H&&(H=E)}),new a(G,C,w,U,T,H,A)}(e,f),d=new r(function(R,A){return N(R.count(),A.count())});function p(R,A){for(var b,I=R.size(),E=0;E<1e3;){if(I>=A||E++>1e3)return;if((b=R.pop()).count()){var G=h(f,b),C=G[0],w=G[1];if(!C)return;R.push(C),w&&(R.push(w),I++)}else R.push(b),E++}}d.push(v),p(d,.75*t);for(var D=new r(function(R,A){return N(R.count()*R.volume(),A.count()*A.volume())});d.size();)D.push(d.pop());p(D,t);for(var y=new l;D.size();)y.push(D.pop());return y}}}().quantize,k=function(n){this.canvas=document.createElement("canvas"),this.context=this.canvas.getContext("2d"),this.width=this.canvas.width=n.naturalWidth,this.height=this.canvas.height=n.naturalHeight,this.context.drawImage(n,0,0,this.width,this.height)};k.prototype.getImageData=function(){return this.context.getImageData(0,0,this.width,this.height)};var M=function(){};M.prototype.getColor=function(n,r){return r===void 0&&(r=10),this.getPalette(n,5,r)[0]},M.prototype.getPalette=function(n,r,a){var l=function(u){var c=u.colorCount,s=u.quality;if(c!==void 0&&Number.isInteger(c)){if(c===1)throw new Error("colorCount should be between 2 and 20. To get one color, call getColor() instead of getPalette()");c=Math.max(c,2),c=Math.min(c,20)}else c=10;return(s===void 0||!Number.isInteger(s)||s<1)&&(s=10),{colorCount:c,quality:s}}({colorCount:r,quality:a}),h=new k(n),e=function(u,c,s){for(var o,m,f,v,d,p=u,D=[],y=0;y<c;y+=s)m=p[0+(o=4*y)],f=p[o+1],v=p[o+2],((d=p[o+3])===void 0||d>=125)&&(m>250&&f>250&&v>250||D.push([m,f,v]));return D}(h.getImageData().data,h.width*h.height,l.quality),t=z(e,l.colorCount);return t?t.palette():null},M.prototype.getColorFromUrl=function(n,r,a){var l=this,h=document.createElement("img");h.addEventListener("load",function(){var e=l.getPalette(h,5,a);r(e[0],n)}),h.src=n},M.prototype.getImageData=function(n,r){var a=new XMLHttpRequest;a.open("GET",n,!0),a.responseType="arraybuffer",a.onload=function(){if(this.status==200){var l=new Uint8Array(this.response);i=l.length;for(var h=new Array(i),e=0;e<l.length;e++)h[e]=String.fromCharCode(l[e]);var t=h.join(""),u=window.btoa(t);r("data:image/png;base64,"+u)}},a.send()},M.prototype.getColorAsync=function(n,r,a){var l=this;this.getImageData(n,function(h){var e=document.createElement("img");e.addEventListener("load",function(){var t=l.getPalette(e,5,a);r(t[0],this)}),e.src=h})};const F=(n,r)=>r===void 0?`rgb(${n[0]}, ${n[1]}, ${n[2]})`:`rgba(${n[0]}, ${n[1]}, ${n[2]}, ${r})`,q=(n,r)=>g.toRgba(g.transparentize(n,r)),x=(n,r)=>g.toRgba(g.saturate(n,r)),L=(n,r)=>g.toRgba(g.desaturate(n,r));function $(n){return n instanceof HTMLImageElement?Promise.resolve(B(n)):X(n)}function B(n){try{return new M().getColor(n)}catch{return[255,255,255]}}function X(n){return new Promise((r,a)=>{const l=document.createElement("img");l.crossOrigin="anonymous",l.onload=()=>{try{const h=new M().getColor(l);r(h)}catch{r([255,255,255])}},l.onerror=()=>a(new Error("Failed to load image")),l.src=n})}const J=n=>{const r=F(n),a=g.getScale("#FFFFFF",r,"#000000"),l=Array.from({length:12},(o,m)=>{const f=a(m/11);return L(f,.0085)}),h=l.map(o=>x(j(o),.005)),e=g.toRgba(x(g.adjustHue(r,180),1)),t=g.getScale("#FFFFFF",e,"#000000"),u=Array.from({length:12},(o,m)=>{const f=t(m/11);return L(f,.1)}),c=u.map(o=>L(j(o),.22)),s=Q(x(h[5],.115));return{BASE_COLOR:F(n),BRAND:{PRIMARY:s,PRIMARY_LIGHT:S(s,.25,{min:.6,max:.8}),PRIMARY_SUPER_LIGHT:S(s,.15,{min:.8,max:.9}),SECONDARY:L(c[4],.02)},PRIMARY:{PRIMARY_SUPER_DARK:S(P(l[9]),-.6,{min:0,max:.02}),PRIMARY_DARK:S(P(l[8]),-.4,{min:.01,max:.02}),PRIMARY_MEDIUM:S(h[7],-.2,{min:0,max:.11}),PRIMARY_MEDIUM_LIGHT:S(L(h[6],.1),.08),PRIMARY_LIGHT:S(x(h[5],.1),.16),PRIMARY_LIGHTEST:S(x(h[3],.2),.12,{min:.5,max:.9}),PRIMARY_SUPER_LIGHT:S(h[1],.02,{min:.86,max:.98})},SECONDARY:{SECONDARY_SUPER_DARK:S(P(u[9]),-.6,{min:0,max:.02}),SECONDARY_DARK:S(P(u[8]),-.4,{min:.01,max:.02}),SECONDARY_MEDIUM:S(c[7],-.2,{min:0,max:.11}),SECONDARY_MEDIUM_LIGHT:S(c[6],.1),SECONDARY_LIGHT:S(x(c[5],.1),.16),SECONDARY_LIGHTEST:S(x(c[3],.2),.12,{min:.5,max:.9}),SECONDARY_SUPER_LIGHT:S(c[0],.02,{min:.86,max:.98})},SUCCESS:{SUCCESS_DARK:_.SUCCESS.DARK,SUCCESS_MEDIUM:_.SUCCESS.MEDIUM,SUCCESS_LIGHT:_.SUCCESS.LIGHT,SUCCESS_SUPER_LIGHT:_.SUCCESS.SUPER_LIGHT},WARNING:{WARNING_DARK:_.WARNING.DARK,WARNING_MEDIUM:_.WARNING.MEDIUM,WARNING_LIGHT:_.WARNING.LIGHT,WARNING_SUPER_LIGHT:_.WARNING.SUPER_LIGHT},DANGER:{DANGER_SUPER_DARK:_.DANGER.SUPER_DARK,DANGER_DARK:_.DANGER.DARK,DANGER_MEDIUM:_.DANGER.MEDIUM,DANGER_LIGHT:_.DANGER.LIGHT,DANGER_SUPER_LIGHT:_.DANGER.SUPER_LIGHT}}},S=(n,r,a={min:.03,max:.97})=>{let l=n,h=g.getLuminance(l);if(a.min<0&&(a.min=0),a.max>1&&(a.max=1),a.min>=a.max)throw new Error("Invalid range: min must be less than max");if(r>0){const t=a.max-h;if(t<=0)return g.toRgba(l);const u=r*(t/(1-h));l=g.lighten(l,u)}else if(r<0){const t=h-a.min;if(t<=0)return g.toRgba(l);const u=r*(t/h);l=g.darken(l,Math.abs(u))}const e=g.getLuminance(l);return(e>a.max||e<a.min)&&(l=O(l,a)),g.toRgba(l)},O=(n,r)=>{let a=n,l=g.getLuminance(a);for(;l>r.max;)a=g.darken(a,.05),l=g.getLuminance(a);for(;l<r.min;)a=g.lighten(a,.05),l=g.getLuminance(a);return g.toRgba(a)},P=n=>{for(;g.hasBadContrast(n,"readable",_.GRAYSCALE.GRAY_DARK);)n=g.lighten(n,.01);return g.toRgba(n)},Q=n=>{for(;g.hasBadContrast(_.GRAYSCALE.GRAY_SUPER_LIGHT,"readable",n);)n=g.darken(n,.01);return g.toRgba(n)},j=n=>{let r=n,a=g.getLuminance(g.toRgba(r)),l=0;const h=6;for(;a<.16&&l<h;)l++,r=g.lighten(r,.1),a=g.getLuminance(g.toRgba(r));for(;a>.6&&l<h;)l++,r=g.darken(r,.1),a=g.getLuminance(g.toRgba(r));return g.toRgba(r)},V=n=>typeof n=="string"||n instanceof String;function Z(...n){return n.filter(V).join(" ")}const tt=n=>n.startsWith("http"),nt=(n,r)=>{if(n.metaKey||n.altKey||n.ctrlKey||n.shiftKey||n.button&&n.button!==0)return;n.preventDefault();const a=r.startsWith("/")?r:`/${r}`;window.history.pushState({},"",a),window.dispatchEvent(new PopStateEvent("popstate"))};Object.defineProperty(exports,"darken",{enumerable:!0,get:()=>g.darken});Object.defineProperty(exports,"lighten",{enumerable:!0,get:()=>g.lighten});Object.defineProperty(exports,"toHex",{enumerable:!0,get:()=>g.toHex});Object.defineProperty(exports,"toRgba",{enumerable:!0,get:()=>g.toRgba});exports.arrayToRgbString=F;exports.csx=Z;exports.desaturate=L;exports.generatePalette=J;exports.getDominantColor=$;exports.handleInternalNavigation=nt;exports.isUrlExternal=tt;exports.saturate=x;exports.transparentize=q;
 //# sourceMappingURL=utils.cjs.js.map