@protonradio/proton-ui 0.11.10 → 0.11.11

package/dist/dark.es.js

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

package/dist/dark.es.js.map

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

package/dist/design/colors.cjs.js

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

package/dist/design/colors.cjs.js.map

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

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

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

package/dist/design/colors.es.js.map

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

package/dist/design/darkTheme/colors.cjs.js

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

package/dist/design/darkTheme/colors.cjs.js.map

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

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

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

package/dist/design/darkTheme/colors.es.js.map

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

package/dist/design/darkTheme/stylesheet.cjs.js

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

package/dist/design/darkTheme/stylesheet.cjs.js.map

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

package/dist/design/darkTheme/stylesheet.es.js

@@ -0,0 +1,52 @@
+import { transparentize as l } from "../../utils/color2k.es.js";
+import { DARK_GRAYSCALE as o, ELEVATION as c, BORDER as p } from "./colors.es.js";
+import { BRAND as r, DANGER as _, WARNING as t, SUCCESS as n } from "../colors.es.js";
+const R = {
+  // Control/component colors
+  "--proton-control__background-color": o.DARK,
+  "--proton-control__background-color-light": c,
+  "--proton-control__text-color": o.WHITE,
+  "--proton-control__title-color": "#FFFFFF",
+  "--proton-control__border-color": p,
+  "--proton-control__hover-color": o.MEDIUM,
+  "--proton-control__shadow-color": l(
+    o.LIGHTEST,
+    0.5
+  ),
+  "--proton-control__border-radius": "4px",
+  "--proton-control__interactive-color": r.PRIMARY_LIGHT,
+  // Brand colors
+  "--proton-color__primary": r.PRIMARY,
+  "--proton-color__primary-light": r.PRIMARY_LIGHT,
+  "--proton-color__primary-super-light": r.PRIMARY_SUPER_LIGHT,
+  "--proton-color__secondary": r.SECONDARY,
+  "--proton-color__secondary-light": r.SECONDARY_LIGHT,
+  "--proton-color__secondary-super-light": r.SECONDARY_SUPER_LIGHT,
+  // Semantic colors
+  "--proton-color__danger-super-dark": _.SUPER_DARK,
+  "--proton-color__danger-dark": _.DARK,
+  "--proton-color__danger-medium": _.MEDIUM,
+  "--proton-color__danger-light": _.LIGHT,
+  "--proton-color__danger-super-light": _.SUPER_LIGHT,
+  "--proton-color__warning-dark": t.DARK,
+  "--proton-color__warning-medium": t.MEDIUM,
+  "--proton-color__warning-light": t.LIGHT,
+  "--proton-color__warning-super-light": t.SUPER_LIGHT,
+  "--proton-color__success-dark": n.DARK,
+  "--proton-color__success-medium": n.MEDIUM,
+  "--proton-color__success-light": n.LIGHT,
+  "--proton-color__success-super-light": n.SUPER_LIGHT,
+  // Grayscale colors
+  "--proton-color__gray-super-dark": o.SUPER_DARK,
+  "--proton-color__gray-dark": o.DARK,
+  "--proton-color__gray-medium": o.MEDIUM,
+  "--proton-color__gray-medium-light": o.MEDIUM_LIGHT,
+  "--proton-color__gray-light": o.LIGHT,
+  "--proton-color__gray-lightest": o.LIGHTEST,
+  "--proton-color__gray-super-light": o.SUPER_LIGHT,
+  "--proton-color__white": o.WHITE
+};
+export {
+  R as DARK_STYLESHEET
+};
+//# sourceMappingURL=stylesheet.es.js.map

package/dist/design/darkTheme/stylesheet.es.js.map

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

package/dist/design/generateStylesheet.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./theme.cjs.js"),n=require("./lightTheme/stylesheet.cjs.js"),_=require("./darkTheme/stylesheet.cjs.js"),c=(r,e)=>{const o=e===s.THEMES.DARK?_.DARK_STYLESHEET:n.LIGHT_STYLESHEET;if(r){const t=R(r);return{...o,...t}}return o},R=r=>({"--proton-color__primary":r.BRAND.PRIMARY,"--proton-color__primary-light":r.BRAND.PRIMARY_LIGHT,"--proton-color__primary-super-light":r.BRAND.PRIMARY_SUPER_LIGHT,"--proton-color__secondary":r.BRAND.SECONDARY,"--proton-color__secondary-light":r.BRAND.SECONDARY_LIGHT,"--proton-color__secondary-super-light":r.BRAND.SECONDARY_SUPER_LIGHT});exports.generateStylesheet=c;
+//# sourceMappingURL=generateStylesheet.cjs.js.map

package/dist/design/generateStylesheet.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateStylesheet.cjs.js","sources":["../../src/design/generateStylesheet.ts"],"sourcesContent":["import { THEMES } from \"./theme\";\r\nimport { ProtonPalette } from \"./types\";\r\nimport { LIGHT_STYLESHEET } from \"./lightTheme/stylesheet\";\r\nimport { DARK_STYLESHEET } from \"./darkTheme/stylesheet\";\r\nimport { ProtonStyleSheet } from \"./types\";\r\n\r\nexport const generateStylesheet = (\r\n  palette: ProtonPalette,\r\n  theme: string\r\n): ProtonStyleSheet => {\r\n  const themeVariables =\r\n    theme === THEMES.DARK ? DARK_STYLESHEET : LIGHT_STYLESHEET;\r\n\r\n  if (palette) {\r\n    const customVars = generateCustomStylesheet(palette);\r\n    return {\r\n      ...themeVariables,\r\n      ...customVars,\r\n    };\r\n  }\r\n\r\n  return themeVariables;\r\n};\r\n\r\n//overrride theme colors in stylesheet\r\nconst generateCustomStylesheet = (\r\n  palette: ProtonPalette\r\n): Partial<ProtonStyleSheet> => {\r\n  return {\r\n    \"--proton-color__primary\": palette.BRAND.PRIMARY,\r\n    \"--proton-color__primary-light\": palette.BRAND.PRIMARY_LIGHT,\r\n    \"--proton-color__primary-super-light\": palette.BRAND.PRIMARY_SUPER_LIGHT,\r\n    \"--proton-color__secondary\": palette.BRAND.SECONDARY,\r\n    \"--proton-color__secondary-light\": palette.BRAND.SECONDARY_LIGHT,\r\n    \"--proton-color__secondary-super-light\":\r\n      palette.BRAND.SECONDARY_SUPER_LIGHT,\r\n\r\n    //TODO: add newly generated grayscale color scale\r\n  };\r\n};\r\n"],"names":["generateStylesheet","palette","theme","themeVariables","THEMES","DARK_STYLESHEET","LIGHT_STYLESHEET","customVars","generateCustomStylesheet"],"mappings":"yMAMaA,EAAqB,CAChCC,EACAC,IACqB,CACrB,MAAMC,EACJD,IAAUE,EAAAA,OAAO,KAAOC,EAAAA,gBAAkBC,EAAAA,iBAE5C,GAAIL,EAAS,CACL,MAAAM,EAAaC,EAAyBP,CAAO,EAC5C,MAAA,CACL,GAAGE,EACH,GAAGI,CAAA,CAEP,CAEO,OAAAJ,CACT,EAGMK,EACJP,IAEO,CACL,0BAA2BA,EAAQ,MAAM,QACzC,gCAAiCA,EAAQ,MAAM,cAC/C,sCAAuCA,EAAQ,MAAM,oBACrD,4BAA6BA,EAAQ,MAAM,UAC3C,kCAAmCA,EAAQ,MAAM,gBACjD,wCACEA,EAAQ,MAAM,qBAAA"}

package/dist/design/generateStylesheet.es.js

@@ -0,0 +1,26 @@
+import { THEMES as n } from "./theme.es.js";
+import { LIGHT_STYLESHEET as t } from "./lightTheme/stylesheet.es.js";
+import { DARK_STYLESHEET as s } from "./darkTheme/stylesheet.es.js";
+const i = (o, _) => {
+  const r = _ === n.DARK ? s : t;
+  if (o) {
+    const R = c(o);
+    return {
+      ...r,
+      ...R
+    };
+  }
+  return r;
+}, c = (o) => ({
+  "--proton-color__primary": o.BRAND.PRIMARY,
+  "--proton-color__primary-light": o.BRAND.PRIMARY_LIGHT,
+  "--proton-color__primary-super-light": o.BRAND.PRIMARY_SUPER_LIGHT,
+  "--proton-color__secondary": o.BRAND.SECONDARY,
+  "--proton-color__secondary-light": o.BRAND.SECONDARY_LIGHT,
+  "--proton-color__secondary-super-light": o.BRAND.SECONDARY_SUPER_LIGHT
+  //TODO: add newly generated grayscale color scale
+});
+export {
+  i as generateStylesheet
+};
+//# sourceMappingURL=generateStylesheet.es.js.map

package/dist/design/generateStylesheet.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateStylesheet.es.js","sources":["../../src/design/generateStylesheet.ts"],"sourcesContent":["import { THEMES } from \"./theme\";\r\nimport { ProtonPalette } from \"./types\";\r\nimport { LIGHT_STYLESHEET } from \"./lightTheme/stylesheet\";\r\nimport { DARK_STYLESHEET } from \"./darkTheme/stylesheet\";\r\nimport { ProtonStyleSheet } from \"./types\";\r\n\r\nexport const generateStylesheet = (\r\n  palette: ProtonPalette,\r\n  theme: string\r\n): ProtonStyleSheet => {\r\n  const themeVariables =\r\n    theme === THEMES.DARK ? DARK_STYLESHEET : LIGHT_STYLESHEET;\r\n\r\n  if (palette) {\r\n    const customVars = generateCustomStylesheet(palette);\r\n    return {\r\n      ...themeVariables,\r\n      ...customVars,\r\n    };\r\n  }\r\n\r\n  return themeVariables;\r\n};\r\n\r\n//overrride theme colors in stylesheet\r\nconst generateCustomStylesheet = (\r\n  palette: ProtonPalette\r\n): Partial<ProtonStyleSheet> => {\r\n  return {\r\n    \"--proton-color__primary\": palette.BRAND.PRIMARY,\r\n    \"--proton-color__primary-light\": palette.BRAND.PRIMARY_LIGHT,\r\n    \"--proton-color__primary-super-light\": palette.BRAND.PRIMARY_SUPER_LIGHT,\r\n    \"--proton-color__secondary\": palette.BRAND.SECONDARY,\r\n    \"--proton-color__secondary-light\": palette.BRAND.SECONDARY_LIGHT,\r\n    \"--proton-color__secondary-super-light\":\r\n      palette.BRAND.SECONDARY_SUPER_LIGHT,\r\n\r\n    //TODO: add newly generated grayscale color scale\r\n  };\r\n};\r\n"],"names":["generateStylesheet","palette","theme","themeVariables","THEMES","DARK_STYLESHEET","LIGHT_STYLESHEET","customVars","generateCustomStylesheet"],"mappings":";;;AAMa,MAAAA,IAAqB,CAChCC,GACAC,MACqB;AACrB,QAAMC,IACJD,MAAUE,EAAO,OAAOC,IAAkBC;AAE5C,MAAIL,GAAS;AACL,UAAAM,IAAaC,EAAyBP,CAAO;AAC5C,WAAA;AAAA,MACL,GAAGE;AAAA,MACH,GAAGI;AAAA,IAAA;AAAA,EAEP;AAEO,SAAAJ;AACT,GAGMK,IAA2B,CAC/BP,OAEO;AAAA,EACL,2BAA2BA,EAAQ,MAAM;AAAA,EACzC,iCAAiCA,EAAQ,MAAM;AAAA,EAC/C,uCAAuCA,EAAQ,MAAM;AAAA,EACrD,6BAA6BA,EAAQ,MAAM;AAAA,EAC3C,mCAAmCA,EAAQ,MAAM;AAAA,EACjD,yCACEA,EAAQ,MAAM;AAAA;AAAA;"}

package/dist/design/lightTheme/colors.cjs.js

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

package/dist/design/lightTheme/colors.cjs.js.map

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

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

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

package/dist/design/lightTheme/colors.es.js.map

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

package/dist/design/lightTheme/stylesheet.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../utils/color2k.cjs.js"),o=require("../colors.cjs.js"),r=require("./colors.cjs.js"),t={"--proton-control__background-color":o.BACKGROUNDS.WHITE,"--proton-control__background-color-light":r.ELEVATION,"--proton-control__text-color":r.LIGHT_GRAYSCALE.DARK,"--proton-control__title-color":r.LIGHT_GRAYSCALE.SUPER_DARK,"--proton-control__border-color":r.BORDER,"--proton-control__hover-color":r.LIGHT_GRAYSCALE.SUPER_LIGHT,"--proton-control__shadow-color":_.transparentize(r.LIGHT_GRAYSCALE.SUPER_DARK,.9),"--proton-control__border-radius":"4px","--proton-control__interactive-color":o.BRAND.PRIMARY_LIGHT,"--proton-color__primary":o.BRAND.PRIMARY,"--proton-color__primary-light":o.BRAND.PRIMARY_LIGHT,"--proton-color__primary-super-light":o.BRAND.PRIMARY_SUPER_LIGHT,"--proton-color__secondary":o.BRAND.SECONDARY,"--proton-color__secondary-light":o.BRAND.SECONDARY_LIGHT,"--proton-color__secondary-super-light":o.BRAND.SECONDARY_SUPER_LIGHT,"--proton-color__danger-super-dark":o.DANGER.SUPER_DARK,"--proton-color__danger-dark":o.DANGER.DARK,"--proton-color__danger-medium":o.DANGER.MEDIUM,"--proton-color__danger-light":o.DANGER.LIGHT,"--proton-color__danger-super-light":o.DANGER.SUPER_LIGHT,"--proton-color__warning-dark":o.WARNING.DARK,"--proton-color__warning-medium":o.WARNING.MEDIUM,"--proton-color__warning-light":o.WARNING.LIGHT,"--proton-color__warning-super-light":o.WARNING.SUPER_LIGHT,"--proton-color__success-dark":o.SUCCESS.DARK,"--proton-color__success-medium":o.SUCCESS.MEDIUM,"--proton-color__success-light":o.SUCCESS.LIGHT,"--proton-color__success-super-light":o.SUCCESS.SUPER_LIGHT,"--proton-color__gray-super-dark":r.LIGHT_GRAYSCALE.SUPER_DARK,"--proton-color__gray-dark":r.LIGHT_GRAYSCALE.DARK,"--proton-color__gray-medium":r.LIGHT_GRAYSCALE.MEDIUM,"--proton-color__gray-medium-light":r.LIGHT_GRAYSCALE.MEDIUM_LIGHT,"--proton-color__gray-light":r.LIGHT_GRAYSCALE.LIGHT,"--proton-color__gray-lightest":r.LIGHT_GRAYSCALE.LIGHTEST,"--proton-color__gray-super-light":r.LIGHT_GRAYSCALE.SUPER_LIGHT,"--proton-color__white":r.LIGHT_GRAYSCALE.WHITE};exports.LIGHT_STYLESHEET=t;
+//# sourceMappingURL=stylesheet.cjs.js.map

package/dist/design/lightTheme/stylesheet.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheet.cjs.js","sources":["../../../src/design/lightTheme/stylesheet.ts"],"sourcesContent":["import { transparentize } from \"../../utils/color2k\";\r\nimport { BACKGROUNDS, BRAND, DANGER, WARNING, SUCCESS } from \"../colors\";\r\nimport { ELEVATION, LIGHT_GRAYSCALE } from \"./colors\";\r\nimport { BORDER } from \"./colors\";\r\nimport type { ProtonStyleSheet } from \"../types\";\r\n\r\nexport const LIGHT_STYLESHEET: ProtonStyleSheet = {\r\n  // Control/component colors\r\n  \"--proton-control__background-color\": BACKGROUNDS.WHITE,\r\n  \"--proton-control__background-color-light\": ELEVATION,\r\n  \"--proton-control__text-color\": LIGHT_GRAYSCALE.DARK,\r\n  \"--proton-control__title-color\": LIGHT_GRAYSCALE.SUPER_DARK,\r\n  \"--proton-control__border-color\": BORDER,\r\n  \"--proton-control__hover-color\": LIGHT_GRAYSCALE.SUPER_LIGHT,\r\n  \"--proton-control__shadow-color\": transparentize(\r\n    LIGHT_GRAYSCALE.SUPER_DARK,\r\n    0.9\r\n  ),\r\n  \"--proton-control__border-radius\": \"4px\",\r\n  \"--proton-control__interactive-color\": BRAND.PRIMARY_LIGHT,\r\n\r\n  // Brand colors\r\n  \"--proton-color__primary\": BRAND.PRIMARY,\r\n  \"--proton-color__primary-light\": BRAND.PRIMARY_LIGHT,\r\n  \"--proton-color__primary-super-light\": BRAND.PRIMARY_SUPER_LIGHT,\r\n  \"--proton-color__secondary\": BRAND.SECONDARY,\r\n  \"--proton-color__secondary-light\": BRAND.SECONDARY_LIGHT,\r\n  \"--proton-color__secondary-super-light\": BRAND.SECONDARY_SUPER_LIGHT,\r\n\r\n  // Semantic colors\r\n  \"--proton-color__danger-super-dark\": DANGER.SUPER_DARK,\r\n  \"--proton-color__danger-dark\": DANGER.DARK,\r\n  \"--proton-color__danger-medium\": DANGER.MEDIUM,\r\n  \"--proton-color__danger-light\": DANGER.LIGHT,\r\n  \"--proton-color__danger-super-light\": DANGER.SUPER_LIGHT,\r\n  \"--proton-color__warning-dark\": WARNING.DARK,\r\n  \"--proton-color__warning-medium\": WARNING.MEDIUM,\r\n  \"--proton-color__warning-light\": WARNING.LIGHT,\r\n  \"--proton-color__warning-super-light\": WARNING.SUPER_LIGHT,\r\n  \"--proton-color__success-dark\": SUCCESS.DARK,\r\n  \"--proton-color__success-medium\": SUCCESS.MEDIUM,\r\n  \"--proton-color__success-light\": SUCCESS.LIGHT,\r\n  \"--proton-color__success-super-light\": SUCCESS.SUPER_LIGHT,\r\n\r\n  // Grayscale colors\r\n  \"--proton-color__gray-super-dark\": LIGHT_GRAYSCALE.SUPER_DARK,\r\n  \"--proton-color__gray-dark\": LIGHT_GRAYSCALE.DARK,\r\n  \"--proton-color__gray-medium\": LIGHT_GRAYSCALE.MEDIUM,\r\n  \"--proton-color__gray-medium-light\": LIGHT_GRAYSCALE.MEDIUM_LIGHT,\r\n  \"--proton-color__gray-light\": LIGHT_GRAYSCALE.LIGHT,\r\n  \"--proton-color__gray-lightest\": LIGHT_GRAYSCALE.LIGHTEST,\r\n  \"--proton-color__gray-super-light\": LIGHT_GRAYSCALE.SUPER_LIGHT,\r\n  \"--proton-color__white\": LIGHT_GRAYSCALE.WHITE,\r\n};\r\n"],"names":["LIGHT_STYLESHEET","BACKGROUNDS","ELEVATION","LIGHT_GRAYSCALE","BORDER","transparentize","BRAND","DANGER","WARNING","SUCCESS"],"mappings":"yLAMaA,EAAqC,CAEhD,qCAAsCC,EAAY,YAAA,MAClD,2CAA4CC,EAAA,UAC5C,+BAAgCC,EAAgB,gBAAA,KAChD,gCAAiCA,EAAgB,gBAAA,WACjD,iCAAkCC,EAAA,OAClC,gCAAiCD,EAAgB,gBAAA,YACjD,iCAAkCE,EAAA,eAChCF,EAAAA,gBAAgB,WAChB,EACF,EACA,kCAAmC,MACnC,sCAAuCG,EAAM,MAAA,cAG7C,0BAA2BA,EAAM,MAAA,QACjC,gCAAiCA,EAAM,MAAA,cACvC,sCAAuCA,EAAM,MAAA,oBAC7C,4BAA6BA,EAAM,MAAA,UACnC,kCAAmCA,EAAM,MAAA,gBACzC,wCAAyCA,EAAM,MAAA,sBAG/C,oCAAqCC,EAAO,OAAA,WAC5C,8BAA+BA,EAAO,OAAA,KACtC,gCAAiCA,EAAO,OAAA,OACxC,+BAAgCA,EAAO,OAAA,MACvC,qCAAsCA,EAAO,OAAA,YAC7C,+BAAgCC,EAAQ,QAAA,KACxC,iCAAkCA,EAAQ,QAAA,OAC1C,gCAAiCA,EAAQ,QAAA,MACzC,sCAAuCA,EAAQ,QAAA,YAC/C,+BAAgCC,EAAQ,QAAA,KACxC,iCAAkCA,EAAQ,QAAA,OAC1C,gCAAiCA,EAAQ,QAAA,MACzC,sCAAuCA,EAAQ,QAAA,YAG/C,kCAAmCN,EAAgB,gBAAA,WACnD,4BAA6BA,EAAgB,gBAAA,KAC7C,8BAA+BA,EAAgB,gBAAA,OAC/C,oCAAqCA,EAAgB,gBAAA,aACrD,6BAA8BA,EAAgB,gBAAA,MAC9C,gCAAiCA,EAAgB,gBAAA,SACjD,mCAAoCA,EAAgB,gBAAA,YACpD,wBAAyBA,EAAgB,gBAAA,KAC3C"}

package/dist/design/lightTheme/stylesheet.es.js

@@ -0,0 +1,52 @@
+import { transparentize as l } from "../../utils/color2k.es.js";
+import { BACKGROUNDS as c, BRAND as r, DANGER as _, WARNING as t, SUCCESS as n } from "../colors.es.js";
+import { ELEVATION as p, LIGHT_GRAYSCALE as o, BORDER as R } from "./colors.es.js";
+const g = {
+  // Control/component colors
+  "--proton-control__background-color": c.WHITE,
+  "--proton-control__background-color-light": p,
+  "--proton-control__text-color": o.DARK,
+  "--proton-control__title-color": o.SUPER_DARK,
+  "--proton-control__border-color": R,
+  "--proton-control__hover-color": o.SUPER_LIGHT,
+  "--proton-control__shadow-color": l(
+    o.SUPER_DARK,
+    0.9
+  ),
+  "--proton-control__border-radius": "4px",
+  "--proton-control__interactive-color": r.PRIMARY_LIGHT,
+  // Brand colors
+  "--proton-color__primary": r.PRIMARY,
+  "--proton-color__primary-light": r.PRIMARY_LIGHT,
+  "--proton-color__primary-super-light": r.PRIMARY_SUPER_LIGHT,
+  "--proton-color__secondary": r.SECONDARY,
+  "--proton-color__secondary-light": r.SECONDARY_LIGHT,
+  "--proton-color__secondary-super-light": r.SECONDARY_SUPER_LIGHT,
+  // Semantic colors
+  "--proton-color__danger-super-dark": _.SUPER_DARK,
+  "--proton-color__danger-dark": _.DARK,
+  "--proton-color__danger-medium": _.MEDIUM,
+  "--proton-color__danger-light": _.LIGHT,
+  "--proton-color__danger-super-light": _.SUPER_LIGHT,
+  "--proton-color__warning-dark": t.DARK,
+  "--proton-color__warning-medium": t.MEDIUM,
+  "--proton-color__warning-light": t.LIGHT,
+  "--proton-color__warning-super-light": t.SUPER_LIGHT,
+  "--proton-color__success-dark": n.DARK,
+  "--proton-color__success-medium": n.MEDIUM,
+  "--proton-color__success-light": n.LIGHT,
+  "--proton-color__success-super-light": n.SUPER_LIGHT,
+  // Grayscale colors
+  "--proton-color__gray-super-dark": o.SUPER_DARK,
+  "--proton-color__gray-dark": o.DARK,
+  "--proton-color__gray-medium": o.MEDIUM,
+  "--proton-color__gray-medium-light": o.MEDIUM_LIGHT,
+  "--proton-color__gray-light": o.LIGHT,
+  "--proton-color__gray-lightest": o.LIGHTEST,
+  "--proton-color__gray-super-light": o.SUPER_LIGHT,
+  "--proton-color__white": o.WHITE
+};
+export {
+  g as LIGHT_STYLESHEET
+};
+//# sourceMappingURL=stylesheet.es.js.map

package/dist/design/lightTheme/stylesheet.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheet.es.js","sources":["../../../src/design/lightTheme/stylesheet.ts"],"sourcesContent":["import { transparentize } from \"../../utils/color2k\";\r\nimport { BACKGROUNDS, BRAND, DANGER, WARNING, SUCCESS } from \"../colors\";\r\nimport { ELEVATION, LIGHT_GRAYSCALE } from \"./colors\";\r\nimport { BORDER } from \"./colors\";\r\nimport type { ProtonStyleSheet } from \"../types\";\r\n\r\nexport const LIGHT_STYLESHEET: ProtonStyleSheet = {\r\n  // Control/component colors\r\n  \"--proton-control__background-color\": BACKGROUNDS.WHITE,\r\n  \"--proton-control__background-color-light\": ELEVATION,\r\n  \"--proton-control__text-color\": LIGHT_GRAYSCALE.DARK,\r\n  \"--proton-control__title-color\": LIGHT_GRAYSCALE.SUPER_DARK,\r\n  \"--proton-control__border-color\": BORDER,\r\n  \"--proton-control__hover-color\": LIGHT_GRAYSCALE.SUPER_LIGHT,\r\n  \"--proton-control__shadow-color\": transparentize(\r\n    LIGHT_GRAYSCALE.SUPER_DARK,\r\n    0.9\r\n  ),\r\n  \"--proton-control__border-radius\": \"4px\",\r\n  \"--proton-control__interactive-color\": BRAND.PRIMARY_LIGHT,\r\n\r\n  // Brand colors\r\n  \"--proton-color__primary\": BRAND.PRIMARY,\r\n  \"--proton-color__primary-light\": BRAND.PRIMARY_LIGHT,\r\n  \"--proton-color__primary-super-light\": BRAND.PRIMARY_SUPER_LIGHT,\r\n  \"--proton-color__secondary\": BRAND.SECONDARY,\r\n  \"--proton-color__secondary-light\": BRAND.SECONDARY_LIGHT,\r\n  \"--proton-color__secondary-super-light\": BRAND.SECONDARY_SUPER_LIGHT,\r\n\r\n  // Semantic colors\r\n  \"--proton-color__danger-super-dark\": DANGER.SUPER_DARK,\r\n  \"--proton-color__danger-dark\": DANGER.DARK,\r\n  \"--proton-color__danger-medium\": DANGER.MEDIUM,\r\n  \"--proton-color__danger-light\": DANGER.LIGHT,\r\n  \"--proton-color__danger-super-light\": DANGER.SUPER_LIGHT,\r\n  \"--proton-color__warning-dark\": WARNING.DARK,\r\n  \"--proton-color__warning-medium\": WARNING.MEDIUM,\r\n  \"--proton-color__warning-light\": WARNING.LIGHT,\r\n  \"--proton-color__warning-super-light\": WARNING.SUPER_LIGHT,\r\n  \"--proton-color__success-dark\": SUCCESS.DARK,\r\n  \"--proton-color__success-medium\": SUCCESS.MEDIUM,\r\n  \"--proton-color__success-light\": SUCCESS.LIGHT,\r\n  \"--proton-color__success-super-light\": SUCCESS.SUPER_LIGHT,\r\n\r\n  // Grayscale colors\r\n  \"--proton-color__gray-super-dark\": LIGHT_GRAYSCALE.SUPER_DARK,\r\n  \"--proton-color__gray-dark\": LIGHT_GRAYSCALE.DARK,\r\n  \"--proton-color__gray-medium\": LIGHT_GRAYSCALE.MEDIUM,\r\n  \"--proton-color__gray-medium-light\": LIGHT_GRAYSCALE.MEDIUM_LIGHT,\r\n  \"--proton-color__gray-light\": LIGHT_GRAYSCALE.LIGHT,\r\n  \"--proton-color__gray-lightest\": LIGHT_GRAYSCALE.LIGHTEST,\r\n  \"--proton-color__gray-super-light\": LIGHT_GRAYSCALE.SUPER_LIGHT,\r\n  \"--proton-color__white\": LIGHT_GRAYSCALE.WHITE,\r\n};\r\n"],"names":["LIGHT_STYLESHEET","BACKGROUNDS","ELEVATION","LIGHT_GRAYSCALE","BORDER","transparentize","BRAND","DANGER","WARNING","SUCCESS"],"mappings":";;;AAMO,MAAMA,IAAqC;AAAA;AAAA,EAEhD,sCAAsCC,EAAY;AAAA,EAClD,4CAA4CC;AAAA,EAC5C,gCAAgCC,EAAgB;AAAA,EAChD,iCAAiCA,EAAgB;AAAA,EACjD,kCAAkCC;AAAA,EAClC,iCAAiCD,EAAgB;AAAA,EACjD,kCAAkCE;AAAA,IAChCF,EAAgB;AAAA,IAChB;AAAA,EACF;AAAA,EACA,mCAAmC;AAAA,EACnC,uCAAuCG,EAAM;AAAA;AAAA,EAG7C,2BAA2BA,EAAM;AAAA,EACjC,iCAAiCA,EAAM;AAAA,EACvC,uCAAuCA,EAAM;AAAA,EAC7C,6BAA6BA,EAAM;AAAA,EACnC,mCAAmCA,EAAM;AAAA,EACzC,yCAAyCA,EAAM;AAAA;AAAA,EAG/C,qCAAqCC,EAAO;AAAA,EAC5C,+BAA+BA,EAAO;AAAA,EACtC,iCAAiCA,EAAO;AAAA,EACxC,gCAAgCA,EAAO;AAAA,EACvC,sCAAsCA,EAAO;AAAA,EAC7C,gCAAgCC,EAAQ;AAAA,EACxC,kCAAkCA,EAAQ;AAAA,EAC1C,iCAAiCA,EAAQ;AAAA,EACzC,uCAAuCA,EAAQ;AAAA,EAC/C,gCAAgCC,EAAQ;AAAA,EACxC,kCAAkCA,EAAQ;AAAA,EAC1C,iCAAiCA,EAAQ;AAAA,EACzC,uCAAuCA,EAAQ;AAAA;AAAA,EAG/C,mCAAmCN,EAAgB;AAAA,EACnD,6BAA6BA,EAAgB;AAAA,EAC7C,+BAA+BA,EAAgB;AAAA,EAC/C,qCAAqCA,EAAgB;AAAA,EACrD,8BAA8BA,EAAgB;AAAA,EAC9C,iCAAiCA,EAAgB;AAAA,EACjD,oCAAoCA,EAAgB;AAAA,EACpD,yBAAyBA,EAAgB;AAC3C;"}

package/dist/design/theme.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={DARK:"dark",LIGHT:"light"},e={[t.DARK]:"proton-ui__theme--dark",[t.LIGHT]:"proton-ui__theme--light"};exports.THEMES=t;exports.THEME_CLASSES=e;
+//# sourceMappingURL=theme.cjs.js.map

package/dist/design/theme.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.cjs.js","sources":["../../src/design/theme.ts"],"sourcesContent":["export const THEMES = {\r\n  DARK: \"dark\",\r\n  LIGHT: \"light\",\r\n} as const;\r\n\r\nexport const THEME_CLASSES = {\r\n  [THEMES.DARK]: \"proton-ui__theme--dark\",\r\n  [THEMES.LIGHT]: \"proton-ui__theme--light\",\r\n};"],"names":["THEMES","THEME_CLASSES"],"mappings":"gFAAO,MAAMA,EAAS,CACpB,KAAM,OACN,MAAO,OACT,EAEaC,EAAgB,CAC3B,CAACD,EAAO,IAAI,EAAG,yBACf,CAACA,EAAO,KAAK,EAAG,yBAClB"}

package/dist/design/theme.es.js

@@ -0,0 +1,12 @@
+const t = {
+  DARK: "dark",
+  LIGHT: "light"
+}, o = {
+  [t.DARK]: "proton-ui__theme--dark",
+  [t.LIGHT]: "proton-ui__theme--light"
+};
+export {
+  t as THEMES,
+  o as THEME_CLASSES
+};
+//# sourceMappingURL=theme.es.js.map

package/dist/design/theme.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.es.js","sources":["../../src/design/theme.ts"],"sourcesContent":["export const THEMES = {\r\n  DARK: \"dark\",\r\n  LIGHT: \"light\",\r\n} as const;\r\n\r\nexport const THEME_CLASSES = {\r\n  [THEMES.DARK]: \"proton-ui__theme--dark\",\r\n  [THEMES.LIGHT]: \"proton-ui__theme--light\",\r\n};"],"names":["THEMES","THEME_CLASSES"],"mappings":"AAAO,MAAMA,IAAS;AAAA,EACpB,MAAM;AAAA,EACN,OAAO;AACT,GAEaC,IAAgB;AAAA,EAC3B,CAACD,EAAO,IAAI,GAAG;AAAA,EACf,CAACA,EAAO,KAAK,GAAG;AAClB;"}

package/dist/hooks/useBreakpoint.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");function c(t,i="down"){const e=i==="down"?`(max-width: ${t}px)`:`(min-width: ${t}px)`,[o,r]=d.useState(()=>typeof window<"u"?window.matchMedia(e).matches:!1);return d.useEffect(()=>{if(typeof window>"u")return;const n=window.matchMedia(e),a=s=>{r(s.matches)};return n.addEventListener("change",a),()=>n.removeEventListener("change",a)},[e]),o}exports.useBreakpoint=c;
+//# sourceMappingURL=useBreakpoint.cjs.js.map

package/dist/hooks/useBreakpoint.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.cjs.js","sources":["../../src/hooks/useBreakpoint.tsx"],"sourcesContent":["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":["useBreakpoint","breakpoint","direction","query","matches","setMatches","useState","useEffect","mediaQuery","handler","event"],"mappings":"yGAOgB,SAAAA,EACdC,EACAC,EAAiC,OACjC,CACA,MAAMC,EACJD,IAAc,OACV,eAAeD,CAAU,MACzB,eAAeA,CAAU,MAEzB,CAACG,EAASC,CAAU,EAAIC,EAAA,SAAS,IACrC,OAAO,OAAW,IAAc,OAAO,WAAWH,CAAK,EAAE,QAAU,EAAA,EAGrEI,OAAAA,EAAAA,UAAU,IAAM,CACV,GAAA,OAAO,OAAW,IAAa,OAE7B,MAAAC,EAAa,OAAO,WAAWL,CAAK,EACpCM,EAAWC,GAA+B,CAC9CL,EAAWK,EAAM,OAAO,CAAA,EAGf,OAAAF,EAAA,iBAAiB,SAAUC,CAAO,EACtC,IAAMD,EAAW,oBAAoB,SAAUC,CAAO,CAAA,EAC5D,CAACN,CAAK,CAAC,EAEHC,CACT"}

package/dist/hooks/useBreakpoint.es.js

@@ -0,0 +1,17 @@
+import { useState as s, useEffect as c } from "react";
+function h(t, i = "down") {
+  const e = i === "down" ? `(max-width: ${t}px)` : `(min-width: ${t}px)`, [o, a] = s(
+    () => typeof window < "u" ? window.matchMedia(e).matches : !1
+  );
+  return c(() => {
+    if (typeof window > "u") return;
+    const n = window.matchMedia(e), d = (r) => {
+      a(r.matches);
+    };
+    return n.addEventListener("change", d), () => n.removeEventListener("change", d);
+  }, [e]), o;
+}
+export {
+  h as useBreakpoint
+};
+//# sourceMappingURL=useBreakpoint.es.js.map

package/dist/hooks/useBreakpoint.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.es.js","sources":["../../src/hooks/useBreakpoint.tsx"],"sourcesContent":["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":["useBreakpoint","breakpoint","direction","query","matches","setMatches","useState","useEffect","mediaQuery","handler","event"],"mappings":";AAOgB,SAAAA,EACdC,GACAC,IAAiC,QACjC;AACA,QAAMC,IACJD,MAAc,SACV,eAAeD,CAAU,QACzB,eAAeA,CAAU,OAEzB,CAACG,GAASC,CAAU,IAAIC;AAAA,IAAS,MACrC,OAAO,SAAW,MAAc,OAAO,WAAWH,CAAK,EAAE,UAAU;AAAA,EAAA;AAGrE,SAAAI,EAAU,MAAM;AACV,QAAA,OAAO,SAAW,IAAa;AAE7B,UAAAC,IAAa,OAAO,WAAWL,CAAK,GACpCM,IAAU,CAACC,MAA+B;AAC9C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAAA;AAGf,WAAAF,EAAA,iBAAiB,UAAUC,CAAO,GACtC,MAAMD,EAAW,oBAAoB,UAAUC,CAAO;AAAA,EAAA,GAC5D,CAACN,CAAK,CAAC,GAEHC;AACT;"}

package/dist/hooks/useIsClosing.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function g({duration:i=200,onClose:t,overlayRef:e}){const[r,c]=s.useState(!1),[u,n]=s.useState(),a=s.useCallback(()=>{if(i<=0){console.warn("useIsClosing: Duration must be positive. Executing onClose immediately."),t==null||t();return}c(!0),e!=null&&e.current&&e.current.classList.add("proton-ScreenOverlay__fade-out");const d=setTimeout(()=>{t==null||t(),c(!1)},i);n(d)},[i,t,e]);return s.useEffect(()=>()=>{u&&clearTimeout(u)},[u]),{isClosing:r,handleClose:a}}exports.useIsClosing=g;
+//# sourceMappingURL=useIsClosing.cjs.js.map

package/dist/hooks/useIsClosing.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsClosing.cjs.js","sources":["../../src/hooks/useIsClosing.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"],"names":["useIsClosing","duration","onClose","overlayRef","isClosing","setIsClosing","useState","timeoutId","setTimeoutId","handleClose","useCallback","id","useEffect"],"mappings":"yGAuBO,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"}

package/dist/hooks/useIsClosing.es.js

@@ -0,0 +1,30 @@
+import { useState as c, useCallback as d, useEffect as g } from "react";
+function f({
+  duration: s = 200,
+  onClose: t,
+  overlayRef: i
+}) {
+  const [r, e] = c(!1), [u, n] = c(), m = d(() => {
+    if (s <= 0) {
+      console.warn(
+        "useIsClosing: Duration must be positive. Executing onClose immediately."
+      ), t == null || t();
+      return;
+    }
+    e(!0), i != null && i.current && i.current.classList.add("proton-ScreenOverlay__fade-out");
+    const a = setTimeout(() => {
+      t == null || t(), e(!1);
+    }, s);
+    n(a);
+  }, [s, t, i]);
+  return g(() => () => {
+    u && clearTimeout(u);
+  }, [u]), {
+    isClosing: r,
+    handleClose: m
+  };
+}
+export {
+  f as useIsClosing
+};
+//# sourceMappingURL=useIsClosing.es.js.map

package/dist/hooks/useIsClosing.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsClosing.es.js","sources":["../../src/hooks/useIsClosing.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"],"names":["useIsClosing","duration","onClose","overlayRef","isClosing","setIsClosing","useState","timeoutId","setTimeoutId","handleClose","useCallback","id","useEffect"],"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;"}

package/dist/hooks/useLockBodyScroll.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function r(e=!0){t.useLayoutEffect(()=>{if(!e)return;const o=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=o}},[e])}exports.useLockBodyScroll=r;
+//# sourceMappingURL=useLockBodyScroll.cjs.js.map

package/dist/hooks/useLockBodyScroll.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLockBodyScroll.cjs.js","sources":["../../src/hooks/useLockBodyScroll.tsx"],"sourcesContent":["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"],"names":["useLockBodyScroll","isActive","useLayoutEffect","originalStyle"],"mappings":"yGAMgB,SAAAA,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"}