@protonradio/proton-ui 0.11.9 → 0.11.10-beta.2

package/dist/navigation-Bj7Pex9j.mjs

@@ -1,43 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-"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 +0,0 @@
-{"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,19 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,53 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"}