@protonradio/proton-ui 0.11.6 → 0.11.8

package/dist/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/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":"6LAMaA,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 → light.es.js}

@@ -1,15 +1,16 @@
-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 = {
+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": c.WHITE,
-  "--proton-control__background-color-light": p,
+  "--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": R,
+  "--proton-control__border-color": c,
   "--proton-control__hover-color": o.SUPER_LIGHT,
-  "--proton-control__shadow-color": l(
+  "--proton-control__shadow-color": p(
     o.SUPER_DARK,
     0.9
   ),
@@ -47,6 +48,11 @@ const g = {
   "--proton-color__white": o.WHITE
 };
 export {
-  g as LIGHT_STYLESHEET
+  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=stylesheet.es.js.map
+//# sourceMappingURL=light.es.js.map

package/dist/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/navigation-BB0MBIiR.js

@@ -0,0 +1,2 @@
+"use strict";function c(...t){return t.filter(l).join(" ")}const l=t=>typeof t=="string"||t instanceof String,r=async(t,n)=>{let e=!1;if(navigator.clipboard)try{await navigator.clipboard.writeText(t),e=!0}catch(a){n?n==null||n(a):console.error(a)}else e=p(t);return e||(n?n==null||n(new Error("Failed to copy to clipboard")):console.error("Failed to copy to clipboard")),e},p=(t,{target:n=document.body}={})=>{if(typeof t!="string")throw new TypeError(`Expected parameter \`text\` to be a \`string\`, got \`${typeof t}\`.`);const e=document.createElement("textarea"),a=document.activeElement;e.value=t,e.setAttribute("readonly",""),e.style.contain="strict",e.style.position="absolute",e.style.left="-9999px",e.style.fontSize="12pt";const o=document.getSelection(),i=o.rangeCount>0&&o.getRangeAt(0);n.append(e),e.select(),e.selectionStart=0,e.selectionEnd=t.length;let s=!1;try{s=document.execCommand("copy")}catch{}return e.remove(),i&&(o.removeAllRanges(),o.addRange(i)),a instanceof HTMLElement&&a.focus(),s},d=t=>t.startsWith("http"),u=(t,n)=>{if(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey||t.button&&t.button!==0)return;t.preventDefault();const e=n.startsWith("/")?n:`/${n}`;window.history.pushState({},"",e),window.dispatchEvent(new PopStateEvent("popstate"))};exports.copyTextToClipboard=r;exports.csx=c;exports.handleInternalNavigation=u;exports.isUrlExternal=d;
+//# sourceMappingURL=navigation-BB0MBIiR.js.map

package/dist/navigation-BB0MBIiR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-BB0MBIiR.js","sources":["../src/utils/string.ts","../src/utils/copy.ts","../src/utils/navigation.ts"],"sourcesContent":["/**\r\n * Concatenates class names into a single string, filtering out non-string values.\r\n */\r\nexport function csx(...classnames: unknown[]): string {\r\n  return classnames.filter(isString).join(\" \");\r\n}\r\n\r\nconst isString = (x: unknown): boolean =>\r\n  typeof x === \"string\" || x instanceof String;\r\n","export const copyTextToClipboard = async (\r\n  text: string,\r\n  onError?: (error: Error) => void\r\n): Promise<boolean> => {\r\n  let copySuccess = false;\r\n  if (navigator.clipboard) {\r\n    try {\r\n      await navigator.clipboard.writeText(text);\r\n      copySuccess = true;\r\n    } catch (error) {\r\n      onError ? onError?.(error) : console.error(error);\r\n    }\r\n  } else {\r\n    copySuccess = DEPRECATED_copyTextToClipboard(text);\r\n  }\r\n  if (!copySuccess) {\r\n    onError ? onError?.(new Error(\"Failed to copy to clipboard\")) : console.error(\"Failed to copy to clipboard\");\r\n  }\r\n  return copySuccess;\r\n};\r\n\r\n/**\r\n * Fallback legacy function to copy text to clipboard for browsers that don't support navigator.clipboard.writeText\r\n * @reference https://github.com/sindresorhus/copy-text-to-clipboard/blob/main/index.js\r\n * @deprecated Use navigator.clipboard.writeText instead\r\n */\r\nconst DEPRECATED_copyTextToClipboard = (\r\n  text,\r\n  { target = document.body } = {}\r\n) => {\r\n  if (typeof text !== \"string\") {\r\n    throw new TypeError(\r\n      `Expected parameter \\`text\\` to be a \\`string\\`, got \\`${typeof text}\\`.`\r\n    );\r\n  }\r\n\r\n  const element = document.createElement(\"textarea\");\r\n  const previouslyFocusedElement = document.activeElement;\r\n\r\n  element.value = text;\r\n\r\n  // Prevent keyboard from showing on mobile\r\n  element.setAttribute(\"readonly\", \"\");\r\n\r\n  element.style.contain = \"strict\";\r\n  element.style.position = \"absolute\";\r\n  element.style.left = \"-9999px\";\r\n  element.style.fontSize = \"12pt\"; // Prevent zooming on iOS\r\n\r\n  const selection = document.getSelection();\r\n  const originalRange = selection.rangeCount > 0 && selection.getRangeAt(0);\r\n\r\n  target.append(element);\r\n  element.select();\r\n\r\n  // Explicit selection workaround for iOS\r\n  element.selectionStart = 0;\r\n  element.selectionEnd = text.length;\r\n\r\n  let isSuccess = false;\r\n  try {\r\n    isSuccess = document.execCommand(\"copy\");\r\n  } catch {}\r\n\r\n  element.remove();\r\n\r\n  if (originalRange) {\r\n    selection.removeAllRanges();\r\n    selection.addRange(originalRange);\r\n  }\r\n\r\n  // Get the focus back on the previously focused element, if any\r\n  if (previouslyFocusedElement instanceof HTMLElement) {\r\n    previouslyFocusedElement.focus();\r\n  }\r\n\r\n  return isSuccess;\r\n};\r\n","/**\r\n * [isUrlExternal] - determine if passed absolute url is external to the current domain.\r\n */\r\nexport const isUrlExternal = (url: string) => {\r\n  return url.startsWith(\"http\");\r\n};\r\n\r\n/**\r\n * Handles internal navigation clicks by preventing default browser behavior and\r\n * programmatically updating the URL and history state.\r\n *\r\n * @param e - The click event from the anchor element\r\n * @param to - The destination path to navigate to\r\n *\r\n * @remarks\r\n * - Converts relative paths to absolute by prepending \"/\" if needed\r\n * - Updates browser history using pushState and dispatches a popstate event\r\n */\r\nexport const handleInternalNavigation = (\r\n  e: React.MouseEvent<HTMLAnchorElement>,\r\n  to: string\r\n) => {\r\n  // Don't handle navigation if modifier keys are pressed\r\n  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {\r\n    return;\r\n  }\r\n\r\n  // Don't handle middle clicks or right clicks\r\n  if (e.button && e.button !== 0) {\r\n    return;\r\n  }\r\n\r\n  e.preventDefault();\r\n\r\n  // Handle relative paths\r\n  const resolvedPath = to.startsWith(\"/\") ? to : `/${to}`;\r\n  window.history.pushState({}, \"\", resolvedPath);\r\n  window.dispatchEvent(new PopStateEvent(\"popstate\"));\r\n};\r\n"],"names":["csx","classnames","isString","x","copyTextToClipboard","text","onError","copySuccess","error","DEPRECATED_copyTextToClipboard","target","element","previouslyFocusedElement","selection","originalRange","isSuccess","isUrlExternal","url","handleInternalNavigation","e","to","resolvedPath"],"mappings":"aAGO,SAASA,KAAOC,EAA+B,CACpD,OAAOA,EAAW,OAAOC,CAAQ,EAAE,KAAK,GAAG,CAC7C,CAEA,MAAMA,EAAYC,GAChB,OAAOA,GAAM,UAAYA,aAAa,OCR3BC,EAAsB,MACjCC,EACAC,IACqB,CACrB,IAAIC,EAAc,GAClB,GAAI,UAAU,UACR,GAAA,CACI,MAAA,UAAU,UAAU,UAAUF,CAAI,EAC1BE,EAAA,SACPC,EAAO,CACdF,EAAUA,GAAA,MAAAA,EAAUE,GAAS,QAAQ,MAAMA,CAAK,CAClD,MAEAD,EAAcE,EAA+BJ,CAAI,EAEnD,OAAKE,IACOD,EAAAA,GAAA,MAAAA,EAAU,IAAI,MAAM,6BAA6B,GAAK,QAAQ,MAAM,6BAA6B,GAEtGC,CACT,EAOME,EAAiC,CACrCJ,EACA,CAAE,OAAAK,EAAS,SAAS,IAAS,EAAA,KAC1B,CACC,GAAA,OAAOL,GAAS,SAClB,MAAM,IAAI,UACR,yDAAyD,OAAOA,CAAI,KAAA,EAIlE,MAAAM,EAAU,SAAS,cAAc,UAAU,EAC3CC,EAA2B,SAAS,cAE1CD,EAAQ,MAAQN,EAGRM,EAAA,aAAa,WAAY,EAAE,EAEnCA,EAAQ,MAAM,QAAU,SACxBA,EAAQ,MAAM,SAAW,WACzBA,EAAQ,MAAM,KAAO,UACrBA,EAAQ,MAAM,SAAW,OAEnB,MAAAE,EAAY,SAAS,eACrBC,EAAgBD,EAAU,WAAa,GAAKA,EAAU,WAAW,CAAC,EAExEH,EAAO,OAAOC,CAAO,EACrBA,EAAQ,OAAO,EAGfA,EAAQ,eAAiB,EACzBA,EAAQ,aAAeN,EAAK,OAE5B,IAAIU,EAAY,GACZ,GAAA,CACUA,EAAA,SAAS,YAAY,MAAM,CAAA,MACjC,CAAC,CAET,OAAAJ,EAAQ,OAAO,EAEXG,IACFD,EAAU,gBAAgB,EAC1BA,EAAU,SAASC,CAAa,GAI9BF,aAAoC,aACtCA,EAAyB,MAAM,EAG1BG,CACT,EC1EaC,EAAiBC,GACrBA,EAAI,WAAW,MAAM,EAcjBC,EAA2B,CACtCC,EACAC,IACG,CAOH,GALID,EAAE,SAAWA,EAAE,QAAUA,EAAE,SAAWA,EAAE,UAKxCA,EAAE,QAAUA,EAAE,SAAW,EAC3B,OAGFA,EAAE,eAAe,EAGjB,MAAME,EAAeD,EAAG,WAAW,GAAG,EAAIA,EAAK,IAAIA,CAAE,GACrD,OAAO,QAAQ,UAAU,CAAC,EAAG,GAAIC,CAAY,EAC7C,OAAO,cAAc,IAAI,cAAc,UAAU,CAAC,CACpD"}

package/dist/navigation-Bj7Pex9j.mjs

@@ -0,0 +1,43 @@
+function r(...t) {
+  return t.filter(i).join(" ");
+}
+const i = (t) => typeof t == "string" || t instanceof String, p = async (t, n) => {
+  let e = !1;
+  if (navigator.clipboard)
+    try {
+      await navigator.clipboard.writeText(t), e = !0;
+    } catch (a) {
+      n ? n == null || n(a) : console.error(a);
+    }
+  else
+    e = l(t);
+  return e || (n ? n == null || n(new Error("Failed to copy to clipboard")) : console.error("Failed to copy to clipboard")), e;
+}, l = (t, { target: n = document.body } = {}) => {
+  if (typeof t != "string")
+    throw new TypeError(
+      `Expected parameter \`text\` to be a \`string\`, got \`${typeof t}\`.`
+    );
+  const e = document.createElement("textarea"), a = document.activeElement;
+  e.value = t, e.setAttribute("readonly", ""), e.style.contain = "strict", e.style.position = "absolute", e.style.left = "-9999px", e.style.fontSize = "12pt";
+  const o = document.getSelection(), s = o.rangeCount > 0 && o.getRangeAt(0);
+  n.append(e), e.select(), e.selectionStart = 0, e.selectionEnd = t.length;
+  let c = !1;
+  try {
+    c = document.execCommand("copy");
+  } catch {
+  }
+  return e.remove(), s && (o.removeAllRanges(), o.addRange(s)), a instanceof HTMLElement && a.focus(), c;
+}, d = (t) => t.startsWith("http"), u = (t, n) => {
+  if (t.metaKey || t.altKey || t.ctrlKey || t.shiftKey || t.button && t.button !== 0)
+    return;
+  t.preventDefault();
+  const e = n.startsWith("/") ? n : `/${n}`;
+  window.history.pushState({}, "", e), window.dispatchEvent(new PopStateEvent("popstate"));
+};
+export {
+  p as a,
+  r as c,
+  u as h,
+  d as i
+};
+//# sourceMappingURL=navigation-Bj7Pex9j.mjs.map

package/dist/navigation-Bj7Pex9j.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-Bj7Pex9j.mjs","sources":["../src/utils/string.ts","../src/utils/copy.ts","../src/utils/navigation.ts"],"sourcesContent":["/**\r\n * Concatenates class names into a single string, filtering out non-string values.\r\n */\r\nexport function csx(...classnames: unknown[]): string {\r\n  return classnames.filter(isString).join(\" \");\r\n}\r\n\r\nconst isString = (x: unknown): boolean =>\r\n  typeof x === \"string\" || x instanceof String;\r\n","export const copyTextToClipboard = async (\r\n  text: string,\r\n  onError?: (error: Error) => void\r\n): Promise<boolean> => {\r\n  let copySuccess = false;\r\n  if (navigator.clipboard) {\r\n    try {\r\n      await navigator.clipboard.writeText(text);\r\n      copySuccess = true;\r\n    } catch (error) {\r\n      onError ? onError?.(error) : console.error(error);\r\n    }\r\n  } else {\r\n    copySuccess = DEPRECATED_copyTextToClipboard(text);\r\n  }\r\n  if (!copySuccess) {\r\n    onError ? onError?.(new Error(\"Failed to copy to clipboard\")) : console.error(\"Failed to copy to clipboard\");\r\n  }\r\n  return copySuccess;\r\n};\r\n\r\n/**\r\n * Fallback legacy function to copy text to clipboard for browsers that don't support navigator.clipboard.writeText\r\n * @reference https://github.com/sindresorhus/copy-text-to-clipboard/blob/main/index.js\r\n * @deprecated Use navigator.clipboard.writeText instead\r\n */\r\nconst DEPRECATED_copyTextToClipboard = (\r\n  text,\r\n  { target = document.body } = {}\r\n) => {\r\n  if (typeof text !== \"string\") {\r\n    throw new TypeError(\r\n      `Expected parameter \\`text\\` to be a \\`string\\`, got \\`${typeof text}\\`.`\r\n    );\r\n  }\r\n\r\n  const element = document.createElement(\"textarea\");\r\n  const previouslyFocusedElement = document.activeElement;\r\n\r\n  element.value = text;\r\n\r\n  // Prevent keyboard from showing on mobile\r\n  element.setAttribute(\"readonly\", \"\");\r\n\r\n  element.style.contain = \"strict\";\r\n  element.style.position = \"absolute\";\r\n  element.style.left = \"-9999px\";\r\n  element.style.fontSize = \"12pt\"; // Prevent zooming on iOS\r\n\r\n  const selection = document.getSelection();\r\n  const originalRange = selection.rangeCount > 0 && selection.getRangeAt(0);\r\n\r\n  target.append(element);\r\n  element.select();\r\n\r\n  // Explicit selection workaround for iOS\r\n  element.selectionStart = 0;\r\n  element.selectionEnd = text.length;\r\n\r\n  let isSuccess = false;\r\n  try {\r\n    isSuccess = document.execCommand(\"copy\");\r\n  } catch {}\r\n\r\n  element.remove();\r\n\r\n  if (originalRange) {\r\n    selection.removeAllRanges();\r\n    selection.addRange(originalRange);\r\n  }\r\n\r\n  // Get the focus back on the previously focused element, if any\r\n  if (previouslyFocusedElement instanceof HTMLElement) {\r\n    previouslyFocusedElement.focus();\r\n  }\r\n\r\n  return isSuccess;\r\n};\r\n","/**\r\n * [isUrlExternal] - determine if passed absolute url is external to the current domain.\r\n */\r\nexport const isUrlExternal = (url: string) => {\r\n  return url.startsWith(\"http\");\r\n};\r\n\r\n/**\r\n * Handles internal navigation clicks by preventing default browser behavior and\r\n * programmatically updating the URL and history state.\r\n *\r\n * @param e - The click event from the anchor element\r\n * @param to - The destination path to navigate to\r\n *\r\n * @remarks\r\n * - Converts relative paths to absolute by prepending \"/\" if needed\r\n * - Updates browser history using pushState and dispatches a popstate event\r\n */\r\nexport const handleInternalNavigation = (\r\n  e: React.MouseEvent<HTMLAnchorElement>,\r\n  to: string\r\n) => {\r\n  // Don't handle navigation if modifier keys are pressed\r\n  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {\r\n    return;\r\n  }\r\n\r\n  // Don't handle middle clicks or right clicks\r\n  if (e.button && e.button !== 0) {\r\n    return;\r\n  }\r\n\r\n  e.preventDefault();\r\n\r\n  // Handle relative paths\r\n  const resolvedPath = to.startsWith(\"/\") ? to : `/${to}`;\r\n  window.history.pushState({}, \"\", resolvedPath);\r\n  window.dispatchEvent(new PopStateEvent(\"popstate\"));\r\n};\r\n"],"names":["csx","classnames","isString","x","copyTextToClipboard","text","onError","copySuccess","error","DEPRECATED_copyTextToClipboard","target","element","previouslyFocusedElement","selection","originalRange","isSuccess","isUrlExternal","url","handleInternalNavigation","e","to","resolvedPath"],"mappings":"AAGO,SAASA,KAAOC,GAA+B;AACpD,SAAOA,EAAW,OAAOC,CAAQ,EAAE,KAAK,GAAG;AAC7C;AAEA,MAAMA,IAAW,CAACC,MAChB,OAAOA,KAAM,YAAYA,aAAa,QCR3BC,IAAsB,OACjCC,GACAC,MACqB;AACrB,MAAIC,IAAc;AAClB,MAAI,UAAU;AACR,QAAA;AACI,YAAA,UAAU,UAAU,UAAUF,CAAI,GAC1BE,IAAA;AAAA,aACPC,GAAO;AACd,MAAAF,IAAUA,KAAA,QAAAA,EAAUE,KAAS,QAAQ,MAAMA,CAAK;AAAA,IAClD;AAAA;AAEA,IAAAD,IAAcE,EAA+BJ,CAAI;AAEnD,SAAKE,MACOD,IAAAA,KAAA,QAAAA,EAAU,IAAI,MAAM,6BAA6B,KAAK,QAAQ,MAAM,6BAA6B,IAEtGC;AACT,GAOME,IAAiC,CACrCJ,GACA,EAAE,QAAAK,IAAS,SAAS,KAAS,IAAA,OAC1B;AACC,MAAA,OAAOL,KAAS;AAClB,UAAM,IAAI;AAAA,MACR,yDAAyD,OAAOA,CAAI;AAAA,IAAA;AAIlE,QAAAM,IAAU,SAAS,cAAc,UAAU,GAC3CC,IAA2B,SAAS;AAE1C,EAAAD,EAAQ,QAAQN,GAGRM,EAAA,aAAa,YAAY,EAAE,GAEnCA,EAAQ,MAAM,UAAU,UACxBA,EAAQ,MAAM,WAAW,YACzBA,EAAQ,MAAM,OAAO,WACrBA,EAAQ,MAAM,WAAW;AAEnB,QAAAE,IAAY,SAAS,gBACrBC,IAAgBD,EAAU,aAAa,KAAKA,EAAU,WAAW,CAAC;AAExE,EAAAH,EAAO,OAAOC,CAAO,GACrBA,EAAQ,OAAO,GAGfA,EAAQ,iBAAiB,GACzBA,EAAQ,eAAeN,EAAK;AAE5B,MAAIU,IAAY;AACZ,MAAA;AACU,IAAAA,IAAA,SAAS,YAAY,MAAM;AAAA,EAAA,QACjC;AAAA,EAAC;AAET,SAAAJ,EAAQ,OAAO,GAEXG,MACFD,EAAU,gBAAgB,GAC1BA,EAAU,SAASC,CAAa,IAI9BF,aAAoC,eACtCA,EAAyB,MAAM,GAG1BG;AACT,GC1EaC,IAAgB,CAACC,MACrBA,EAAI,WAAW,MAAM,GAcjBC,IAA2B,CACtCC,GACAC,MACG;AAOH,MALID,EAAE,WAAWA,EAAE,UAAUA,EAAE,WAAWA,EAAE,YAKxCA,EAAE,UAAUA,EAAE,WAAW;AAC3B;AAGF,EAAAA,EAAE,eAAe;AAGjB,QAAME,IAAeD,EAAG,WAAW,GAAG,IAAIA,IAAK,IAAIA,CAAE;AACrD,SAAO,QAAQ,UAAU,CAAC,GAAG,IAAIC,CAAY,GAC7C,OAAO,cAAc,IAAI,cAAc,UAAU,CAAC;AACpD;"}

package/dist/theme.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./design/colors.cjs.js"),A=require("./design/theme.cjs.js");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.THEMES;exports.THEME_CLASSES=A.THEME_CLASSES;
+"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

@@ -1 +1 @@
-{"version":3,"file":"theme.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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/theme.es.js

@@ -1,13 +1,19 @@
-import { BACKGROUNDS as E, BRAND as R, BRAND_PRIMARY_SCALE as N, DANGER as C, SUCCESS as o, WARNING as r } from "./design/colors.es.js";
-import { THEMES as B, THEME_CLASSES as G } from "./design/theme.es.js";
+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 {
-  E as BACKGROUNDS,
+  o as BACKGROUNDS,
   R as BRAND,
-  N as BRAND_PRIMARY_SCALE,
-  C as DANGER,
-  o as SUCCESS,
-  B as THEMES,
-  G as THEME_CLASSES,
-  r as WARNING
+  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

@@ -1 +1 @@
-{"version":3,"file":"theme.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"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-CjRyGKN-.mjs

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

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

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

package/dist/useBreakpoint-DA-JqOu3.js

@@ -0,0 +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(),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-DA-JqOu3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint-DA-JqOu3.js","sources":["../src/hooks/useIsClosing.tsx","../src/hooks/useLockBodyScroll.tsx","../src/hooks/useBreakpoint.tsx"],"sourcesContent":["import { useState, useCallback, RefObject, useEffect } from \"react\";\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("./utils/color2k.cjs.js"),a=require("./utils/string.cjs.js"),n=require("./utils/palette.cjs.js"),o=require("./utils/copy.cjs.js"),i=require("./utils/image.cjs.js"),r=require("./utils/navigation.cjs.js"),t=require("./node_modules/color2k/dist/index.exports.import.es.cjs.js");exports.arrayToRgbString=e.arrayToRgbString;exports.desaturate=e.desaturate;exports.saturate=e.saturate;exports.transparentize=e.transparentize;exports.csx=a.csx;exports.generatePalette=n.generatePalette;exports.copyTextToClipboard=o.copyTextToClipboard;exports.getDominantColor=i.getDominantColor;exports.handleInternalNavigation=r.handleInternalNavigation;exports.isUrlExternal=r.isUrlExternal;exports.darken=t.darken;exports.lighten=t.lighten;exports.toHex=t.toHex;exports.toRgba=t.toRgba;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./color2k-DCgwXUem.js"),t=require("./navigation-BB0MBIiR.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,24 +1,20 @@
-import { arrayToRgbString as e, desaturate as o, saturate as a, transparentize as n } from "./utils/color2k.es.js";
-import { csx as p } from "./utils/string.es.js";
-import { generatePalette as l } from "./utils/palette.es.js";
-import { copyTextToClipboard as f } from "./utils/copy.es.js";
-import { getDominantColor as s } from "./utils/image.es.js";
-import { handleInternalNavigation as b, isUrlExternal as T } from "./utils/navigation.es.js";
-import { darken as h, lighten as u, toHex as y, toRgba as C } from "./node_modules/color2k/dist/index.exports.import.es.es.js";
+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 "./navigation-Bj7Pex9j.mjs";
+import { g as f, a as h } from "./image-DFyN0Kd9.mjs";
 export {
   e as arrayToRgbString,
-  f as copyTextToClipboard,
-  p as csx,
-  h as darken,
-  o as desaturate,
-  l as generatePalette,
-  s as getDominantColor,
+  p as copyTextToClipboard,
+  d as csx,
+  r as darken,
+  s as desaturate,
+  f as generatePalette,
+  h as getDominantColor,
   b as handleInternalNavigation,
-  T as isUrlExternal,
-  u as lighten,
-  a as saturate,
-  y as toHex,
-  C as toRgba,
-  n as transparentize
+  c as isUrlExternal,
+  o as lighten,
+  n as saturate,
+  i as toHex,
+  l as toRgba,
+  g as transparentize
 };
 //# sourceMappingURL=utils.es.js.map

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.6",
+  "version": "0.11.8",
   "description": "",
   "main": "./dist/proton-ui.umd.js",
   "module": "./dist/proton-ui.es.js",
@@ -26,19 +26,19 @@
       "require": "./dist/hooks.cjs.js"
     },
     "./theme": {
-      "types": "./dist/design.d.ts",
-      "import": "./dist/design.es.js",
-      "require": "./dist/design.cjs.js"
+      "types": "./dist/theme.d.ts",
+      "import": "./dist/theme.es.js",
+      "require": "./dist/theme.cjs.js"
     },
     "./theme/light": {
-      "types": "./dist/theme-light.d.ts",
-      "import": "./dist/theme-light.es.js",
-      "require": "./dist/theme-light.cjs.js"
+      "types": "./dist/light.d.ts",
+      "import": "./dist/light.es.js",
+      "require": "./dist/light.cjs.js"
     },
     "./theme/dark": {
-      "types": "./dist/theme-dark.d.ts",
-      "import": "./dist/theme-dark.es.js",
-      "require": "./dist/theme-dark.cjs.js"
+      "types": "./dist/dark.d.ts",
+      "import": "./dist/dark.es.js",
+      "require": "./dist/dark.cjs.js"
     }
   },
   "typesVersions": {
@@ -56,13 +56,13 @@
         "./dist/hooks.d.ts"
       ],
       "theme": [
-        "./dist/design.d.ts"
+        "./dist/theme.d.ts"
       ],
       "theme/light": [
-        "./dist/theme-light.d.ts"
+        "./dist/light.d.ts"
       ],
       "theme/dark": [
-        "./dist/theme-dark.d.ts"
+        "./dist/dark.d.ts"
       ]
     }
   },

package/dist/_virtual/jsx-runtime.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
-//# sourceMappingURL=jsx-runtime.cjs.js.map

package/dist/_virtual/jsx-runtime.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"jsx-runtime.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/jsx-runtime.es.js

@@ -1,5 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};
-//# sourceMappingURL=jsx-runtime.es.js.map

package/dist/_virtual/jsx-runtime.es.js.map

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

package/dist/_virtual/react-jsx-runtime.development.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
-//# sourceMappingURL=react-jsx-runtime.development.cjs.js.map

package/dist/_virtual/react-jsx-runtime.development.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-jsx-runtime.development.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/react-jsx-runtime.development.es.js

@@ -1,5 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};
-//# sourceMappingURL=react-jsx-runtime.development.es.js.map

package/dist/_virtual/react-jsx-runtime.development.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-jsx-runtime.development.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/react-jsx-runtime.production.min.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
-//# sourceMappingURL=react-jsx-runtime.production.min.cjs.js.map

package/dist/_virtual/react-jsx-runtime.production.min.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-jsx-runtime.production.min.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/react-jsx-runtime.production.min.es.js

@@ -1,5 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};
-//# sourceMappingURL=react-jsx-runtime.production.min.es.js.map

package/dist/_virtual/react-jsx-runtime.production.min.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-jsx-runtime.production.min.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/assets/svg/icons.svg.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3csymbol%20id='external-link'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M384%20224v184a40%2040%200%2001-40%2040H104a40%2040%200%2001-40-40V168a40%2040%200%200140-40h167.48M336%2064h112v112M224%20288L440%2072'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='32'/%3e%3c/symbol%3e%3csymbol%20id='caret-down'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7L86.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3e%3c/symbol%3e%3csymbol%20id='caret-right'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M216.5%20374.8c-11.3%2011.3-30%2011.3-41.3%200L74.8%20256c-11.3-11.3-11.3-30%200-41.3l128.5-128.5c11.3-11.3%2030-11.3%2041.3%200s11.3%2030%200%2041.3L145.7%20256l119.8%20119.8c11.3%2011.3%2011.3%2030%200%2041.3z'/%3e%3c/symbol%3e%3csymbol%20id='chevron-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M5.74%203.2a.75.75%200%200%200-.04%201.06L9.227%208L5.7%2011.74a.75.75%200%201%200%201.1%201.02l4-4.25a.75.75%200%200%200%200-1.02l-4-4.25a.75.75%200%200%200-1.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M10.26%203.2a.75.75%200%200%201%20.04%201.06L6.773%208l3.527%203.74a.75.75%200%201%201-1.1%201.02l-4-4.25a.75.75%200%200%201%200-1.02l4-4.25a.75.75%200%200%201%201.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-down'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M3.2%205.74a.75.75%200%200%201%201.06-.04L8%209.227L11.74%205.7a.75.75%200%201%201%201.02%201.1l-4.25%204a.75.75%200%200%201-1.02%200l-4.25-4a.75.75%200%200%201-.04-1.06'/%3e%3c/symbol%3e%3c/defs%3e%3c/svg%3e";exports.default=e;
-//# sourceMappingURL=icons.svg.cjs.js.map

package/dist/assets/svg/icons.svg.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.svg.cjs.js","sources":["../../../assets/svg/icons.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3csymbol%20id='external-link'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M384%20224v184a40%2040%200%2001-40%2040H104a40%2040%200%2001-40-40V168a40%2040%200%200140-40h167.48M336%2064h112v112M224%20288L440%2072'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='32'/%3e%3c/symbol%3e%3csymbol%20id='caret-down'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7L86.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3e%3c/symbol%3e%3csymbol%20id='caret-right'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M216.5%20374.8c-11.3%2011.3-30%2011.3-41.3%200L74.8%20256c-11.3-11.3-11.3-30%200-41.3l128.5-128.5c11.3-11.3%2030-11.3%2041.3%200s11.3%2030%200%2041.3L145.7%20256l119.8%20119.8c11.3%2011.3%2011.3%2030%200%2041.3z'/%3e%3c/symbol%3e%3csymbol%20id='chevron-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M5.74%203.2a.75.75%200%200%200-.04%201.06L9.227%208L5.7%2011.74a.75.75%200%201%200%201.1%201.02l4-4.25a.75.75%200%200%200%200-1.02l-4-4.25a.75.75%200%200%200-1.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M10.26%203.2a.75.75%200%200%201%20.04%201.06L6.773%208l3.527%203.74a.75.75%200%201%201-1.1%201.02l-4-4.25a.75.75%200%200%201%200-1.02l4-4.25a.75.75%200%200%201%201.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-down'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M3.2%205.74a.75.75%200%200%201%201.06-.04L8%209.227L11.74%205.7a.75.75%200%201%201%201.02%201.1l-4.25%204a.75.75%200%200%201-1.02%200l-4.25-4a.75.75%200%200%201-.04-1.06'/%3e%3c/symbol%3e%3c/defs%3e%3c/svg%3e\""],"names":["iconURL"],"mappings":"4GAAA,MAAeA,EAAA"}

package/dist/assets/svg/icons.svg.es.js

@@ -1,5 +0,0 @@
-const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3csymbol%20id='external-link'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M384%20224v184a40%2040%200%2001-40%2040H104a40%2040%200%2001-40-40V168a40%2040%200%200140-40h167.48M336%2064h112v112M224%20288L440%2072'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='32'/%3e%3c/symbol%3e%3csymbol%20id='caret-down'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7L86.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3e%3c/symbol%3e%3csymbol%20id='caret-right'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M216.5%20374.8c-11.3%2011.3-30%2011.3-41.3%200L74.8%20256c-11.3-11.3-11.3-30%200-41.3l128.5-128.5c11.3-11.3%2030-11.3%2041.3%200s11.3%2030%200%2041.3L145.7%20256l119.8%20119.8c11.3%2011.3%2011.3%2030%200%2041.3z'/%3e%3c/symbol%3e%3csymbol%20id='chevron-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M5.74%203.2a.75.75%200%200%200-.04%201.06L9.227%208L5.7%2011.74a.75.75%200%201%200%201.1%201.02l4-4.25a.75.75%200%200%200%200-1.02l-4-4.25a.75.75%200%200%200-1.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M10.26%203.2a.75.75%200%200%201%20.04%201.06L6.773%208l3.527%203.74a.75.75%200%201%201-1.1%201.02l-4-4.25a.75.75%200%200%201%200-1.02l4-4.25a.75.75%200%200%201%201.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-down'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M3.2%205.74a.75.75%200%200%201%201.06-.04L8%209.227L11.74%205.7a.75.75%200%201%201%201.02%201.1l-4.25%204a.75.75%200%200%201-1.02%200l-4.25-4a.75.75%200%200%201-.04-1.06'/%3e%3c/symbol%3e%3c/defs%3e%3c/svg%3e";
-export {
-  e as default
-};
-//# sourceMappingURL=icons.svg.es.js.map

package/dist/assets/svg/icons.svg.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.svg.es.js","sources":["../../../assets/svg/icons.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3csymbol%20id='external-link'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M384%20224v184a40%2040%200%2001-40%2040H104a40%2040%200%2001-40-40V168a40%2040%200%200140-40h167.48M336%2064h112v112M224%20288L440%2072'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='32'/%3e%3c/symbol%3e%3csymbol%20id='caret-down'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7L86.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3e%3c/symbol%3e%3csymbol%20id='caret-right'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M216.5%20374.8c-11.3%2011.3-30%2011.3-41.3%200L74.8%20256c-11.3-11.3-11.3-30%200-41.3l128.5-128.5c11.3-11.3%2030-11.3%2041.3%200s11.3%2030%200%2041.3L145.7%20256l119.8%20119.8c11.3%2011.3%2011.3%2030%200%2041.3z'/%3e%3c/symbol%3e%3csymbol%20id='chevron-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M5.74%203.2a.75.75%200%200%200-.04%201.06L9.227%208L5.7%2011.74a.75.75%200%201%200%201.1%201.02l4-4.25a.75.75%200%200%200%200-1.02l-4-4.25a.75.75%200%200%200-1.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M10.26%203.2a.75.75%200%200%201%20.04%201.06L6.773%208l3.527%203.74a.75.75%200%201%201-1.1%201.02l-4-4.25a.75.75%200%200%201%200-1.02l4-4.25a.75.75%200%200%201%201.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-down'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M3.2%205.74a.75.75%200%200%201%201.06-.04L8%209.227L11.74%205.7a.75.75%200%201%201%201.02%201.1l-4.25%204a.75.75%200%200%201-1.02%200l-4.25-4a.75.75%200%200%201-.04-1.06'/%3e%3c/symbol%3e%3c/defs%3e%3c/svg%3e\""],"names":["iconURL"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/components/ActionMenu/ActionMenu.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../node_modules/react/jsx-runtime.cjs.js"),t=require("react"),B=require("../../hooks/useIsClosing.cjs.js"),F=require("../../hooks/useLockBodyScroll.cjs.js"),H=require("../Button/Button.cjs.js"),P=require("../ScreenOverlay/ScreenOverlay.cjs.js");;/* empty css                    */const N=require("../Icon/Icon.cjs.js"),c=require("radix-ui"),C=require("../../utils/navigation.cjs.js"),G=({isOpen:e,actions:d=[],children:r,showCancel:l=!0,cancelButtonText:x="Cancel",selectionMode:j="single",selectedKeys:m,disabledKeys:h=[],onSelectionChange:o,onClose:s,title:a,"data-testid":i})=>{F.useLockBodyScroll(e);const[p,u]=t.useState(0),[f,_]=t.useState([]),[E,b]=t.useState({title:a,actions:d,key:null,previousKey:null}),g=t.useRef(null),q=t.useRef(null),I=t.useRef(null),{isClosing:y,handleClose:v}=B.useIsClosing({onClose:s,overlayRef:I}),M=E.actions||[],S=M&&M.length>0,w=r||S||l;function D(R){const A=M.find(k=>k.key===R);if(!A){console.error(`Action with key ${R} not found`);return}_(k=>[...k,E]),b(k=>({title:A.label,actions:A.children,key:A.key,previousKey:k.key}))}function $(){if(f.length>0){const R=f[f.length-1];b(R),_(f.slice(0,-1))}}return t.useEffect(()=>{e&&requestAnimationFrame(()=>{g.current&&u(g.current.scrollHeight+12)})},[e,f,w]),t.useEffect(()=>{e||u(0)},[e]),t.useEffect(()=>{y&&u(0)},[y]),!e&&!y?null:n.jsxRuntimeExports.jsx(P.ScreenOverlay,{fadeIn:!0,ref:I,children:n.jsxRuntimeExports.jsxs(c.DropdownMenu.Root,{modal:!0,open:e,onOpenChange:R=>{R||v()},children:[n.jsxRuntimeExports.jsx(c.DropdownMenu.Trigger,{asChild:!0,children:n.jsxRuntimeExports.jsx("div",{children:""})}),n.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__background-wrapper",style:{opacity:y?0:1},children:n.jsxRuntimeExports.jsx("div",{"data-testid":i||"ActionMenu-wrapper",className:"proton-ActionMenu__wrapper",children:n.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__card","data-testid":"ActionMenu-content",style:{height:`${p}px`},children:n.jsxRuntimeExports.jsx("div",{ref:q,className:"proton-ActionMenu__menu",children:n.jsxRuntimeExports.jsxs(c.DropdownMenu.Content,{loop:!0,sideOffset:8,ref:g,children:[E.title&&n.jsxRuntimeExports.jsxs("div",{className:"proton-ActionMenu__title",children:[f.length>0&&n.jsxRuntimeExports.jsx("button",{onClick:$,"aria-label":"Go back to previous menu",children:n.jsxRuntimeExports.jsx(N.Icon,{id:"chevron-left",size:16})}),n.jsxRuntimeExports.jsx("span",{children:E.title})]}),w&&n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[r&&n.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__content",children:typeof r=="function"?r({close:v}):r}),S&&n.jsxRuntimeExports.jsx(L,{actions:M,selectionMode:j,selectedKeys:m,onSelectionChange:o,disabledKeys:h,handleSubmenuOpen:D,title:E.title}),l&&n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(c.DropdownMenu.Separator,{}),n.jsxRuntimeExports.jsx(c.DropdownMenu.Item,{className:"proton-ActionMenu__cancel-button",children:n.jsxRuntimeExports.jsx(H.Button,{"data-testid":"ActionMenuItem-cancel",onPress:v,fullWidth:!0,variant:"secondary",children:x})})]})]})]})})})})})]})})},L=({actions:e,selectionMode:d,selectedKeys:r=[],onSelectionChange:l,disabledKeys:x=[],handleSubmenuOpen:j,title:m})=>{const h=()=>n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:e.map((o,s)=>{var i;const a=e[s];return n.jsxRuntimeExports.jsx(z,{item:o,isSubmenu:!!((i=a.children)!=null&&i.length),selectionMode:d,onSelectionChange:l,selectedKeys:r,disabledKeys:x,handleSubmenuOpen:j},o.key)})});return n.jsxRuntimeExports.jsx("div",{"aria-disabled":d==="none",className:"proton-ActionMenu__list",role:"menu","aria-label":m?`Menu: ${m}`:"Action menu",children:d==="single"?n.jsxRuntimeExports.jsx(c.DropdownMenu.RadioGroup,{value:(r==null?void 0:r[0])||"",onValueChange:o=>{var a;const s=e.find(i=>i.key===o);(a=s==null?void 0:s.children)!=null&&a.length||l&&l(new Set([o]))},children:n.jsxRuntimeExports.jsx(h,{})}):n.jsxRuntimeExports.jsx(c.DropdownMenu.Group,{children:n.jsxRuntimeExports.jsx(h,{})})})},z=({item:e,isSubmenu:d,selectionMode:r,onSelectionChange:l,selectedKeys:x=[],disabledKeys:j=[],handleSubmenuOpen:m})=>{const h=t.useRef(null),o=e.to&&C.isUrlExternal(e.to),s={className:"proton-ActionMenu__item","aria-label":`ActionMenu-Item-${e.key}`,role:"menuitem",disabled:j.includes(e.key),ref:h},a=p=>{var u;if((u=e==null?void 0:e.children)!=null&&u.length){p.preventDefault(),m(e.key);return}e.onAction&&e.onAction(e.key)},i=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsxs("div",{className:"proton-ActionMenu__item-content",children:[n.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__item-label",children:e.label}),e.description&&n.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__description",children:e.description})]}),d&&n.jsxRuntimeExports.jsx(N.Icon,{id:"chevron-right",size:16})]});return e.to?t.createElement(c.DropdownMenu.Item,{...s,key:e.key,asChild:!0},n.jsxRuntimeExports.jsx("a",{"aria-label":`ActionMenu-Item-${e.key}`,"aria-disabled":j.includes(e.key),"aria-checked":x.includes(e.key),href:e.to,target:o?"_blank":void 0,rel:o?"noopener noreferrer":void 0,onClick:p=>{o||!e.to||C.handleInternalNavigation(p,e.to)},children:i})):r==="multiple"?t.createElement(c.DropdownMenu.CheckboxItem,{...s,key:e.key,checked:x.includes(e.key),onSelect:a,onCheckedChange:p=>{if(!l)return;const u=new Set(x);p?u.add(e.key):u.delete(e.key),l(u)}},i):t.createElement(c.DropdownMenu.RadioItem,{...s,value:e.key,key:e.key,"aria-checked":x.includes(e.key),onSelect:a},i)};exports.ActionMenu=G;
-//# sourceMappingURL=ActionMenu.cjs.js.map

package/dist/components/ActionMenu/ActionMenu.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionMenu.cjs.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport { ReactNode, useEffect, useRef, useState } from \"react\";\nimport type { Selection } from \"@react-types/shared\";\n\nimport { useIsClosing } from \"../../hooks/useIsClosing\";\nimport { useLockBodyScroll } from \"../../hooks/useLockBodyScroll\";\nimport { handleInternalNavigation, isUrlExternal } from \"../../utils\";\nimport { Button } from \"../Button/Button\";\nimport { ScreenOverlay } from \"../ScreenOverlay/ScreenOverlay\";\n\nimport \"./ActionMenu.css\";\nimport { Icon } from \"../Icon/Icon\";\n\nimport { DropdownMenu } from \"radix-ui\";\n\nexport interface ActionMenuAction {\n  key: string;\n  label?: ReactNode;\n  description?: ReactNode;\n  to?: string;\n  onAction?: (key: string) => void;\n  children?: ActionMenuAction[];\n}\n\nexport type ActionMenuSelectionMode = \"single\" | \"multiple\" | \"none\";\n\nexport interface ActionMenuProps {\n  /** The actions of the menu\n   * - type {@link ActionMenuAction}[]\n   */\n  actions?: ActionMenuAction[];\n\n  /** The text of the cancel button */\n  cancelButtonText?: string;\n\n  /** The children of the menu */\n  children?: ReactNode | ((props: { close: () => void }) => ReactNode);\n\n  /** The test id of the menu */\n  \"data-testid\"?: string;\n\n  /** The keys of the disabled items\n   * @default []\n   */\n  disabledKeys?: string[];\n\n  /** Whether the menu is open\n   * @default false\n   */\n  isOpen: boolean;\n\n  /** The callback function to close the menu */\n  onClose?: () => void;\n\n  /** The callback function to change the selection\n   * - type {@link Selection}\n   */\n  onSelectionChange?: (keys: Selection) => void;\n\n  /** The selection mode of the menu\n   * @default \"single\"\n   */\n  selectionMode?: ActionMenuSelectionMode;\n\n  /** The keys of the selected items */\n  selectedKeys?: string[];\n\n  /** Whether to show the cancel button */\n  showCancel?: boolean;\n\n  /** The title of the menu */\n  title?: string;\n}\n\ntype ActionStack = {\n  title: ReactNode | null;\n  actions: ActionMenuAction[];\n  key: string | null;\n  previousKey: string | null;\n};\n\n/**\n * ActionMenu to display a menu of actions.\n * Renders a list of actions as a focusable menu, or non-focusable children.\n *\n * API:\n *  - {@link ActionMenuProps}\n */\nexport const ActionMenu = ({\n  isOpen,\n  actions = [],\n  children,\n  showCancel = true,\n  cancelButtonText = \"Cancel\",\n  selectionMode = \"single\",\n  selectedKeys,\n  disabledKeys = [],\n  onSelectionChange,\n  onClose,\n  title,\n  \"data-testid\": testId,\n}: ActionMenuProps) => {\n  useLockBodyScroll(isOpen);\n  const [contentHeight, setContentHeight] = useState<number>(0);\n  const [stackHistory, setStackHistory] = useState<ActionStack[]>([]);\n  const [currentActionStack, setCurrentActionStack] = useState<ActionStack>({\n    title,\n    actions,\n    key: null,\n    previousKey: null,\n  });\n  const contentRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const { isClosing, handleClose } = useIsClosing({\n    onClose,\n    overlayRef,\n  });\n\n  const currentActions = currentActionStack.actions || [];\n  const hasActions = currentActions && currentActions.length > 0;\n  const hasContent = children || hasActions || showCancel;\n\n  function handleSubmenuOpen(key: string) {\n    const action = currentActions.find((action) => action.key === key);\n    if (!action) {\n      console.error(`Action with key ${key} not found`);\n      return;\n    }\n\n    setStackHistory((prevStackHistory) => [\n      ...prevStackHistory,\n      currentActionStack,\n    ]);\n    setCurrentActionStack((prevStack) => ({\n      title: action.label,\n      actions: action.children,\n      key: action.key,\n      previousKey: prevStack.key,\n    }));\n  }\n\n  function handleBack() {\n    if (stackHistory.length > 0) {\n      const previousStack = stackHistory[stackHistory.length - 1];\n      setCurrentActionStack(previousStack);\n      setStackHistory(stackHistory.slice(0, -1));\n    }\n  }\n\n  // Re-measure the open menu's content height when stack history changes\n  useEffect(() => {\n    if (!isOpen) return;\n\n    requestAnimationFrame(() => {\n      if (contentRef.current) {\n        setContentHeight(contentRef.current.scrollHeight + 12);\n      }\n    });\n  }, [isOpen, stackHistory, hasContent]);\n\n  // Reset content height when menu closes\n  useEffect(() => {\n    if (!isOpen) {\n      setContentHeight(0);\n    }\n  }, [isOpen]);\n\n  // Animate content height to 0 when closing\n  useEffect(() => {\n    if (isClosing) {\n      setContentHeight(0);\n    }\n  }, [isClosing]);\n\n  if (!isOpen && !isClosing) return null;\n\n  return (\n    <ScreenOverlay fadeIn ref={overlayRef}>\n      <DropdownMenu.Root\n        modal\n        open={isOpen}\n        onOpenChange={(open) => {\n          if (!open) handleClose();\n        }}\n      >\n        <DropdownMenu.Trigger asChild>\n          {/* No visible trigger, since menu is controlled by isOpen */}\n          <div>{\"\"}</div>\n        </DropdownMenu.Trigger>\n\n        <div\n          className=\"proton-ActionMenu__background-wrapper\"\n          style={{\n            opacity: isClosing ? 0 : 1,\n          }}\n        >\n          <div\n            data-testid={testId || \"ActionMenu-wrapper\"}\n            className=\"proton-ActionMenu__wrapper\"\n          >\n            <div\n              className=\"proton-ActionMenu__card\"\n              data-testid=\"ActionMenu-content\"\n              style={{ height: `${contentHeight}px` }}\n            >\n              <div ref={menuRef} className=\"proton-ActionMenu__menu\">\n                <DropdownMenu.Content loop sideOffset={8} ref={contentRef}>\n                  {currentActionStack.title && (\n                    <div className=\"proton-ActionMenu__title\">\n                      {stackHistory.length > 0 && (\n                        <button\n                          onClick={handleBack}\n                          aria-label=\"Go back to previous menu\"\n                        >\n                          <Icon id=\"chevron-left\" size={16} />\n                        </button>\n                      )}\n                      <span>{currentActionStack.title}</span>\n                    </div>\n                  )}\n\n                  {hasContent && (\n                    <>\n                      {children && (\n                        <div className=\"proton-ActionMenu__content\">\n                          {typeof children === \"function\"\n                            ? children({ close: handleClose })\n                            : children}\n                        </div>\n                      )}\n\n                      {hasActions && (\n                        <ActionMenuList\n                          actions={currentActions}\n                          selectionMode={selectionMode}\n                          selectedKeys={selectedKeys}\n                          onSelectionChange={onSelectionChange}\n                          disabledKeys={disabledKeys}\n                          handleSubmenuOpen={handleSubmenuOpen}\n                          title={currentActionStack.title}\n                        />\n                      )}\n\n                      {showCancel && (\n                        <>\n                          <DropdownMenu.Separator />\n                          <DropdownMenu.Item className=\"proton-ActionMenu__cancel-button\">\n                            <Button\n                              data-testid=\"ActionMenuItem-cancel\"\n                              onPress={handleClose}\n                              fullWidth\n                              variant=\"secondary\"\n                            >\n                              {cancelButtonText}\n                            </Button>\n                          </DropdownMenu.Item>\n                        </>\n                      )}\n                    </>\n                  )}\n                </DropdownMenu.Content>\n              </div>\n            </div>\n          </div>\n        </div>\n      </DropdownMenu.Root>\n    </ScreenOverlay>\n  );\n};\n\ninterface ActionMenuListProps {\n  actions: ActionMenuAction[];\n  selectionMode: ActionMenuSelectionMode;\n  selectedKeys?: string[];\n  onSelectionChange?: (keys: Selection) => void;\n  disabledKeys?: string[];\n  handleSubmenuOpen: (key: string) => void;\n  title?: ReactNode;\n}\n\nconst ActionMenuList = ({\n  actions,\n  selectionMode,\n  selectedKeys = [],\n  onSelectionChange,\n  disabledKeys = [],\n  handleSubmenuOpen,\n  title,\n}: ActionMenuListProps) => {\n  const ActionMenuItemMap = () => (\n    <>\n      {actions.map((action, i) => {\n        const itemProps = actions[i];\n        return (\n          <ActionMenuItem\n            key={action.key}\n            item={action}\n            isSubmenu={Boolean(itemProps.children?.length)}\n            selectionMode={selectionMode}\n            onSelectionChange={onSelectionChange}\n            selectedKeys={selectedKeys}\n            disabledKeys={disabledKeys}\n            handleSubmenuOpen={handleSubmenuOpen}\n          />\n        );\n      })}\n    </>\n  );\n\n  return (\n    <div\n      aria-disabled={selectionMode === \"none\"}\n      className=\"proton-ActionMenu__list\"\n      role=\"menu\"\n      aria-label={title ? `Menu: ${title}` : \"Action menu\"}\n    >\n      {selectionMode === \"single\" ? (\n        <DropdownMenu.RadioGroup\n          value={selectedKeys?.[0] || \"\"}\n          onValueChange={(value) => {\n            // Check if this is a submenu item - if so, don't trigger selection change\n            const action = actions.find((action) => action.key === value);\n            if (action?.children?.length) {\n              return;\n            }\n\n            if (onSelectionChange) {\n              onSelectionChange(new Set([value]));\n            }\n          }}\n        >\n          <ActionMenuItemMap />\n        </DropdownMenu.RadioGroup>\n      ) : (\n        <DropdownMenu.Group>\n          <ActionMenuItemMap />\n        </DropdownMenu.Group>\n      )}\n    </div>\n  );\n};\n\ninterface ActionMenuItemProps {\n  to?: string;\n  item: ActionMenuAction;\n  isSubmenu?: boolean;\n  selectionMode: ActionMenuSelectionMode;\n  onSelectionChange?: (keys: Selection) => void;\n  selectedKeys?: string[];\n  disabledKeys?: string[];\n  handleSubmenuOpen: (key: string) => void;\n}\n\nconst ActionMenuItem = ({\n  item,\n  isSubmenu,\n  selectionMode,\n  onSelectionChange,\n  selectedKeys = [],\n  disabledKeys = [],\n  handleSubmenuOpen,\n}: ActionMenuItemProps) => {\n  const ref = useRef(null);\n  const isExternal = item.to && isUrlExternal(item.to);\n  const radixItemProps = {\n    className: \"proton-ActionMenu__item\",\n    \"aria-label\": `ActionMenu-Item-${item.key}`,\n    role: \"menuitem\",\n    disabled: disabledKeys.includes(item.key),\n    ref,\n  };\n\n  const onSelect = (event: Event) => {\n    if (item?.children?.length) {\n      event.preventDefault();\n      handleSubmenuOpen(item.key);\n      return;\n    }\n    if (item.onAction) {\n      item.onAction(item.key);\n    }\n  };\n\n  const content = (\n    <>\n      <div className=\"proton-ActionMenu__item-content\">\n        <div className=\"proton-ActionMenu__item-label\">{item.label}</div>\n        {item.description && (\n          <div className=\"proton-ActionMenu__description\">\n            {item.description}\n          </div>\n        )}\n      </div>\n      {isSubmenu && <Icon id=\"chevron-right\" size={16} />}\n    </>\n  );\n\n  if (item.to) {\n    return (\n      <DropdownMenu.Item {...radixItemProps} key={item.key} asChild>\n        <a\n          aria-label={`ActionMenu-Item-${item.key}`}\n          aria-disabled={disabledKeys.includes(item.key)}\n          aria-checked={selectedKeys.includes(item.key)}\n          href={item.to}\n          target={isExternal ? \"_blank\" : undefined}\n          rel={isExternal ? \"noopener noreferrer\" : undefined}\n          onClick={(e: React.MouseEvent<HTMLAnchorElement>) => {\n            if (isExternal || !item.to) {\n              return;\n            }\n            handleInternalNavigation(e, item.to);\n          }}\n        >\n          {content}\n        </a>\n      </DropdownMenu.Item>\n    );\n  }\n\n  if (selectionMode === \"multiple\") {\n    return (\n      <DropdownMenu.CheckboxItem\n        {...radixItemProps}\n        key={item.key}\n        checked={selectedKeys.includes(item.key)}\n        onSelect={onSelect}\n        onCheckedChange={(checked: boolean) => {\n          if (!onSelectionChange) return;\n\n          const currentKeys = new Set(selectedKeys);\n          if (checked) {\n            currentKeys.add(item.key);\n          } else {\n            currentKeys.delete(item.key);\n          }\n          onSelectionChange(currentKeys);\n        }}\n      >\n        {content}\n      </DropdownMenu.CheckboxItem>\n    );\n  }\n\n  return (\n    <DropdownMenu.RadioItem\n      {...radixItemProps}\n      value={item.key}\n      key={item.key}\n      aria-checked={selectedKeys.includes(item.key)}\n      onSelect={onSelect}\n    >\n      {content}\n    </DropdownMenu.RadioItem>\n  );\n};\n"],"names":["ActionMenu","isOpen","actions","children","showCancel","cancelButtonText","selectionMode","selectedKeys","disabledKeys","onSelectionChange","onClose","title","testId","useLockBodyScroll","contentHeight","setContentHeight","useState","stackHistory","setStackHistory","currentActionStack","setCurrentActionStack","contentRef","useRef","menuRef","overlayRef","isClosing","handleClose","useIsClosing","currentActions","hasActions","hasContent","handleSubmenuOpen","key","action","prevStackHistory","prevStack","handleBack","previousStack","useEffect","jsx","ScreenOverlay","jsxs","DropdownMenu","open","Icon","Fragment","ActionMenuList","Button","ActionMenuItemMap","i","itemProps","ActionMenuItem","_a","value","item","isSubmenu","ref","isExternal","isUrlExternal","radixItemProps","onSelect","event","content","createElement","e","handleInternalNavigation","checked","currentKeys"],"mappings":"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"}