@protonradio/proton-ui 0.6.4 → 0.6.6

package/dist/utils.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs.js","sources":["../src/utils/index.ts"],"sourcesContent":["const isString = (x: unknown): boolean =>\r\n  typeof x === \"string\" || x instanceof String;\r\n\r\nexport function csx(...classnames: unknown[]): string {\r\n  return classnames.filter(isString).join(\" \");\r\n}\r\n\r\n/**\r\n * [getLinkHost] - get the host of a link.\r\n * Referenced from is-url-external npm package\r\n * https://github.com/mrded/is-url-external/blob/master/index.js\r\n */\r\nconst getLinkHost = (url) => {\r\n  if (/^https?:\\/\\//.test(url)) {\r\n    // Absolute URL.\r\n    // The easy way to parse an URL, is to create <a> element.\r\n    // @see: https://gist.github.com/jlong/2428561\r\n    const parser = document.createElement(\"a\");\r\n    parser.href = url;\r\n    return parser.hostname;\r\n  }\r\n  return window.location.hostname;\r\n};\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) => {\r\n  const host = window.location.hostname;\r\n  const linkHost = getLinkHost(url);\r\n\r\n  return host !== linkHost;\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\r\nexport type RGBArray = [number, number, number];\r\n\r\nconst ceilColor = 179;\r\nconst floorColor = 42;\r\n\r\n/**\r\n * Lightens an RGB color by a specified factor.\r\n * @param rgb - The RGB color array to lighten.\r\n * @param factor - The factor between 0 (darker) - 1 (lighter) by which to transform the color.\r\n * @returns The lightened RGB color array, RGB values are clamped to 42 (dark) - 179 (light).\r\n */\r\nexport const lightenRGBColor = (rgb: RGBArray, factor: number): RGBArray => {\r\n  const lightenedRGB = [\r\n    Math.min(rgb[0] + 255 * factor, ceilColor),\r\n    Math.min(rgb[1] + 255 * factor, ceilColor),\r\n    Math.min(rgb[2] + 255 * factor, ceilColor),\r\n  ];\r\n\r\n  return lightenedRGB.map((value) =>\r\n    Math.round(Math.max(value, floorColor))\r\n  ) as RGBArray;\r\n};\r\n\r\n/**\r\n * Darkens an RGB color by a specified factor.\r\n * @param color - The RGB color array to darken.\r\n * @param factor - The factor between 0 (lighter) - 1 (darker) by which to transform the color.\r\n * @returns The darkened RGB color array, RGB values are clamped to 0 (light) - 255 (dark).\r\n */\r\n\r\nexport const darkenRGBColor = (color: RGBArray, factor: number): RGBArray => {\r\n  return color.map((c) => Math.max(0, c - c * factor)) as RGBArray;\r\n};\r\n\r\n/**\r\n * Converts an RGB array to a CSS string representation.\r\n * @param rgb - The RGB array to convert.\r\n * @param opacity - Optional opacity value.\r\n * @returns A CSS string representation of the RGB array, using `rgb()`, or `rgba()` if an opacity value is provided.\r\n */\r\nexport const arrayToRgbString = (rgb: RGBArray, opacity?: number): string => {\r\n  return opacity === undefined\r\n    ? `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`\r\n    : `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${opacity})`;\r\n};\r\n"],"names":["isString","x","csx","classnames","getLinkHost","url","parser","isUrlExternal","host","linkHost","handleInternalNavigation","e","to","resolvedPath","ceilColor","floorColor","lightenRGBColor","rgb","factor","value","darkenRGBColor","color","c","arrayToRgbString","opacity"],"mappings":"gFAAA,MAAMA,EAAYC,GAChB,OAAOA,GAAM,UAAYA,aAAa,OAEjC,SAASC,KAAOC,EAA+B,CACpD,OAAOA,EAAW,OAAOH,CAAQ,EAAE,KAAK,GAAG,CAC7C,CAOA,MAAMI,EAAeC,GAAQ,CACvB,GAAA,eAAe,KAAKA,CAAG,EAAG,CAItB,MAAAC,EAAS,SAAS,cAAc,GAAG,EACzC,OAAAA,EAAO,KAAOD,EACPC,EAAO,QAChB,CACA,OAAO,OAAO,SAAS,QACzB,EAKaC,EAAiBF,GAAQ,CAC9B,MAAAG,EAAO,OAAO,SAAS,SACvBC,EAAWL,EAAYC,CAAG,EAEhC,OAAOG,IAASC,CAClB,EAaaC,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,EAIMC,EAAY,IACZC,EAAa,GAQNC,EAAkB,CAACC,EAAeC,IACxB,CACnB,KAAK,IAAID,EAAI,CAAC,EAAI,IAAMC,EAAQJ,CAAS,EACzC,KAAK,IAAIG,EAAI,CAAC,EAAI,IAAMC,EAAQJ,CAAS,EACzC,KAAK,IAAIG,EAAI,CAAC,EAAI,IAAMC,EAAQJ,CAAS,CAAA,EAGvB,IAAKK,GACvB,KAAK,MAAM,KAAK,IAAIA,EAAOJ,CAAU,CAAC,CAAA,EAW7BK,EAAiB,CAACC,EAAiBH,IACvCG,EAAM,IAAKC,GAAM,KAAK,IAAI,EAAGA,EAAIA,EAAIJ,CAAM,CAAC,EASxCK,EAAmB,CAACN,EAAeO,IACvCA,IAAY,OACf,OAAOP,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,IACnC,QAAQA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKO,CAAO"}
+{"version":3,"file":"utils.cjs.js","sources":["../src/utils/index.ts"],"sourcesContent":["const isString = (x: unknown): boolean =>\n  typeof x === \"string\" || x instanceof String;\n\nexport function csx(...classnames: unknown[]): string {\n  return classnames.filter(isString).join(\" \");\n}\n\n/**\n * [getLinkHost] - get the host of a link.\n * Referenced from is-url-external npm package\n * https://github.com/mrded/is-url-external/blob/master/index.js\n */\nconst getLinkHost = (url) => {\n  if (/^https?:\\/\\//.test(url)) {\n    // Absolute URL.\n    // The easy way to parse an URL, is to create <a> element.\n    // @see: https://gist.github.com/jlong/2428561\n    const parser = document.createElement(\"a\");\n    parser.href = url;\n    return parser.hostname;\n  }\n  return window.location.hostname;\n};\n\n/**\n * [isUrlExternal] - determine if passed absolute url is external to the current domain.\n */\nexport const isUrlExternal = (url) => {\n  const host = window.location.hostname;\n  const linkHost = getLinkHost(url);\n\n  return host !== linkHost;\n};\n\n/**\n * Handles internal navigation clicks by preventing default browser behavior and\n * programmatically updating the URL and history state.\n *\n * @param e - The click event from the anchor element\n * @param to - The destination path to navigate to\n *\n * @remarks\n * - Converts relative paths to absolute by prepending \"/\" if needed\n * - Updates browser history using pushState and dispatches a popstate event\n */\nexport const handleInternalNavigation = (\n  e: React.MouseEvent<HTMLAnchorElement>,\n  to: string\n) => {\n  // Don't handle navigation if modifier keys are pressed\n  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {\n    return;\n  }\n\n  // Don't handle middle clicks or right clicks\n  if (e.button && e.button !== 0) {\n    return;\n  }\n\n  e.preventDefault();\n\n  // Handle relative paths\n  const resolvedPath = to.startsWith(\"/\") ? to : `/${to}`;\n  window.history.pushState({}, \"\", resolvedPath);\n  window.dispatchEvent(new PopStateEvent(\"popstate\"));\n};\n\nexport type RGBArray = [number, number, number];\n\nconst ceilColor = 179;\nconst floorColor = 42;\n\n/**\n * Lightens an RGB color by a specified factor.\n * @param rgb - The RGB color array to lighten.\n * @param factor - The factor between 0 (darker) - 1 (lighter) by which to transform the color.\n * @returns The lightened RGB color array, RGB values are clamped to 42 (dark) - 179 (light).\n */\nexport const lightenRGBColor = (rgb: RGBArray, factor: number): RGBArray => {\n  const lightenedRGB = [\n    Math.min(rgb[0] + 255 * factor, ceilColor),\n    Math.min(rgb[1] + 255 * factor, ceilColor),\n    Math.min(rgb[2] + 255 * factor, ceilColor),\n  ];\n\n  return lightenedRGB.map((value) =>\n    Math.round(Math.max(value, floorColor))\n  ) as RGBArray;\n};\n\n/**\n * Darkens an RGB color by a specified factor.\n * @param color - The RGB color array to darken.\n * @param factor - The factor between 0 (lighter) - 1 (darker) by which to transform the color.\n * @returns The darkened RGB color array, RGB values are clamped to 0 (light) - 255 (dark).\n */\n\nexport const darkenRGBColor = (color: RGBArray, factor: number): RGBArray => {\n  return color.map((c) => Math.max(0, c - c * factor)) as RGBArray;\n};\n\n/**\n * Converts an RGB array to a CSS string representation.\n * @param rgb - The RGB array to convert.\n * @param opacity - Optional opacity value.\n * @returns A CSS string representation of the RGB array, using `rgb()`, or `rgba()` if an opacity value is provided.\n */\nexport const arrayToRgbString = (rgb: RGBArray, opacity?: number): string => {\n  return opacity === undefined\n    ? `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`\n    : `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${opacity})`;\n};\n"],"names":["isString","x","csx","classnames","getLinkHost","url","parser","isUrlExternal","host","linkHost","handleInternalNavigation","e","to","resolvedPath","ceilColor","floorColor","lightenRGBColor","rgb","factor","value","darkenRGBColor","color","c","arrayToRgbString","opacity"],"mappings":"gFAAA,MAAMA,EAAYC,GAChB,OAAOA,GAAM,UAAYA,aAAa,OAEjC,SAASC,KAAOC,EAA+B,CACpD,OAAOA,EAAW,OAAOH,CAAQ,EAAE,KAAK,GAAG,CAC7C,CAOA,MAAMI,EAAeC,GAAQ,CACvB,GAAA,eAAe,KAAKA,CAAG,EAAG,CAItB,MAAAC,EAAS,SAAS,cAAc,GAAG,EACzC,OAAAA,EAAO,KAAOD,EACPC,EAAO,QAChB,CACA,OAAO,OAAO,SAAS,QACzB,EAKaC,EAAiBF,GAAQ,CAC9B,MAAAG,EAAO,OAAO,SAAS,SACvBC,EAAWL,EAAYC,CAAG,EAEhC,OAAOG,IAASC,CAClB,EAaaC,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,EAIMC,EAAY,IACZC,EAAa,GAQNC,EAAkB,CAACC,EAAeC,IACxB,CACnB,KAAK,IAAID,EAAI,CAAC,EAAI,IAAMC,EAAQJ,CAAS,EACzC,KAAK,IAAIG,EAAI,CAAC,EAAI,IAAMC,EAAQJ,CAAS,EACzC,KAAK,IAAIG,EAAI,CAAC,EAAI,IAAMC,EAAQJ,CAAS,CAAA,EAGvB,IAAKK,GACvB,KAAK,MAAM,KAAK,IAAIA,EAAOJ,CAAU,CAAC,CAAA,EAW7BK,EAAiB,CAACC,EAAiBH,IACvCG,EAAM,IAAKC,GAAM,KAAK,IAAI,EAAGA,EAAIA,EAAIJ,CAAM,CAAC,EASxCK,EAAmB,CAACN,EAAeO,IACvCA,IAAY,OACf,OAAOP,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,IACnC,QAAQA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKO,CAAO"}

package/dist/utils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.es.js","sources":["../src/utils/index.ts"],"sourcesContent":["const isString = (x: unknown): boolean =>\r\n  typeof x === \"string\" || x instanceof String;\r\n\r\nexport function csx(...classnames: unknown[]): string {\r\n  return classnames.filter(isString).join(\" \");\r\n}\r\n\r\n/**\r\n * [getLinkHost] - get the host of a link.\r\n * Referenced from is-url-external npm package\r\n * https://github.com/mrded/is-url-external/blob/master/index.js\r\n */\r\nconst getLinkHost = (url) => {\r\n  if (/^https?:\\/\\//.test(url)) {\r\n    // Absolute URL.\r\n    // The easy way to parse an URL, is to create <a> element.\r\n    // @see: https://gist.github.com/jlong/2428561\r\n    const parser = document.createElement(\"a\");\r\n    parser.href = url;\r\n    return parser.hostname;\r\n  }\r\n  return window.location.hostname;\r\n};\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) => {\r\n  const host = window.location.hostname;\r\n  const linkHost = getLinkHost(url);\r\n\r\n  return host !== linkHost;\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\r\nexport type RGBArray = [number, number, number];\r\n\r\nconst ceilColor = 179;\r\nconst floorColor = 42;\r\n\r\n/**\r\n * Lightens an RGB color by a specified factor.\r\n * @param rgb - The RGB color array to lighten.\r\n * @param factor - The factor between 0 (darker) - 1 (lighter) by which to transform the color.\r\n * @returns The lightened RGB color array, RGB values are clamped to 42 (dark) - 179 (light).\r\n */\r\nexport const lightenRGBColor = (rgb: RGBArray, factor: number): RGBArray => {\r\n  const lightenedRGB = [\r\n    Math.min(rgb[0] + 255 * factor, ceilColor),\r\n    Math.min(rgb[1] + 255 * factor, ceilColor),\r\n    Math.min(rgb[2] + 255 * factor, ceilColor),\r\n  ];\r\n\r\n  return lightenedRGB.map((value) =>\r\n    Math.round(Math.max(value, floorColor))\r\n  ) as RGBArray;\r\n};\r\n\r\n/**\r\n * Darkens an RGB color by a specified factor.\r\n * @param color - The RGB color array to darken.\r\n * @param factor - The factor between 0 (lighter) - 1 (darker) by which to transform the color.\r\n * @returns The darkened RGB color array, RGB values are clamped to 0 (light) - 255 (dark).\r\n */\r\n\r\nexport const darkenRGBColor = (color: RGBArray, factor: number): RGBArray => {\r\n  return color.map((c) => Math.max(0, c - c * factor)) as RGBArray;\r\n};\r\n\r\n/**\r\n * Converts an RGB array to a CSS string representation.\r\n * @param rgb - The RGB array to convert.\r\n * @param opacity - Optional opacity value.\r\n * @returns A CSS string representation of the RGB array, using `rgb()`, or `rgba()` if an opacity value is provided.\r\n */\r\nexport const arrayToRgbString = (rgb: RGBArray, opacity?: number): string => {\r\n  return opacity === undefined\r\n    ? `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`\r\n    : `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${opacity})`;\r\n};\r\n"],"names":["isString","x","csx","classnames","getLinkHost","url","parser","isUrlExternal","host","linkHost","handleInternalNavigation","e","to","resolvedPath","ceilColor","floorColor","lightenRGBColor","rgb","factor","value","darkenRGBColor","color","c","arrayToRgbString","opacity"],"mappings":"AAAA,MAAMA,IAAW,CAACC,MAChB,OAAOA,KAAM,YAAYA,aAAa;AAEjC,SAASC,KAAOC,GAA+B;AACpD,SAAOA,EAAW,OAAOH,CAAQ,EAAE,KAAK,GAAG;AAC7C;AAOA,MAAMI,IAAc,CAACC,MAAQ;AACvB,MAAA,eAAe,KAAKA,CAAG,GAAG;AAItB,UAAAC,IAAS,SAAS,cAAc,GAAG;AACzC,WAAAA,EAAO,OAAOD,GACPC,EAAO;AAAA,EAChB;AACA,SAAO,OAAO,SAAS;AACzB,GAKaC,IAAgB,CAACF,MAAQ;AAC9B,QAAAG,IAAO,OAAO,SAAS,UACvBC,IAAWL,EAAYC,CAAG;AAEhC,SAAOG,MAASC;AAClB,GAaaC,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,GAIMC,IAAY,KACZC,IAAa,IAQNC,IAAkB,CAACC,GAAeC,MACxB;AAAA,EACnB,KAAK,IAAID,EAAI,CAAC,IAAI,MAAMC,GAAQJ,CAAS;AAAA,EACzC,KAAK,IAAIG,EAAI,CAAC,IAAI,MAAMC,GAAQJ,CAAS;AAAA,EACzC,KAAK,IAAIG,EAAI,CAAC,IAAI,MAAMC,GAAQJ,CAAS;AAAA,EAGvB;AAAA,EAAI,CAACK,MACvB,KAAK,MAAM,KAAK,IAAIA,GAAOJ,CAAU,CAAC;AAAA,GAW7BK,IAAiB,CAACC,GAAiBH,MACvCG,EAAM,IAAI,CAACC,MAAM,KAAK,IAAI,GAAGA,IAAIA,IAAIJ,CAAM,CAAC,GASxCK,IAAmB,CAACN,GAAeO,MACvCA,MAAY,SACf,OAAOP,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,MACnC,QAAQA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKO,CAAO;"}
+{"version":3,"file":"utils.es.js","sources":["../src/utils/index.ts"],"sourcesContent":["const isString = (x: unknown): boolean =>\n  typeof x === \"string\" || x instanceof String;\n\nexport function csx(...classnames: unknown[]): string {\n  return classnames.filter(isString).join(\" \");\n}\n\n/**\n * [getLinkHost] - get the host of a link.\n * Referenced from is-url-external npm package\n * https://github.com/mrded/is-url-external/blob/master/index.js\n */\nconst getLinkHost = (url) => {\n  if (/^https?:\\/\\//.test(url)) {\n    // Absolute URL.\n    // The easy way to parse an URL, is to create <a> element.\n    // @see: https://gist.github.com/jlong/2428561\n    const parser = document.createElement(\"a\");\n    parser.href = url;\n    return parser.hostname;\n  }\n  return window.location.hostname;\n};\n\n/**\n * [isUrlExternal] - determine if passed absolute url is external to the current domain.\n */\nexport const isUrlExternal = (url) => {\n  const host = window.location.hostname;\n  const linkHost = getLinkHost(url);\n\n  return host !== linkHost;\n};\n\n/**\n * Handles internal navigation clicks by preventing default browser behavior and\n * programmatically updating the URL and history state.\n *\n * @param e - The click event from the anchor element\n * @param to - The destination path to navigate to\n *\n * @remarks\n * - Converts relative paths to absolute by prepending \"/\" if needed\n * - Updates browser history using pushState and dispatches a popstate event\n */\nexport const handleInternalNavigation = (\n  e: React.MouseEvent<HTMLAnchorElement>,\n  to: string\n) => {\n  // Don't handle navigation if modifier keys are pressed\n  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {\n    return;\n  }\n\n  // Don't handle middle clicks or right clicks\n  if (e.button && e.button !== 0) {\n    return;\n  }\n\n  e.preventDefault();\n\n  // Handle relative paths\n  const resolvedPath = to.startsWith(\"/\") ? to : `/${to}`;\n  window.history.pushState({}, \"\", resolvedPath);\n  window.dispatchEvent(new PopStateEvent(\"popstate\"));\n};\n\nexport type RGBArray = [number, number, number];\n\nconst ceilColor = 179;\nconst floorColor = 42;\n\n/**\n * Lightens an RGB color by a specified factor.\n * @param rgb - The RGB color array to lighten.\n * @param factor - The factor between 0 (darker) - 1 (lighter) by which to transform the color.\n * @returns The lightened RGB color array, RGB values are clamped to 42 (dark) - 179 (light).\n */\nexport const lightenRGBColor = (rgb: RGBArray, factor: number): RGBArray => {\n  const lightenedRGB = [\n    Math.min(rgb[0] + 255 * factor, ceilColor),\n    Math.min(rgb[1] + 255 * factor, ceilColor),\n    Math.min(rgb[2] + 255 * factor, ceilColor),\n  ];\n\n  return lightenedRGB.map((value) =>\n    Math.round(Math.max(value, floorColor))\n  ) as RGBArray;\n};\n\n/**\n * Darkens an RGB color by a specified factor.\n * @param color - The RGB color array to darken.\n * @param factor - The factor between 0 (lighter) - 1 (darker) by which to transform the color.\n * @returns The darkened RGB color array, RGB values are clamped to 0 (light) - 255 (dark).\n */\n\nexport const darkenRGBColor = (color: RGBArray, factor: number): RGBArray => {\n  return color.map((c) => Math.max(0, c - c * factor)) as RGBArray;\n};\n\n/**\n * Converts an RGB array to a CSS string representation.\n * @param rgb - The RGB array to convert.\n * @param opacity - Optional opacity value.\n * @returns A CSS string representation of the RGB array, using `rgb()`, or `rgba()` if an opacity value is provided.\n */\nexport const arrayToRgbString = (rgb: RGBArray, opacity?: number): string => {\n  return opacity === undefined\n    ? `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`\n    : `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${opacity})`;\n};\n"],"names":["isString","x","csx","classnames","getLinkHost","url","parser","isUrlExternal","host","linkHost","handleInternalNavigation","e","to","resolvedPath","ceilColor","floorColor","lightenRGBColor","rgb","factor","value","darkenRGBColor","color","c","arrayToRgbString","opacity"],"mappings":"AAAA,MAAMA,IAAW,CAACC,MAChB,OAAOA,KAAM,YAAYA,aAAa;AAEjC,SAASC,KAAOC,GAA+B;AACpD,SAAOA,EAAW,OAAOH,CAAQ,EAAE,KAAK,GAAG;AAC7C;AAOA,MAAMI,IAAc,CAACC,MAAQ;AACvB,MAAA,eAAe,KAAKA,CAAG,GAAG;AAItB,UAAAC,IAAS,SAAS,cAAc,GAAG;AACzC,WAAAA,EAAO,OAAOD,GACPC,EAAO;AAAA,EAChB;AACA,SAAO,OAAO,SAAS;AACzB,GAKaC,IAAgB,CAACF,MAAQ;AAC9B,QAAAG,IAAO,OAAO,SAAS,UACvBC,IAAWL,EAAYC,CAAG;AAEhC,SAAOG,MAASC;AAClB,GAaaC,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,GAIMC,IAAY,KACZC,IAAa,IAQNC,IAAkB,CAACC,GAAeC,MACxB;AAAA,EACnB,KAAK,IAAID,EAAI,CAAC,IAAI,MAAMC,GAAQJ,CAAS;AAAA,EACzC,KAAK,IAAIG,EAAI,CAAC,IAAI,MAAMC,GAAQJ,CAAS;AAAA,EACzC,KAAK,IAAIG,EAAI,CAAC,IAAI,MAAMC,GAAQJ,CAAS;AAAA,EAGvB;AAAA,EAAI,CAACK,MACvB,KAAK,MAAM,KAAK,IAAIA,GAAOJ,CAAU,CAAC;AAAA,GAW7BK,IAAiB,CAACC,GAAiBH,MACvCG,EAAM,IAAI,CAACC,MAAM,KAAK,IAAI,GAAGA,IAAIA,IAAIJ,CAAM,CAAC,GASxCK,IAAmB,CAACN,GAAeO,MACvCA,MAAY,SACf,OAAOP,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,MACnC,QAAQA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKA,EAAI,CAAC,CAAC,KAAKO,CAAO;"}

package/package.json

@@ -1,77 +1,89 @@
-{
-  "name": "@protonradio/proton-ui",
-  "version": "0.6.4",
-  "description": "",
-  "main": "./dist/proton-ui.umd.js",
-  "module": "./dist/proton-ui.es.js",
-  "exports": {
-    ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./utils": {
-      "import": "./dist/utils.es.js",
-      "require": "./dist/utils.cjs.js",
-      "types": "./dist/utils.d.ts"
-    },
-    "./constants": {
-      "import": "./dist/constants.es.js",
-      "require": "./dist/constants.cjs.js",
-      "types": "./dist/constants.d.ts"
-    }
-  },
-  "types": "./dist/index.d.ts",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "storybook:build": "storybook build",
-    "test": "jest",
-    "dev-test": "jest --watch",
-    "prepare": "vite build",
-    "chromatic": "npx chromatic --exit-once-uploaded flag --force-rebuild --project-token=$CHROMATIC_PROJECT_TOKEN",
-    "omlet:analyze": "npx @omlet/cli analyze"
-  },
-  "files": [
-    "dist"
-  ],
-  "author": "",
-  "license": "MIT",
-  "dependencies": {
-    "@storybook/cli": "^8.4.2",
-    "react": "^18.3.1",
-    "react-aria": "^3.35.1",
-    "react-aria-components": "^1.4.1",
-    "react-dom": "^18.3.1",
-    "react-stately": "^3.33.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.2",
-    "@storybook/addon-a11y": "^8.4.2",
-    "@storybook/addon-essentials": "^8.4.2",
-    "@storybook/addon-interactions": "^8.4.2",
-    "@storybook/addon-links": "^8.4.2",
-    "@storybook/addon-onboarding": "^8.4.2",
-    "@storybook/blocks": "^8.4.2",
-    "@storybook/react": "^8.4.2",
-    "@storybook/react-vite": "^8.4.2",
-    "@storybook/test": "^8.4.2",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.14",
-    "@vitejs/plugin-react": "^4.3.3",
-    "colorthief": "^2.6.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "lightningcss": "^1.28.1",
-    "react-docgen-typescript": "^2.2.2",
-    "storybook": "^8.4.2",
-    "ts-jest": "^29.2.5",
-    "ts-node": "^10.9.2",
-    "vite": "^5.4.10",
-    "vite-plugin-dts": "^4.3.0"
-  }
-}
+{
+  "name": "@protonradio/proton-ui",
+  "version": "0.6.6",
+  "description": "",
+  "main": "./dist/proton-ui.umd.js",
+  "module": "./dist/proton-ui.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./utils": {
+      "import": "./dist/utils.es.js",
+      "require": "./dist/utils.cjs.js",
+      "types": "./dist/utils.d.ts"
+    },
+    "./constants": {
+      "import": "./dist/constants.es.js",
+      "require": "./dist/constants.cjs.js",
+      "types": "./dist/constants.d.ts"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/index.d.ts"
+      ],
+      "constants": [
+        "./dist/constants.d.ts"
+      ],
+      "utils": [
+        "./dist/utils.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "test": "jest",
+    "dev-test": "jest --watch",
+    "prepare": "vite build",
+    "chromatic": "npx chromatic --exit-once-uploaded flag --force-rebuild --project-token=$CHROMATIC_PROJECT_TOKEN",
+    "omlet:analyze": "npx @omlet/cli analyze"
+  },
+  "files": [
+    "dist"
+  ],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@storybook/cli": "^8.4.2",
+    "react": "^18.3.1",
+    "react-aria": "^3.35.1",
+    "react-aria-components": "^1.4.1",
+    "react-dom": "^18.3.1",
+    "react-stately": "^3.33.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.2",
+    "@storybook/addon-a11y": "^8.4.2",
+    "@storybook/addon-essentials": "^8.4.2",
+    "@storybook/addon-interactions": "^8.4.2",
+    "@storybook/addon-links": "^8.4.2",
+    "@storybook/addon-onboarding": "^8.4.2",
+    "@storybook/blocks": "^8.4.2",
+    "@storybook/react": "^8.4.2",
+    "@storybook/react-vite": "^8.4.2",
+    "@storybook/test": "^8.4.2",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest": "^29.5.14",
+    "@vitejs/plugin-react": "^4.3.3",
+    "colorthief": "^2.6.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "lightningcss": "^1.28.1",
+    "react-docgen-typescript": "^2.2.2",
+    "storybook": "^8.4.2",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.2",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0"
+  }
+}