@protonradio/proton-ui 0.11.3 → 0.11.5-beta.1

package/dist/light.d.ts

@@ -0,0 +1,78 @@
+export declare const LIGHT_BORDER = "#DDDDDD";
+
+export declare const LIGHT_ELEVATION = "#F7F8F9";
+
+export declare const LIGHT_GRAYSCALE: ProtonColorScale;
+
+export declare const LIGHT_PALETTE: ProtonPalette;
+
+export declare const LIGHT_SECONDARY_SCALE: ProtonColorScale;
+
+export declare const LIGHT_STYLESHEET: ProtonStyleSheet;
+
+declare type ProtonColorScale = {
+    SUPER_DARK: string;
+    DARK: string;
+    MEDIUM: string;
+    MEDIUM_LIGHT: string;
+    LIGHT: string;
+    LIGHTEST: string;
+    SUPER_LIGHT: string;
+    WHITE: string;
+};
+
+declare type ProtonPalette = {
+    BASE_COLOR: string;
+    BRAND: {
+        PRIMARY: string;
+        PRIMARY_LIGHT: string;
+        PRIMARY_SUPER_LIGHT: string;
+        SECONDARY: string;
+        SECONDARY_LIGHT: string;
+        SECONDARY_SUPER_LIGHT: string;
+    };
+    PRIMARY: ProtonColorScale;
+    SECONDARY: ProtonColorScale;
+    GRAYSCALE: ProtonColorScale;
+};
+
+declare interface ProtonStyleSheet {
+    "--proton-control__background-color": string;
+    "--proton-control__background-color-light": string;
+    "--proton-control__text-color": string;
+    "--proton-control__title-color": string;
+    "--proton-control__border-color": string;
+    "--proton-control__shadow-color": string;
+    "--proton-control__hover-color": string;
+    "--proton-control__border-radius": string;
+    "--proton-control__interactive-color": string;
+    "--proton-color__primary": string;
+    "--proton-color__primary-light": string;
+    "--proton-color__primary-super-light": string;
+    "--proton-color__secondary": string;
+    "--proton-color__secondary-light": string;
+    "--proton-color__secondary-super-light": string;
+    "--proton-color__danger-super-dark": string;
+    "--proton-color__danger-dark": string;
+    "--proton-color__danger-medium": string;
+    "--proton-color__danger-light": string;
+    "--proton-color__danger-super-light": string;
+    "--proton-color__warning-dark": string;
+    "--proton-color__warning-medium": string;
+    "--proton-color__warning-light": string;
+    "--proton-color__warning-super-light": string;
+    "--proton-color__success-dark": string;
+    "--proton-color__success-medium": string;
+    "--proton-color__success-light": string;
+    "--proton-color__success-super-light": string;
+    "--proton-color__gray-super-dark": string;
+    "--proton-color__gray-dark": string;
+    "--proton-color__gray-medium": string;
+    "--proton-color__gray-medium-light": string;
+    "--proton-color__gray-light": string;
+    "--proton-color__gray-lightest": string;
+    "--proton-color__gray-super-light": string;
+    "--proton-color__white": string;
+}
+
+export { }

package/dist/theme/dark.cjs.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dark.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":"gMAKaA,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/theme/dark.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/design/darkTheme/index'
+export {}

package/dist/theme/dark.es.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dark.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/theme/light.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../colors-DL1dYffC.js"),_=require("../color2k-DCgwXUem.js"),o=require("../colors-CmSJBHaf.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_BORDER=r.BORDER;exports.LIGHT_ELEVATION=r.ELEVATION;exports.LIGHT_GRAYSCALE=r.LIGHT_GRAYSCALE;exports.LIGHT_PALETTE=r.LIGHT_PALETTE;exports.LIGHT_SECONDARY_SCALE=r.LIGHT_SECONDARY_SCALE;exports.LIGHT_STYLESHEET=t;
+//# sourceMappingURL=light.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"light.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":"gMAMaA,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/theme/light.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/design/lightTheme/index'
+export {}

package/dist/theme/light.es.js

@@ -0,0 +1,58 @@
+import { E as l, a as o, B as c } from "../colors-DMkDnu4U.mjs";
+import { L as g, b as T } from "../colors-DMkDnu4U.mjs";
+import { t as p } from "../color2k-CpDB_dpw.mjs";
+import { B as a, a as r, D as _, W as t, S as n } from "../colors-CWaj9dFz.mjs";
+const e = {
+  // Control/component colors
+  "--proton-control__background-color": a.WHITE,
+  "--proton-control__background-color-light": l,
+  "--proton-control__text-color": o.DARK,
+  "--proton-control__title-color": o.SUPER_DARK,
+  "--proton-control__border-color": c,
+  "--proton-control__hover-color": o.SUPER_LIGHT,
+  "--proton-control__shadow-color": p(
+    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 {
+  c as LIGHT_BORDER,
+  l as LIGHT_ELEVATION,
+  o as LIGHT_GRAYSCALE,
+  g as LIGHT_PALETTE,
+  T as LIGHT_SECONDARY_SCALE,
+  e as LIGHT_STYLESHEET
+};
+//# sourceMappingURL=light.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"light.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/theme.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./colors-CmSJBHaf.js"),A={DARK:"dark",LIGHT:"light"},E={[A.DARK]:"proton-ui__theme--dark",[A.LIGHT]:"proton-ui__theme--light"};exports.BACKGROUNDS=S.BACKGROUNDS;exports.BRAND=S.BRAND;exports.BRAND_PRIMARY_SCALE=S.BRAND_PRIMARY_SCALE;exports.DANGER=S.DANGER;exports.SUCCESS=S.SUCCESS;exports.WARNING=S.WARNING;exports.THEMES=A;exports.THEME_CLASSES=E;
+//# sourceMappingURL=theme.cjs.js.map

package/dist/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":"wHAAaA,EAAS,CACpB,KAAM,OACN,MAAO,OACT,EAEaC,EAAgB,CAC3B,CAACD,EAAO,IAAI,EAAG,yBACf,CAACA,EAAO,KAAK,EAAG,yBAClB"}

package/dist/{themes.d.ts → theme.d.ts}

@@ -9,39 +9,6 @@ export declare const BRAND_PRIMARY_SCALE: ProtonColorScale;
 
 export declare const DANGER: Partial<ProtonColorScale>;
 
-export declare const DARK_BORDER: string;
-
-export declare const DARK_ELEVATION: string;
-
-export declare const DARK_GRAYSCALE: ProtonColorScale;
-
-export declare const DARK_PALETTE: ProtonPalette;
-
-export declare const DARK_SECONDARY: {
-    SUPER_DARK: string;
-    DARK: string;
-    MEDIUM: string;
-    MEDIUM_LIGHT: string;
-    LIGHT: string;
-    LIGHTEST: string;
-    SUPER_LIGHT: string;
-    WHITE: string;
-};
-
-export declare const DARK_STYLESHEET: ProtonStyleSheet;
-
-export declare const LIGHT_BORDER: string;
-
-export declare const LIGHT_ELEVATION: string;
-
-export declare const LIGHT_GRAYSCALE: ProtonColorScale;
-
-export declare const LIGHT_PALETTE: ProtonPalette;
-
-export declare const LIGHT_SECONDARY_SCALE: ProtonColorScale;
-
-export declare const LIGHT_STYLESHEET: ProtonStyleSheet;
-
 export declare type ProtonColorScale = {
     SUPER_DARK: string;
     DARK: string;
@@ -107,8 +74,20 @@ export declare interface ProtonStyleSheet {
     "--proton-color__white": string;
 }
 
+export declare type ProtonTheme = (typeof THEMES)[keyof typeof THEMES];
+
 export declare const SUCCESS: Partial<ProtonColorScale>;
 
+export declare const THEME_CLASSES: {
+    dark: string;
+    light: string;
+};
+
+export declare const THEMES: {
+    readonly DARK: "dark";
+    readonly LIGHT: "light";
+};
+
 export declare const WARNING: Partial<ProtonColorScale>;
 
 export { }

package/dist/theme.es.js

@@ -0,0 +1,19 @@
+import { B as o, a as R, b as s, D as E, S as r, W as D } from "./colors-CWaj9dFz.mjs";
+const t = {
+  DARK: "dark",
+  LIGHT: "light"
+}, A = {
+  [t.DARK]: "proton-ui__theme--dark",
+  [t.LIGHT]: "proton-ui__theme--light"
+};
+export {
+  o as BACKGROUNDS,
+  R as BRAND,
+  s as BRAND_PRIMARY_SCALE,
+  E as DANGER,
+  r as SUCCESS,
+  t as THEMES,
+  A as THEME_CLASSES,
+  D as WARNING
+};
+//# sourceMappingURL=theme.es.js.map

package/dist/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/{useBreakpoint-CA9tMMV8.js → useBreakpoint-DA-JqOu3.js}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react");function a({duration:t=200,onClose:e,overlayRef:n}){const[d,i]=s.useState(!1),[u,c]=s.useState(),o=s.useCallback(()=>{if(t<=0){console.warn("useIsClosing: Duration must be positive. Executing onClose immediately."),e==null||e();return}i(!0),n!=null&&n.current&&n.current.classList.add("proton-ScreenOverlay__fade-out");const r=setTimeout(()=>{e==null||e(),i(!1)},t);c(r)},[t,e,n]);return s.useEffect(()=>()=>{u&&clearTimeout(u)},[u]),{isClosing:d,handleClose:o}}function m(t=!0){s.useLayoutEffect(()=>{if(!t)return;const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[t])}function f(t,e="down"){const n=e==="down"?`(max-width: ${t}px)`:`(min-width: ${t}px)`,[d,i]=s.useState(()=>typeof window<"u"?window.matchMedia(n).matches:!1);return s.useEffect(()=>{if(typeof window>"u")return;const u=window.matchMedia(n),c=o=>{i(o.matches)};return u.addEventListener("change",c),()=>u.removeEventListener("change",c)},[n]),d}exports.useBreakpoint=f;exports.useIsClosing=a;exports.useLockBodyScroll=m;
-//# sourceMappingURL=useBreakpoint-CA9tMMV8.js.map
+"use strict";const s=require("react");function a({duration:t=200,onClose:e,overlayRef:n}){const[d,i]=s.useState(!1),[u,c]=s.useState(),r=s.useCallback(()=>{if(t<=0){console.warn("useIsClosing: Duration must be positive. Executing onClose immediately."),e==null||e();return}i(!0),n!=null&&n.current&&n.current.classList.add("proton-ScreenOverlay__fade-out");const o=setTimeout(()=>{e==null||e(),i(!1)},t);c(o)},[t,e,n]);return s.useEffect(()=>()=>{u&&clearTimeout(u)},[u]),{isClosing:d,handleClose:r}}function m(t=!0){s.useLayoutEffect(()=>{if(!t)return;const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[t])}function f(t,e="down"){const n=e==="down"?`(max-width: ${t}px)`:`(min-width: ${t}px)`,[d,i]=s.useState(()=>typeof window<"u"?window.matchMedia(n).matches:!1);return s.useEffect(()=>{if(typeof window>"u")return;const u=window.matchMedia(n),c=r=>{i(r.matches)};return u.addEventListener("change",c),()=>u.removeEventListener("change",c)},[n]),d}exports.useBreakpoint=f;exports.useIsClosing=a;exports.useLockBodyScroll=m;
+//# sourceMappingURL=useBreakpoint-DA-JqOu3.js.map

package/dist/{useBreakpoint-CA9tMMV8.js.map → useBreakpoint-DA-JqOu3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint-CA9tMMV8.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"}
+{"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 e=require("./index-CMjT6Imo.js"),t=require("./navigation-DdxS0JoV.js"),a=require("./image-C7s3ABus.js"),r=require("./copy-DxIZCnfT.js");exports.arrayToRgbString=e.arrayToRgbString;exports.darken=e.darken;exports.desaturate=e.desaturate;exports.lighten=e.lighten;exports.saturate=e.saturate;exports.toHex=e.toHex;exports.toRgba=e.toRgba;exports.transparentize=e.transparentize;exports.csx=t.csx;exports.handleInternalNavigation=t.handleInternalNavigation;exports.isUrlExternal=t.isUrlExternal;exports.generatePalette=a.generatePalette;exports.getDominantColor=a.getDominantColor;exports.copyTextToClipboard=r.copyTextToClipboard;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./color2k-DCgwXUem.js"),t=require("./copy-CNHg70jK.js"),a=require("./image-CUSfY1_T.js");exports.arrayToRgbString=e.arrayToRgbString;exports.darken=e.darken;exports.desaturate=e.desaturate;exports.lighten=e.lighten;exports.saturate=e.saturate;exports.toHex=e.toHex;exports.toRgba=e.toRgba;exports.transparentize=e.transparentize;exports.copyTextToClipboard=t.copyTextToClipboard;exports.csx=t.csx;exports.handleInternalNavigation=t.handleInternalNavigation;exports.isUrlExternal=t.isUrlExternal;exports.generatePalette=a.generatePalette;exports.getDominantColor=a.getDominantColor;
 //# sourceMappingURL=utils.cjs.js.map

package/dist/utils.es.js

@@ -1,17 +1,16 @@
-import { a as e, b as r, d as s, l as o, s as n, c as i, e as l, t as g } from "./index-Clgyr6Mk.mjs";
-import { c as p, h as c, i as d } from "./navigation-DsfDNfej.mjs";
-import { g as b, a as f } from "./image-GZPhSCuF.mjs";
-import { c as T } from "./copy-qSgElu2b.mjs";
+import { a as e, b as r, d as s, l as o, s as n, c as i, e as l, t as g } from "./color2k-CpDB_dpw.mjs";
+import { a as p, c as d, h as b, i as c } from "./copy-B-xGO04t.mjs";
+import { g as f, a as h } from "./image-DFyN0Kd9.mjs";
 export {
   e as arrayToRgbString,
-  T as copyTextToClipboard,
-  p as csx,
+  p as copyTextToClipboard,
+  d as csx,
   r as darken,
   s as desaturate,
-  b as generatePalette,
-  f as getDominantColor,
-  c as handleInternalNavigation,
-  d as isUrlExternal,
+  f as generatePalette,
+  h as getDominantColor,
+  b as handleInternalNavigation,
+  c as isUrlExternal,
   o as lighten,
   n as saturate,
   i as toHex,

package/dist/utils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"utils.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protonradio/proton-ui",
-  "version": "0.11.3",
+  "version": "0.11.5-beta.1",
   "description": "",
   "main": "./dist/proton-ui.umd.js",
   "module": "./dist/proton-ui.es.js",
@@ -10,11 +10,6 @@
       "import": "./dist/index.es.js",
       "require": "./dist/index.cjs.js"
     },
-    "./Button": {
-      "types": "./dist/Button.d.ts",
-      "import": "./dist/Button.es.js",
-      "require": "./dist/Button.cjs.js"
-    },
     "./utils": {
       "types": "./dist/utils.d.ts",
       "import": "./dist/utils.es.js",
@@ -30,28 +25,27 @@
       "import": "./dist/hooks.es.js",
       "require": "./dist/hooks.cjs.js"
     },
-    "./colors": {
-      "types": "./dist/colors.d.ts",
-      "import": "./dist/colors.es.js",
-      "require": "./dist/colors.cjs.js"
+    "./theme": {
+      "types": "./dist/design.d.ts",
+      "import": "./dist/design.es.js",
+      "require": "./dist/design.cjs.js"
+    },
+    "./theme/light": {
+      "types": "./dist/theme-light.d.ts",
+      "import": "./dist/theme-light.es.js",
+      "require": "./dist/theme-light.cjs.js"
     },
-    "./themes": {
-      "types": "./dist/themes.d.ts",
-      "import": "./dist/themes.es.js",
-      "require": "./dist/themes.cjs.js"
+    "./theme/dark": {
+      "types": "./dist/theme-dark.d.ts",
+      "import": "./dist/theme-dark.es.js",
+      "require": "./dist/theme-dark.cjs.js"
     }
   },
-  "sideEffects": [
-    "**/*.css"
-  ],
   "typesVersions": {
     "*": {
       "*": [
         "./dist/index.d.ts"
       ],
-      "Button": [
-        "./dist/Button.d.ts"
-      ],
       "constants": [
         "./dist/constants.d.ts"
       ],
@@ -61,14 +55,20 @@
       "hooks": [
         "./dist/hooks.d.ts"
       ],
-      "colors": [
-        "./dist/colors.d.ts"
+      "theme": [
+        "./dist/design.d.ts"
       ],
-      "themes": [
-        "./dist/themes.d.ts"
+      "theme/light": [
+        "./dist/theme-light.d.ts"
+      ],
+      "theme/dark": [
+        "./dist/theme-dark.d.ts"
       ]
     }
   },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -98,6 +98,8 @@
     "react-dom": "^18.3.1"
   },
   "peerDependencies": {
+    "@radix-ui/react-portal": "^1.1.9",
+    "radix-ui": "^1.4.2",
     "react-aria": "^3.39.0",
     "react-aria-components": "^1.8.0",
     "react-stately": "^3.37.0"

package/dist/Button-D5vY_uZz.js

@@ -1,31 +0,0 @@
-"use strict";const N=require("react"),z=require("./navigation-DdxS0JoV.js");var ae={exports:{}},L={};/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Ce;function vr(){if(Ce)return L;Ce=1;var I=N,T=Symbol.for("react.element"),k=Symbol.for("react.fragment"),R=Object.prototype.hasOwnProperty,y=I.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,x={key:!0,ref:!0,__self:!0,__source:!0};function b(_,s,O){var d,f={},h=null,S=null;O!==void 0&&(h=""+O),s.key!==void 0&&(h=""+s.key),s.ref!==void 0&&(S=s.ref);for(d in s)R.call(s,d)&&!x.hasOwnProperty(d)&&(f[d]=s[d]);if(_&&_.defaultProps)for(d in s=_.defaultProps,s)f[d]===void 0&&(f[d]=s[d]);return{$$typeof:T,type:_,key:h,ref:S,props:f,_owner:y.current}}return L.Fragment=k,L.jsx=b,L.jsxs=b,L}var V={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var je;function pr(){return je||(je=1,process.env.NODE_ENV!=="production"&&function(){var I=N,T=Symbol.for("react.element"),k=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),y=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),b=Symbol.for("react.provider"),_=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),S=Symbol.for("react.offscreen"),W=Symbol.iterator,U="@@iterator";function w(e){if(e===null||typeof e!="object")return null;var r=W&&e[W]||e[U];return typeof r=="function"?r:null}var F=I.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function v(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];ke("error",e,t)}}function ke(e,r,t){{var n=F.ReactDebugCurrentFrame,i=n.getStackAddendum();i!==""&&(r+="%s",t=t.concat([i]));var u=t.map(function(o){return String(o)});u.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,u)}}var Fe=!1,Ae=!1,De=!1,Ie=!1,We=!1,oe;oe=Symbol.for("react.module.reference");function $e(e){return!!(typeof e=="string"||typeof e=="function"||e===R||e===x||We||e===y||e===O||e===d||Ie||e===S||Fe||Ae||De||typeof e=="object"&&e!==null&&(e.$$typeof===h||e.$$typeof===f||e.$$typeof===b||e.$$typeof===_||e.$$typeof===s||e.$$typeof===oe||e.getModuleId!==void 0))}function Be(e,r,t){var n=e.displayName;if(n)return n;var i=r.displayName||r.name||"";return i!==""?t+"("+i+")":t}function ie(e){return e.displayName||"Context"}function E(e){if(e==null)return null;if(typeof e.tag=="number"&&v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case R:return"Fragment";case k:return"Portal";case x:return"Profiler";case y:return"StrictMode";case O:return"Suspense";case d:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case _:var r=e;return ie(r)+".Consumer";case b:var t=e;return ie(t._context)+".Provider";case s:return Be(e,e.render,"ForwardRef");case f:var n=e.displayName||null;return n!==null?n:E(e.type)||"Memo";case h:{var i=e,u=i._payload,o=i._init;try{return E(o(u))}catch{return null}}}return null}var C=Object.assign,$=0,ue,se,le,ce,fe,de,ve;function pe(){}pe.__reactDisabledLog=!0;function Ye(){{if($===0){ue=console.log,se=console.info,le=console.warn,ce=console.error,fe=console.group,de=console.groupCollapsed,ve=console.groupEnd;var e={configurable:!0,enumerable:!0,value:pe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}$++}}function Le(){{if($--,$===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:C({},e,{value:ue}),info:C({},e,{value:se}),warn:C({},e,{value:le}),error:C({},e,{value:ce}),group:C({},e,{value:fe}),groupCollapsed:C({},e,{value:de}),groupEnd:C({},e,{value:ve})})}$<0&&v("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var G=F.ReactCurrentDispatcher,X;function M(e,r,t){{if(X===void 0)try{throw Error()}catch(i){var n=i.stack.trim().match(/\n( *(at )?)/);X=n&&n[1]||""}return`
-`+X+e}}var H=!1,q;{var Ve=typeof WeakMap=="function"?WeakMap:Map;q=new Ve}function ge(e,r){if(!e||H)return"";{var t=q.get(e);if(t!==void 0)return t}var n;H=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=G.current,G.current=null,Ye();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(g){n=g}Reflect.construct(e,[],o)}else{try{o.call()}catch(g){n=g}e.call(o.prototype)}}else{try{throw Error()}catch(g){n=g}e()}}catch(g){if(g&&n&&typeof g.stack=="string"){for(var a=g.stack.split(`
-`),p=n.stack.split(`
-`),l=a.length-1,c=p.length-1;l>=1&&c>=0&&a[l]!==p[c];)c--;for(;l>=1&&c>=0;l--,c--)if(a[l]!==p[c]){if(l!==1||c!==1)do if(l--,c--,c<0||a[l]!==p[c]){var m=`
-`+a[l].replace(" at new "," at ");return e.displayName&&m.includes("<anonymous>")&&(m=m.replace("<anonymous>",e.displayName)),typeof e=="function"&&q.set(e,m),m}while(l>=1&&c>=0);break}}}finally{H=!1,G.current=u,Le(),Error.prepareStackTrace=i}var D=e?e.displayName||e.name:"",j=D?M(D):"";return typeof e=="function"&&q.set(e,j),j}function Ne(e,r,t){return ge(e,!1)}function Ue(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function J(e,r,t){if(e==null)return"";if(typeof e=="function")return ge(e,Ue(e));if(typeof e=="string")return M(e);switch(e){case O:return M("Suspense");case d:return M("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case s:return Ne(e.render);case f:return J(e.type);case h:{var n=e,i=n._payload,u=n._init;try{return J(u(i))}catch{}}}return""}var B=Object.prototype.hasOwnProperty,me={},ye=F.ReactDebugCurrentFrame;function K(e){if(e){var r=J(e.type);ye.setExtraStackFrame(r)}else ye.setExtraStackFrame(null)}function Me(e,r,t,n,i){{var u=Function.call.bind(B);for(var o in e)if(u(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var p=Error((n||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}a=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(l){a=l}a&&!(a instanceof Error)&&(K(i),v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,o,typeof a),K(null)),a instanceof Error&&!(a.message in me)&&(me[a.message]=!0,K(i),v("Failed %s type: %s",t,a.message),K(null))}}}var qe=Array.isArray;function Z(e){return qe(e)}function Je(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Ke(e){try{return!1}catch{return!0}}function ze(e){return""+e}function be(e){if(Ke())return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Je(e)),ze(e)}var Y=F.ReactCurrentOwner,Ge={key:!0,ref:!0,__self:!0,__source:!0},he,Ee,Q;Q={};function Xe(e){if(B.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function He(e){if(B.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Ze(e,r){if(typeof e.ref=="string"&&Y.current&&r&&Y.current.stateNode!==r){var t=E(Y.current.type);Q[t]||(v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',E(Y.current.type),e.ref),Q[t]=!0)}}function Qe(e,r){{var t=function(){he||(he=!0,v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function er(e,r){{var t=function(){Ee||(Ee=!0,v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var rr=function(e,r,t,n,i,u,o){var a={$$typeof:T,type:e,key:r,ref:t,props:o,_owner:u};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function tr(e,r,t,n,i){{var u,o={},a=null,p=null;t!==void 0&&(be(t),a=""+t),He(r)&&(be(r.key),a=""+r.key),Xe(r)&&(p=r.ref,Ze(r,i));for(u in r)B.call(r,u)&&!Ge.hasOwnProperty(u)&&(o[u]=r[u]);if(e&&e.defaultProps){var l=e.defaultProps;for(u in l)o[u]===void 0&&(o[u]=l[u])}if(a||p){var c=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&Qe(o,c),p&&er(o,c)}return rr(e,a,p,i,n,Y.current,o)}}var ee=F.ReactCurrentOwner,Re=F.ReactDebugCurrentFrame;function A(e){if(e){var r=J(e.type);Re.setExtraStackFrame(r)}else Re.setExtraStackFrame(null)}var re;re=!1;function te(e){return typeof e=="object"&&e!==null&&e.$$typeof===T}function _e(){{if(ee.current){var e=E(ee.current.type);if(e)return`
-
-Check the render method of \``+e+"`."}return""}}function nr(e){return""}var Te={};function ar(e){{var r=_e();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
-
-Check the top-level render call using <`+t+">.")}return r}}function xe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ar(r);if(Te[t])return;Te[t]=!0;var n="";e&&e._owner&&e._owner!==ee.current&&(n=" It was passed a child from "+E(e._owner.type)+"."),A(e),v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),A(null)}}function Oe(e,r){{if(typeof e!="object")return;if(Z(e))for(var t=0;t<e.length;t++){var n=e[t];te(n)&&xe(n,r)}else if(te(e))e._store&&(e._store.validated=!0);else if(e){var i=w(e);if(typeof i=="function"&&i!==e.entries)for(var u=i.call(e),o;!(o=u.next()).done;)te(o.value)&&xe(o.value,r)}}}function or(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===s||r.$$typeof===f))t=r.propTypes;else return;if(t){var n=E(r);Me(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!re){re=!0;var i=E(r);v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",i||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ir(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){A(e),v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),A(null);break}}e.ref!==null&&(A(e),v("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}var Se={};function we(e,r,t,n,i,u){{var o=$e(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var p=nr();p?a+=p:a+=_e();var l;e===null?l="null":Z(e)?l="array":e!==void 0&&e.$$typeof===T?(l="<"+(E(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):l=typeof e,v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",l,a)}var c=tr(e,r,t,i,u);if(c==null)return c;if(o){var m=r.children;if(m!==void 0)if(n)if(Z(m)){for(var D=0;D<m.length;D++)Oe(m[D],e);Object.freeze&&Object.freeze(m)}else v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Oe(m,e)}if(B.call(r,"key")){var j=E(e),g=Object.keys(r).filter(function(dr){return dr!=="key"}),ne=g.length>0?"{key: someKey, "+g.join(": ..., ")+": ...}":"{key: someKey}";if(!Se[j+ne]){var fr=g.length>0?"{"+g.join(": ..., ")+": ...}":"{}";v(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,ne,j,fr,j),Se[j+ne]=!0}}return e===R?ir(c):or(c),c}}function ur(e,r,t){return we(e,r,t,!0)}function sr(e,r,t){return we(e,r,t,!1)}var lr=sr,cr=ur;V.Fragment=R,V.jsx=lr,V.jsxs=cr}()),V}process.env.NODE_ENV==="production"?ae.exports=vr():ae.exports=pr();var P=ae.exports;const gr={primary:"primary",secondary:"secondary",success:"success",danger:"danger",translucent:"translucent"},mr={small:"small",medium:"medium",large:"large",xlarge:"xlarge","2xlarge":"2xlarge"},Pe=N.forwardRef(({variant:I="primary",size:T="medium",fullWidth:k=!1,icon:R,to:y,target:x,onPress:b,type:_="button",isDisabled:s,"data-testid":O,children:d},f)=>{const h=y&&z.isUrlExternal(y),S=N.useRef(null);N.useLayoutEffect(()=>{typeof f=="function"?f(S.current):f&&(f.current=S.current)},[f]);const W={className:z.csx("proton-Button",`proton-Button--${I}`,k&&"proton-Button--fullWidth",s&&"proton-Button--disabled",T&&`proton-Button--${T}`),"data-testid":O,...y&&{"aria-disabled":s},...s&&{tabIndex:-1}},U=P.jsxs(P.Fragment,{children:[R&&P.jsx("div",{className:z.csx("proton-Button__icon-decorator",k&&"proton-Button__icon-decorator--fullWidth"),children:R}),d&&P.jsx("div",{className:"proton-Button__text",children:d})]});return y?P.jsx("a",{...W,href:y,target:x||(h?"_blank":void 0),rel:h||x==="_blank"?"noopener noreferrer":void 0,ref:f,onClick:w=>{if(s){w.preventDefault();return}!h&&!x&&z.handleInternalNavigation(w,y),b==null||b(w)},role:"button",children:U}):P.jsx("button",{...W,type:_,disabled:s,ref:f,onClick:w=>{!s&&b&&b(w)},children:U})});Pe.displayName="ProtonUIButton";exports.Button=Pe;exports.ButtonSizes=mr;exports.ButtonVariants=gr;exports.jsxRuntimeExports=P;
-//# sourceMappingURL=Button-D5vY_uZz.js.map