@frontify/guideline-blocks-settings 3.0.1 → 3.0.3

package/dist/utilities/color/getReadableColor.es.js

@@ -1,14 +1,16 @@
-import { TinyColor as n, readability as d } from "@ctrl/tinycolor";
-import { toShortRgba as i } from "./toShortRgba.es.js";
-const s = (e) => typeof e == "object" && ["red", "green", "blue"].every((t) => e?.hasOwnProperty(t)), y = (e, r) => {
-  const t = s(e) ? i(e) : e, a = s(r) ? i(r) : r;
-  let o = new n(t);
-  const p = new n(a);
-  for (; d(o, p) < 4.5; )
-    o = o.darken(1);
-  return o.toRgbString();
+import { toShortRgba as e } from "./toShortRgba.es.js";
+import { TinyColor as t, readability as n } from "@ctrl/tinycolor";
+//#region src/utilities/color/getReadableColor.ts
+var r = (e) => typeof e == "object" && [
+	"red",
+	"green",
+	"blue"
+].every((t) => e?.hasOwnProperty(t)), i = (i, a) => {
+	let o = r(i) ? e(i) : i, s = r(a) ? e(a) : a, c = new t(o), l = new t(s);
+	for (; n(c, l) < 4.5;) c = c.darken(1);
+	return c.toRgbString();
 };
-export {
-  y as getReadableColor
-};
-//# sourceMappingURL=getReadableColor.es.js.map
+//#endregion
+export { i as getReadableColor };
+
+//# sourceMappingURL=getReadableColor.es.js.map

package/dist/utilities/color/getReadableColor.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getReadableColor.es.js","sources":["../../../src/utilities/color/getReadableColor.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorInput, TinyColor, readability } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Returns darkened text color for a given background color, so that it is readable and has enough contrast (above 4.5)\n *\n * @param {Object} textColor Object of RGBA values\n * @param {Object} backgroundColor Object of RGBA values\n * @returns {string} To be used as css value\n */\n\nconst isRgbaLongFormat = (value: unknown): value is Color => {\n    const requiredKeys = ['red', 'green', 'blue'];\n    return typeof value === 'object' && requiredKeys.every((i) => value?.hasOwnProperty(i));\n};\n\nexport const getReadableColor = (textColor: unknown, backgroundColor: unknown): string => {\n    const inputTextColor = isRgbaLongFormat(textColor) ? toShortRgba(textColor) : (textColor as ColorInput);\n    const inputBackgroundColor = isRgbaLongFormat(backgroundColor)\n        ? toShortRgba(backgroundColor)\n        : (backgroundColor as ColorInput);\n    let parsedTextColor = new TinyColor(inputTextColor);\n    const parsedBackgroundColor = new TinyColor(inputBackgroundColor);\n\n    // darken the text color until readability is good\n    while (readability(parsedTextColor, parsedBackgroundColor) < 4.5) {\n        parsedTextColor = parsedTextColor.darken(1);\n    }\n\n    return parsedTextColor.toRgbString();\n};\n"],"names":["isRgbaLongFormat","value","i","getReadableColor","textColor","backgroundColor","inputTextColor","toShortRgba","inputBackgroundColor","parsedTextColor","TinyColor","parsedBackgroundColor","readability"],"mappings":";;AAeA,MAAMA,IAAmB,CAACC,MAEf,OAAOA,KAAU,YADH,CAAC,OAAO,SAAS,MAAM,EACK,MAAM,CAACC,MAAMD,GAAO,eAAeC,CAAC,CAAC,GAG7EC,IAAmB,CAACC,GAAoBC,MAAqC;AACtF,QAAMC,IAAiBN,EAAiBI,CAAS,IAAIG,EAAYH,CAAS,IAAKA,GACzEI,IAAuBR,EAAiBK,CAAe,IACvDE,EAAYF,CAAe,IAC1BA;AACP,MAAII,IAAkB,IAAIC,EAAUJ,CAAc;AAClD,QAAMK,IAAwB,IAAID,EAAUF,CAAoB;AAGhE,SAAOI,EAAYH,GAAiBE,CAAqB,IAAI;AACzD,IAAAF,IAAkBA,EAAgB,OAAO,CAAC;AAG9C,SAAOA,EAAgB,YAAA;AAC3B;"}
+{"version":3,"file":"getReadableColor.es.js","names":[],"sources":["../../../src/utilities/color/getReadableColor.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorInput, TinyColor, readability } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Returns darkened text color for a given background color, so that it is readable and has enough contrast (above 4.5)\n *\n * @param {Object} textColor Object of RGBA values\n * @param {Object} backgroundColor Object of RGBA values\n * @returns {string} To be used as css value\n */\n\nconst isRgbaLongFormat = (value: unknown): value is Color => {\n    const requiredKeys = ['red', 'green', 'blue'];\n    return typeof value === 'object' && requiredKeys.every((i) => value?.hasOwnProperty(i));\n};\n\nexport const getReadableColor = (textColor: unknown, backgroundColor: unknown): string => {\n    const inputTextColor = isRgbaLongFormat(textColor) ? toShortRgba(textColor) : (textColor as ColorInput);\n    const inputBackgroundColor = isRgbaLongFormat(backgroundColor)\n        ? toShortRgba(backgroundColor)\n        : (backgroundColor as ColorInput);\n    let parsedTextColor = new TinyColor(inputTextColor);\n    const parsedBackgroundColor = new TinyColor(inputBackgroundColor);\n\n    // darken the text color until readability is good\n    while (readability(parsedTextColor, parsedBackgroundColor) < 4.5) {\n        parsedTextColor = parsedTextColor.darken(1);\n    }\n\n    return parsedTextColor.toRgbString();\n};\n"],"mappings":";;;AAeA,IAAM,KAAoB,MAEf,OAAO,KAAU,YAAY;CADd;CAAO;CAAS;AACF,CAAA,CAAa,OAAO,MAAM,GAAO,eAAe,CAAC,CAAC,GAG7E,KAAoB,GAAoB,MAAqC;CACtF,IAAM,IAAiB,EAAiB,CAAS,IAAI,EAAY,CAAS,IAAK,GACzE,IAAuB,EAAiB,CAAe,IACvD,EAAY,CAAe,IAC1B,GACH,IAAkB,IAAI,EAAU,CAAc,GAC5C,IAAwB,IAAI,EAAU,CAAoB;CAGhE,OAAO,EAAY,GAAiB,CAAqB,IAAI,MACzD,IAAkB,EAAgB,OAAO,CAAC;CAG9C,OAAO,EAAgB,YAAY;AACvC"}

package/dist/utilities/color/isDark.es.js

@@ -1,10 +1,15 @@
-import { TinyColor as n } from "@ctrl/tinycolor";
-import { toShortRgba as s } from "./toShortRgba.es.js";
-const i = (r) => typeof r == "object" && ["red", "green", "blue"].every((o) => r?.hasOwnProperty(o)), g = (r, t) => {
-  const o = i(r) ? s(r) : r, e = new n(o);
-  return t ? e.getBrightness() < t : e.isDark() || e.getAlpha() > 0.25 && e.getAlpha() < 1;
+import { toShortRgba as e } from "./toShortRgba.es.js";
+import { TinyColor as t } from "@ctrl/tinycolor";
+//#region src/utilities/color/isDark.ts
+var n = (e) => typeof e == "object" && [
+	"red",
+	"green",
+	"blue"
+].every((t) => e?.hasOwnProperty(t)), r = (r, i) => {
+	let a = n(r) ? e(r) : r, o = new t(a);
+	return i ? o.getBrightness() < i : o.isDark() || o.getAlpha() > .25 && o.getAlpha() < 1;
 };
-export {
-  g as isDark
-};
-//# sourceMappingURL=isDark.es.js.map
+//#endregion
+export { r as isDark };
+
+//# sourceMappingURL=isDark.es.js.map

package/dist/utilities/color/isDark.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"isDark.es.js","sources":["../../../src/utilities/color/isDark.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorInput, TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Calculates if text should be in a light color depending on color (e.g. background-color)\n *\n * @param {Object} value Object of RGBA values\n * @param {Number|undefined} threshold Threshold for the brightness\n * @returns {Boolean} Return if the color is dark\n */\n\nconst isRgbaLongFormat = (value: unknown): value is Color => {\n    const requiredKeys = ['red', 'green', 'blue'];\n    return typeof value === 'object' && requiredKeys.every((i) => value?.hasOwnProperty(i));\n};\n\nexport const isDark = (color: unknown, threshold?: number): boolean => {\n    const inputColor = isRgbaLongFormat(color) ? toShortRgba(color) : (color as ColorInput);\n    const parsedColor = new TinyColor(inputColor);\n\n    if (threshold) {\n        return parsedColor.getBrightness() < threshold;\n    }\n\n    return parsedColor.isDark() || (parsedColor.getAlpha() > 0.25 && parsedColor.getAlpha() < 1);\n};\n"],"names":["isRgbaLongFormat","value","i","isDark","color","threshold","inputColor","toShortRgba","parsedColor","TinyColor"],"mappings":";;AAeA,MAAMA,IAAmB,CAACC,MAEf,OAAOA,KAAU,YADH,CAAC,OAAO,SAAS,MAAM,EACK,MAAM,CAACC,MAAMD,GAAO,eAAeC,CAAC,CAAC,GAG7EC,IAAS,CAACC,GAAgBC,MAAgC;AACnE,QAAMC,IAAaN,EAAiBI,CAAK,IAAIG,EAAYH,CAAK,IAAKA,GAC7DI,IAAc,IAAIC,EAAUH,CAAU;AAE5C,SAAID,IACOG,EAAY,kBAAkBH,IAGlCG,EAAY,YAAaA,EAAY,aAAa,QAAQA,EAAY,SAAA,IAAa;AAC9F;"}
+{"version":3,"file":"isDark.es.js","names":[],"sources":["../../../src/utilities/color/isDark.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorInput, TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Calculates if text should be in a light color depending on color (e.g. background-color)\n *\n * @param {Object} value Object of RGBA values\n * @param {Number|undefined} threshold Threshold for the brightness\n * @returns {Boolean} Return if the color is dark\n */\n\nconst isRgbaLongFormat = (value: unknown): value is Color => {\n    const requiredKeys = ['red', 'green', 'blue'];\n    return typeof value === 'object' && requiredKeys.every((i) => value?.hasOwnProperty(i));\n};\n\nexport const isDark = (color: unknown, threshold?: number): boolean => {\n    const inputColor = isRgbaLongFormat(color) ? toShortRgba(color) : (color as ColorInput);\n    const parsedColor = new TinyColor(inputColor);\n\n    if (threshold) {\n        return parsedColor.getBrightness() < threshold;\n    }\n\n    return parsedColor.isDark() || (parsedColor.getAlpha() > 0.25 && parsedColor.getAlpha() < 1);\n};\n"],"mappings":";;;AAeA,IAAM,KAAoB,MAEf,OAAO,KAAU,YAAY;CADd;CAAO;CAAS;AACF,CAAA,CAAa,OAAO,MAAM,GAAO,eAAe,CAAC,CAAC,GAG7E,KAAU,GAAgB,MAAgC;CACnE,IAAM,IAAa,EAAiB,CAAK,IAAI,EAAY,CAAK,IAAK,GAC7D,IAAc,IAAI,EAAU,CAAU;CAM5C,OAJI,IACO,EAAY,cAAc,IAAI,IAGlC,EAAY,OAAO,KAAM,EAAY,SAAS,IAAI,OAAQ,EAAY,SAAS,IAAI;AAC9F"}

package/dist/utilities/color/setAlpha.es.js

@@ -1,6 +1,7 @@
-import { TinyColor as r } from "@ctrl/tinycolor";
-const n = (t, o) => new r(o).setAlpha(t).toRgbString();
-export {
-  n as setAlpha
-};
-//# sourceMappingURL=setAlpha.es.js.map
+import { TinyColor as e } from "@ctrl/tinycolor";
+//#region src/utilities/color/setAlpha.ts
+var t = (t, n) => new e(n).setAlpha(t).toRgbString();
+//#endregion
+export { t as setAlpha };
+
+//# sourceMappingURL=setAlpha.es.js.map

package/dist/utilities/color/setAlpha.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"setAlpha.es.js","sources":["../../../src/utilities/color/setAlpha.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\n\n/**\n * Sets alpha value and returns rgba string.\n *\n * @param {string} color Rgb or hex string.\n * @returns {String} To be used as css value.\n */\n\nexport const setAlpha = (alpha: number, color?: string): string => {\n    return new TinyColor(color).setAlpha(alpha).toRgbString();\n};\n"],"names":["setAlpha","alpha","color","TinyColor"],"mappings":";AAWO,MAAMA,IAAW,CAACC,GAAeC,MAC7B,IAAIC,EAAUD,CAAK,EAAE,SAASD,CAAK,EAAE,YAAA;"}
+{"version":3,"file":"setAlpha.es.js","names":[],"sources":["../../../src/utilities/color/setAlpha.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\n\n/**\n * Sets alpha value and returns rgba string.\n *\n * @param {string} color Rgb or hex string.\n * @returns {String} To be used as css value.\n */\n\nexport const setAlpha = (alpha: number, color?: string): string => {\n    return new TinyColor(color).setAlpha(alpha).toRgbString();\n};\n"],"mappings":";;AAWA,IAAa,KAAY,GAAe,MAC7B,IAAI,EAAU,CAAK,CAAC,CAAC,SAAS,CAAK,CAAC,CAAC,YAAY"}

package/dist/utilities/color/toColorObject.es.js

@@ -1,9 +1,15 @@
-import { TinyColor as l } from "@ctrl/tinycolor";
-const b = (o) => {
-  const { r, g: e, b: t, a: n } = new l(o);
-  return { red: r, green: e, blue: t, alpha: n };
+import { TinyColor as e } from "@ctrl/tinycolor";
+//#region src/utilities/color/toColorObject.ts
+var t = (t) => {
+	let { r: n, g: r, b: i, a } = new e(t);
+	return {
+		red: n,
+		green: r,
+		blue: i,
+		alpha: a
+	};
 };
-export {
-  b as toColorObject
-};
-//# sourceMappingURL=toColorObject.es.js.map
+//#endregion
+export { t as toColorObject };
+
+//# sourceMappingURL=toColorObject.es.js.map

package/dist/utilities/color/toColorObject.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"toColorObject.es.js","sources":["../../../src/utilities/color/toColorObject.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\n/**\n * Maps color strings to color objects.\n *\n * @param {String} String representing color\n * @returns {Color} Color object\n */\n\nexport const toColorObject = (colorString: string): Color => {\n    const { r, g, b, a } = new TinyColor(colorString);\n    return { red: r, green: g, blue: b, alpha: a };\n};\n"],"names":["toColorObject","colorString","g","b","a","TinyColor"],"mappings":";AAYO,MAAMA,IAAgB,CAACC,MAA+B;AACzD,QAAM,EAAE,GAAG,GAAAC,GAAG,GAAAC,GAAG,GAAAC,MAAM,IAAIC,EAAUJ,CAAW;AAChD,SAAO,EAAE,KAAK,GAAG,OAAOC,GAAG,MAAMC,GAAG,OAAOC,EAAA;AAC/C;"}
+{"version":3,"file":"toColorObject.es.js","names":[],"sources":["../../../src/utilities/color/toColorObject.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\n/**\n * Maps color strings to color objects.\n *\n * @param {String} String representing color\n * @returns {Color} Color object\n */\n\nexport const toColorObject = (colorString: string): Color => {\n    const { r, g, b, a } = new TinyColor(colorString);\n    return { red: r, green: g, blue: b, alpha: a };\n};\n"],"mappings":";;AAYA,IAAa,KAAiB,MAA+B;CACzD,IAAM,EAAE,MAAG,MAAG,MAAG,MAAM,IAAI,EAAU,CAAW;CAChD,OAAO;EAAE,KAAK;EAAG,OAAO;EAAG,MAAM;EAAG,OAAO;CAAE;AACjD"}

package/dist/utilities/color/toHex8String.es.js

@@ -1,7 +1,8 @@
+import { toShortRgba as e } from "./toShortRgba.es.js";
 import { TinyColor as t } from "@ctrl/tinycolor";
-import { toShortRgba as r } from "./toShortRgba.es.js";
-const e = (o) => new t(r(o)).toHex8String();
-export {
-  e as toHex8String
-};
-//# sourceMappingURL=toHex8String.es.js.map
+//#region src/utilities/color/toHex8String.ts
+var n = (n) => new t(e(n)).toHex8String();
+//#endregion
+export { n as toHex8String };
+
+//# sourceMappingURL=toHex8String.es.js.map

package/dist/utilities/color/toHex8String.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"toHex8String.es.js","sources":["../../../src/utilities/color/toHex8String.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Maps color object of rgba values to hex alpha string.\n *\n * @param {Object} Color object\n * @returns {String} To be used as css value.\n */\n\nexport const toHex8String = (color: Color): string => new TinyColor(toShortRgba(color)).toHex8String();\n"],"names":["toHex8String","color","TinyColor","toShortRgba"],"mappings":";;AAcO,MAAMA,IAAe,CAACC,MAAyB,IAAIC,EAAUC,EAAYF,CAAK,CAAC,EAAE,aAAA;"}
+{"version":3,"file":"toHex8String.es.js","names":[],"sources":["../../../src/utilities/color/toHex8String.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Maps color object of rgba values to hex alpha string.\n *\n * @param {Object} Color object\n * @returns {String} To be used as css value.\n */\n\nexport const toHex8String = (color: Color): string => new TinyColor(toShortRgba(color)).toHex8String();\n"],"mappings":";;;AAcA,IAAa,KAAgB,MAAyB,IAAI,EAAU,EAAY,CAAK,CAAC,CAAC,CAAC,aAAa"}

package/dist/utilities/color/toHexString.es.js

@@ -1,7 +1,8 @@
+import { toShortRgba as e } from "./toShortRgba.es.js";
 import { TinyColor as t } from "@ctrl/tinycolor";
-import { toShortRgba as r } from "./toShortRgba.es.js";
-const e = (o) => new t(r(o)).toHexString();
-export {
-  e as toHexString
-};
-//# sourceMappingURL=toHexString.es.js.map
+//#region src/utilities/color/toHexString.ts
+var n = (n) => new t(e(n)).toHexString();
+//#endregion
+export { n as toHexString };
+
+//# sourceMappingURL=toHexString.es.js.map

package/dist/utilities/color/toHexString.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"toHexString.es.js","sources":["../../../src/utilities/color/toHexString.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Maps color object of rgba values to hex alpha string.\n */\nexport const toHexString = (color: Color): string => new TinyColor(toShortRgba(color)).toHexString();\n"],"names":["toHexString","color","TinyColor","toShortRgba"],"mappings":";;AAUO,MAAMA,IAAc,CAACC,MAAyB,IAAIC,EAAUC,EAAYF,CAAK,CAAC,EAAE,YAAA;"}
+{"version":3,"file":"toHexString.es.js","names":[],"sources":["../../../src/utilities/color/toHexString.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Maps color object of rgba values to hex alpha string.\n */\nexport const toHexString = (color: Color): string => new TinyColor(toShortRgba(color)).toHexString();\n"],"mappings":";;;AAUA,IAAa,KAAe,MAAyB,IAAI,EAAU,EAAY,CAAK,CAAC,CAAC,CAAC,YAAY"}

package/dist/utilities/color/toRgbaString.es.js

@@ -1,7 +1,8 @@
+import { toShortRgba as e } from "./toShortRgba.es.js";
 import { TinyColor as t } from "@ctrl/tinycolor";
-import { toShortRgba as r } from "./toShortRgba.es.js";
-const n = (o) => new t(r(o)).toRgbString();
-export {
-  n as toRgbaString
-};
-//# sourceMappingURL=toRgbaString.es.js.map
+//#region src/utilities/color/toRgbaString.ts
+var n = (n) => new t(e(n)).toRgbString();
+//#endregion
+export { n as toRgbaString };
+
+//# sourceMappingURL=toRgbaString.es.js.map

package/dist/utilities/color/toRgbaString.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"toRgbaString.es.js","sources":["../../../src/utilities/color/toRgbaString.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Maps color object of rgba values to rgba string.\n *\n * @param {Object} Color object\n * @returns {String} To be used as css value.\n */\n\nexport const toRgbaString = (color: Color): string => new TinyColor(toShortRgba(color)).toRgbString();\n"],"names":["toRgbaString","color","TinyColor","toShortRgba"],"mappings":";;AAcO,MAAMA,IAAe,CAACC,MAAyB,IAAIC,EAAUC,EAAYF,CAAK,CAAC,EAAE,YAAA;"}
+{"version":3,"file":"toRgbaString.es.js","names":[],"sources":["../../../src/utilities/color/toRgbaString.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Maps color object of rgba values to rgba string.\n *\n * @param {Object} Color object\n * @returns {String} To be used as css value.\n */\n\nexport const toRgbaString = (color: Color): string => new TinyColor(toShortRgba(color)).toRgbString();\n"],"mappings":";;;AAcA,IAAa,KAAgB,MAAyB,IAAI,EAAU,EAAY,CAAK,CAAC,CAAC,CAAC,YAAY"}

package/dist/utilities/color/toShortRgba.es.js

@@ -1,11 +1,18 @@
-const a = (e) => {
-  const n = (r) => typeof r == "object" && ["red", "green", "blue"].every((s) => r.hasOwnProperty(s)), o = (r) => {
-    const t = typeof r.alpha == "number" ? r.alpha : 1;
-    return { r: r.red, g: r.green, b: r.blue, a: t };
-  };
-  return n(e) ? o(e) : e;
-};
-export {
-  a as toShortRgba
-};
-//# sourceMappingURL=toShortRgba.es.js.map
+//#region src/utilities/color/toShortRgba.ts
+var e = (e) => ((e) => typeof e == "object" && [
+	"red",
+	"green",
+	"blue"
+].every((t) => e.hasOwnProperty(t)))(e) ? ((e) => {
+	let t = typeof e.alpha == "number" ? e.alpha : 1;
+	return {
+		r: e.red,
+		g: e.green,
+		b: e.blue,
+		a: t
+	};
+})(e) : e;
+//#endregion
+export { e as toShortRgba };
+
+//# sourceMappingURL=toShortRgba.es.js.map

package/dist/utilities/color/toShortRgba.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"toShortRgba.es.js","sources":["../../../src/utilities/color/toShortRgba.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\n\ntype ShortNotationColor = {\n    r: number;\n    g: number;\n    b: number;\n    a?: number;\n};\n\n/**\n * Maps color object from long to short rgba notation.\n *\n * @param {Object} Color object\n * @returns {Object} ShortNotationColor object\n */\n\nexport const toShortRgba = (color: unknown): ShortNotationColor => {\n    const isRgbaLongFormat = (value: Color) => {\n        const requiredKeys = ['red', 'green', 'blue'];\n        return typeof value === 'object' && requiredKeys.every((i) => value.hasOwnProperty(i));\n    };\n\n    const mapToShortFormat = (value: Color): ShortNotationColor => {\n        const alpha = typeof value.alpha === 'number' ? value.alpha : 1;\n        return { r: value.red, g: value.green, b: value.blue, a: alpha };\n    };\n\n    if (isRgbaLongFormat(color as Color)) {\n        return mapToShortFormat(color as Color);\n    }\n\n    return color as ShortNotationColor;\n};\n"],"names":["toShortRgba","color","isRgbaLongFormat","value","i","mapToShortFormat","alpha"],"mappings":"AAkBO,MAAMA,IAAc,CAACC,MAAuC;AAC/D,QAAMC,IAAmB,CAACC,MAEf,OAAOA,KAAU,YADH,CAAC,OAAO,SAAS,MAAM,EACK,MAAM,CAACC,MAAMD,EAAM,eAAeC,CAAC,CAAC,GAGnFC,IAAmB,CAACF,MAAqC;AAC3D,UAAMG,IAAQ,OAAOH,EAAM,SAAU,WAAWA,EAAM,QAAQ;AAC9D,WAAO,EAAE,GAAGA,EAAM,KAAK,GAAGA,EAAM,OAAO,GAAGA,EAAM,MAAM,GAAGG,EAAA;AAAA,EAC7D;AAEA,SAAIJ,EAAiBD,CAAc,IACxBI,EAAiBJ,CAAc,IAGnCA;AACX;"}
+{"version":3,"file":"toShortRgba.es.js","names":[],"sources":["../../../src/utilities/color/toShortRgba.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\n\ntype ShortNotationColor = {\n    r: number;\n    g: number;\n    b: number;\n    a?: number;\n};\n\n/**\n * Maps color object from long to short rgba notation.\n *\n * @param {Object} Color object\n * @returns {Object} ShortNotationColor object\n */\n\nexport const toShortRgba = (color: unknown): ShortNotationColor => {\n    const isRgbaLongFormat = (value: Color) => {\n        const requiredKeys = ['red', 'green', 'blue'];\n        return typeof value === 'object' && requiredKeys.every((i) => value.hasOwnProperty(i));\n    };\n\n    const mapToShortFormat = (value: Color): ShortNotationColor => {\n        const alpha = typeof value.alpha === 'number' ? value.alpha : 1;\n        return { r: value.red, g: value.green, b: value.blue, a: alpha };\n    };\n\n    if (isRgbaLongFormat(color as Color)) {\n        return mapToShortFormat(color as Color);\n    }\n\n    return color as ShortNotationColor;\n};\n"],"mappings":";AAkBA,IAAa,KAAe,QACE,MAEf,OAAO,KAAU,YAAY;CADd;CAAO;CAAS;AACF,CAAA,CAAa,OAAO,MAAM,EAAM,eAAe,CAAC,CAAC,EAQrF,CAAiB,CAAc,MALT,MAAqC;CAC3D,IAAM,IAAQ,OAAO,EAAM,SAAU,WAAW,EAAM,QAAQ;CAC9D,OAAO;EAAE,GAAG,EAAM;EAAK,GAAG,EAAM;EAAO,GAAG,EAAM;EAAM,GAAG;CAAM;AACnE,EAGW,CAAiB,CAAc,IAGnC"}

package/dist/utilities/react/getBackgroundColorStyles.es.js

@@ -1,8 +1,7 @@
-import { toRgbaString as r } from "../color/toRgbaString.es.js";
-const g = (o) => ({
-  backgroundColor: r(o)
-});
-export {
-  g as getBackgroundColorStyles
-};
-//# sourceMappingURL=getBackgroundColorStyles.es.js.map
+import { toRgbaString as e } from "../color/toRgbaString.es.js";
+//#region src/utilities/react/getBackgroundColorStyles.ts
+var t = (t) => ({ backgroundColor: e(t) });
+//#endregion
+export { t as getBackgroundColorStyles };
+
+//# sourceMappingURL=getBackgroundColorStyles.es.js.map

package/dist/utilities/react/getBackgroundColorStyles.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBackgroundColorStyles.es.js","sources":["../../../src/utilities/react/getBackgroundColorStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\nimport { type CSSProperties } from 'react';\n\nimport { toRgbaString } from '../color';\n\nexport const getBackgroundColorStyles = (backgroundColor: Color): CSSProperties => ({\n    backgroundColor: toRgbaString(backgroundColor),\n});\n"],"names":["getBackgroundColorStyles","backgroundColor","toRgbaString"],"mappings":";AAOO,MAAMA,IAA2B,CAACC,OAA2C;AAAA,EAChF,iBAAiBC,EAAaD,CAAe;AACjD;"}
+{"version":3,"file":"getBackgroundColorStyles.es.js","names":[],"sources":["../../../src/utilities/react/getBackgroundColorStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\nimport { type CSSProperties } from 'react';\n\nimport { toRgbaString } from '../color';\n\nexport const getBackgroundColorStyles = (backgroundColor: Color): CSSProperties => ({\n    backgroundColor: toRgbaString(backgroundColor),\n});\n"],"mappings":";;AAOA,IAAa,KAA4B,OAA2C,EAChF,iBAAiB,EAAa,CAAe,EACjD"}

package/dist/utilities/react/getBorderStyles.es.js

@@ -1,12 +1,13 @@
-import { BORDER_COLOR_DEFAULT_VALUE as e } from "../../settings/defaultValues.es.js";
-import { BorderStyle as d, borderStyleMap as l } from "../../settings/types.es.js";
-import { toRgbaString as m } from "../color/toRgbaString.es.js";
-const b = (r = d.Solid, o = "1px", t = e) => ({
-  borderStyle: l[r],
-  borderWidth: o,
-  borderColor: m(t)
+import { toRgbaString as e } from "../color/toRgbaString.es.js";
+import { BORDER_COLOR_DEFAULT_VALUE as t } from "../../settings/defaultValues.es.js";
+import { BorderStyle as n, borderStyleMap as r } from "../../settings/types.es.js";
+//#region src/utilities/react/getBorderStyles.ts
+var i = (i = n.Solid, a = "1px", o = t) => ({
+	borderStyle: r[i],
+	borderWidth: a,
+	borderColor: e(o)
 });
-export {
-  b as getBorderStyles
-};
-//# sourceMappingURL=getBorderStyles.es.js.map
+//#endregion
+export { i as getBorderStyles };
+
+//# sourceMappingURL=getBorderStyles.es.js.map

package/dist/utilities/react/getBorderStyles.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBorderStyles.es.js","sources":["../../../src/utilities/react/getBorderStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\nimport { type CSSProperties } from 'react';\n\nimport { BORDER_COLOR_DEFAULT_VALUE } from '../../settings/defaultValues';\nimport { BorderStyle, borderStyleMap } from '../../settings/types';\nimport { toRgbaString } from '../color';\n\nexport const getBorderStyles = (\n    style = BorderStyle.Solid,\n    borderWidth = '1px',\n    color = BORDER_COLOR_DEFAULT_VALUE as Color,\n): CSSProperties => {\n    return {\n        borderStyle: borderStyleMap[style],\n        borderWidth,\n        borderColor: toRgbaString(color),\n    };\n};\n"],"names":["getBorderStyles","style","BorderStyle","borderWidth","color","BORDER_COLOR_DEFAULT_VALUE","borderStyleMap","toRgbaString"],"mappings":";;;AASO,MAAMA,IAAkB,CAC3BC,IAAQC,EAAY,OACpBC,IAAc,OACdC,IAAQC,OAED;AAAA,EACH,aAAaC,EAAeL,CAAK;AAAA,EACjC,aAAAE;AAAA,EACA,aAAaI,EAAaH,CAAK;AAAA;"}
+{"version":3,"file":"getBorderStyles.es.js","names":[],"sources":["../../../src/utilities/react/getBorderStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\nimport { type CSSProperties } from 'react';\n\nimport { BORDER_COLOR_DEFAULT_VALUE } from '../../settings/defaultValues';\nimport { BorderStyle, borderStyleMap } from '../../settings/types';\nimport { toRgbaString } from '../color';\n\nexport const getBorderStyles = (\n    style = BorderStyle.Solid,\n    borderWidth = '1px',\n    color = BORDER_COLOR_DEFAULT_VALUE as Color,\n): CSSProperties => {\n    return {\n        borderStyle: borderStyleMap[style],\n        borderWidth,\n        borderColor: toRgbaString(color),\n    };\n};\n"],"mappings":";;;;AASA,IAAa,KACT,IAAQ,EAAY,OACpB,IAAc,OACd,IAAQ,OAED;CACH,aAAa,EAAe;CAC5B;CACA,aAAa,EAAa,CAAK;AACnC"}

package/dist/utilities/react/getRadiusStyles.es.js

@@ -1,8 +1,7 @@
-import { radiusStyleMap as t } from "../../settings/types.es.js";
-const o = (e, r = !1, s) => ({
-  borderRadius: r ? s : t[e]
-});
-export {
-  o as getRadiusStyles
-};
-//# sourceMappingURL=getRadiusStyles.es.js.map
+import { radiusStyleMap as e } from "../../settings/types.es.js";
+//#region src/utilities/react/getRadiusStyles.ts
+var t = (t, n = !1, r) => ({ borderRadius: n ? r : e[t] });
+//#endregion
+export { t as getRadiusStyles };
+
+//# sourceMappingURL=getRadiusStyles.es.js.map

package/dist/utilities/react/getRadiusStyles.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRadiusStyles.es.js","sources":["../../../src/utilities/react/getRadiusStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type CSSProperties } from 'react';\n\nimport { type Radius, radiusStyleMap } from '../../settings/types';\n\nexport const getRadiusStyles = (radiusChoice: Radius, hasRadius = false, radiusValue?: number): CSSProperties => ({\n    borderRadius: hasRadius ? radiusValue : radiusStyleMap[radiusChoice],\n});\n"],"names":["getRadiusStyles","radiusChoice","hasRadius","radiusValue","radiusStyleMap"],"mappings":";AAMO,MAAMA,IAAkB,CAACC,GAAsBC,IAAY,IAAOC,OAAyC;AAAA,EAC9G,cAAcD,IAAYC,IAAcC,EAAeH,CAAY;AACvE;"}
+{"version":3,"file":"getRadiusStyles.es.js","names":[],"sources":["../../../src/utilities/react/getRadiusStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type CSSProperties } from 'react';\n\nimport { type Radius, radiusStyleMap } from '../../settings/types';\n\nexport const getRadiusStyles = (radiusChoice: Radius, hasRadius = false, radiusValue?: number): CSSProperties => ({\n    borderRadius: hasRadius ? radiusValue : radiusStyleMap[radiusChoice],\n});\n"],"mappings":";;AAMA,IAAa,KAAmB,GAAsB,IAAY,IAAO,OAAyC,EAC9G,cAAc,IAAY,IAAc,EAAe,GAC3D"}

package/dist/utilities/react/joinClassNames.es.js

@@ -1,5 +1,6 @@
-const e = (o) => o.filter(Boolean).join(" ");
-export {
-  e as joinClassNames
-};
-//# sourceMappingURL=joinClassNames.es.js.map
+//#region src/utilities/react/joinClassNames.ts
+var e = (e) => e.filter(Boolean).join(" ");
+//#endregion
+export { e as joinClassNames };
+
+//# sourceMappingURL=joinClassNames.es.js.map

package/dist/utilities/react/joinClassNames.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"joinClassNames.es.js","sources":["../../../src/utilities/react/joinClassNames.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\n/**\n * Cleans and joins an array of inputs with possible undefined or boolean values.\n *\n * @param {Array} classNames Array of class names\n * @returns Clean string to be used for class name.\n */\nexport const joinClassNames = (classNames: (string | undefined | boolean)[]): string =>\n    classNames.filter(Boolean).join(' ');\n"],"names":["joinClassNames","classNames"],"mappings":"AAQO,MAAMA,IAAiB,CAACC,MAC3BA,EAAW,OAAO,OAAO,EAAE,KAAK,GAAG;"}
+{"version":3,"file":"joinClassNames.es.js","names":[],"sources":["../../../src/utilities/react/joinClassNames.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\n/**\n * Cleans and joins an array of inputs with possible undefined or boolean values.\n *\n * @param {Array} classNames Array of class names\n * @returns Clean string to be used for class name.\n */\nexport const joinClassNames = (classNames: (string | undefined | boolean)[]): string =>\n    classNames.filter(Boolean).join(' ');\n"],"mappings":";AAQA,IAAa,KAAkB,MAC3B,EAAW,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frontify/guideline-blocks-settings",
   "type": "module",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "description": "Provides types and helpers for the guideline block development",
   "author": "Frontify Developers <developers@frontify.com>",
   "repository": {
@@ -38,56 +38,55 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
-    "@frontify/fondue": "^13.7.0",
-    "@react-aria/focus": "^3.21.5",
-    "@react-stately/overlays": "^3.6.23",
+    "@frontify/fondue": "^13.7.5",
     "@tailwindcss/container-queries": "^0.1.1",
     "@frontify/sidebar-settings": "^0.12.0"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
-    "@frontify/eslint-config-react": "^1.0.15",
+    "@frontify/oxfmt-config": "^0.0.2",
+    "@frontify/oxlint-config-react": "^0.0.2",
+    "@microsoft/api-extractor": "^7.58.12",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "14.6.1",
+    "@testing-library/user-event": "14.6.6",
     "@tony.ganchev/eslint-plugin-header": "^3.4.4",
     "@types/node": "^24.11.0",
     "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
     "@types/sinon": "^21.0.0",
     "@vitejs/plugin-react": "^5.2.0",
-    "@vitest/ui": "^4.1.5",
+    "@vitest/ui": "^4.1.10",
     "autoprefixer": "^10.4.27",
-    "cypress": "^15.13.0",
-    "cypress-real-events": "^1.15.0",
-    "eslint": "^10.2.1",
+    "eslint-plugin-tailwindcss": "^3.18.3",
     "happy-dom": "^20.9.0",
     "mitt": "^3.0.1",
     "msw": "^2.12.14",
+    "oxfmt": "^0.63.0",
+    "oxlint": "^1.78.0",
+    "oxlint-tsgolint": "^7.0.2001",
     "postcss": "^8.5.9",
-    "prettier": "^3.8.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rollup": "^4.60.1",
     "sinon": "21.0.3",
     "tailwindcss": "^3.4.18",
     "typescript": "^5.9.3",
-    "vite": "^7.3.2",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-externalize-deps": "^0.10.0",
+    "vite": "^8.2.1",
+    "vite-plugin-dts": "^5.0.3",
     "vite-plugin-externals": "^0.6.2",
-    "vitest": "^4.1.5"
+    "vitest": "^4.1.10"
   },
   "scripts": {
     "build": "vite build",
     "dev": "vite build --watch",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
-    "prettier": "prettier --check .",
-    "prettier:fix": "prettier --write .",
+    "lint": "oxlint --type-aware",
+    "lint:fix": "oxlint --type-aware --fix",
     "test": "vitest run --silent",
     "test:watch": "vitest",
     "test:ui": "vitest --ui",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "format": "oxfmt",
+    "format:check": "oxfmt --check"
   }
 }

package/dist/components/Link/LinkSelector/LinkSelector.es.js

@@ -1,72 +0,0 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Dialog as n, Button as d, ScrollArea as C } from "@frontify/fondue/components";
-import { IconLink as P } from "@frontify/fondue/icons";
-import { useState as p, useEffect as x } from "react";
-/* empty css                    */
-import { DocumentLinks as L } from "./DocumentLinks.es.js";
-const I = ({
-  url: t,
-  onUrlChange: h,
-  buttonSize: s = "medium",
-  getAllDocuments: m,
-  getDocumentPagesByDocumentId: f,
-  getDocumentSectionsByDocumentPageId: u
-}) => {
-  const [g, l] = p(!1), [r, a] = p(t), k = (o) => {
-    a(o);
-  }, D = (o) => {
-    o.key === "Enter" && (o.preventDefault(), c());
-  };
-  x(() => {
-    t && !r && a(t);
-  }, [t, r]);
-  const c = () => {
-    h?.(r), l(!1);
-  }, y = {
-    onOpenAutoFocus: () => {
-    },
-    showUnderlay: !0,
-    "data-is-underlay": !0,
-    minWidth: "800px"
-  };
-  return (
-    // eslint-disable-next-line jsx-a11y-x/no-static-element-interactions
-    /* @__PURE__ */ e(
-      "div",
-      {
-        onPointerDown: (o) => {
-          o.preventDefault();
-        },
-        "data-test-id": "internal-link-selector",
-        onKeyDown: D,
-        children: /* @__PURE__ */ i(n.Root, { modal: !0, open: g, onOpenChange: l, children: [
-          /* @__PURE__ */ e(n.Trigger, { asChild: !0, children: /* @__PURE__ */ i(d, { size: s, emphasis: "default", children: [
-            /* @__PURE__ */ e(P, { size: "20" }),
-            "Internal link"
-          ] }) }),
-          /* @__PURE__ */ i(n.Content, { ...y, children: [
-            /* @__PURE__ */ e(n.Header, { children: /* @__PURE__ */ e(n.Title, { children: "Select internal link" }) }),
-            /* @__PURE__ */ e(n.Body, { padding: "none", children: /* @__PURE__ */ e(C, { padding: "compact", children: /* @__PURE__ */ e(
-              L,
-              {
-                selectedUrl: r,
-                onSelectUrl: k,
-                getAllDocuments: m,
-                getDocumentPagesByDocumentId: f,
-                getDocumentSectionsByDocumentPageId: u
-              }
-            ) }) }),
-            /* @__PURE__ */ i(n.Footer, { children: [
-              /* @__PURE__ */ e(d, { size: s, emphasis: "default", onPress: () => l(!1), children: "Cancel" }),
-              /* @__PURE__ */ e(d, { size: s, disabled: !r, emphasis: "strong", onPress: () => c(), children: "Choose" })
-            ] })
-          ] })
-        ] })
-      }
-    )
-  );
-};
-export {
-  I as LinkSelector
-};
-//# sourceMappingURL=LinkSelector.es.js.map

package/dist/components/Link/LinkSelector/LinkSelector.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkSelector.es.js","sources":["../../../../src/components/Link/LinkSelector/LinkSelector.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Document, type DocumentPage, type DocumentSection } from '@frontify/app-bridge';\nimport { Button, Dialog, ScrollArea } from '@frontify/fondue/components';\nimport { IconLink } from '@frontify/fondue/icons';\nimport { type KeyboardEvent, type ReactElement, useEffect, useState } from 'react';\n\nimport './LinkSelector.css';\nimport { DocumentLinks } from './DocumentLinks';\n\ntype LinkSelectorProps = {\n    url: string;\n    onUrlChange?: (value: string) => void;\n    buttonSize?: 'small' | 'medium' | 'large';\n    getAllDocuments: () => Promise<Document[]>;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const LinkSelector = ({\n    url,\n    onUrlChange,\n    buttonSize = 'medium',\n    getAllDocuments,\n    getDocumentPagesByDocumentId,\n    getDocumentSectionsByDocumentPageId,\n}: LinkSelectorProps): ReactElement => {\n    const [isModalOpen, setIsModalOpen] = useState(false);\n    const [selectedUrl, setSelectedUrl] = useState<string>(url);\n\n    const onSelectUrl = (url: string) => {\n        setSelectedUrl(url);\n    };\n\n    const onPressEnter = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            saveLink();\n        }\n    };\n\n    useEffect(() => {\n        if (url && !selectedUrl) {\n            // eslint-disable-next-line @eslint-react/set-state-in-effect\n            setSelectedUrl(url);\n        }\n    }, [url, selectedUrl]);\n\n    const saveLink = () => {\n        onUrlChange?.(selectedUrl);\n        setIsModalOpen(false);\n    };\n\n    const dialogProps = {\n        onOpenAutoFocus: () => {},\n        showUnderlay: true,\n        'data-is-underlay': true,\n        minWidth: '800px',\n    };\n\n    return (\n        // eslint-disable-next-line jsx-a11y-x/no-static-element-interactions\n        <div\n            onPointerDown={(event) => {\n                event.preventDefault();\n            }}\n            data-test-id=\"internal-link-selector\"\n            onKeyDown={onPressEnter}\n        >\n            <Dialog.Root modal open={isModalOpen} onOpenChange={setIsModalOpen}>\n                <Dialog.Trigger asChild>\n                    <Button size={buttonSize} emphasis=\"default\">\n                        <IconLink size=\"20\" />\n                        Internal link\n                    </Button>\n                </Dialog.Trigger>\n                <Dialog.Content {...dialogProps}>\n                    <Dialog.Header>\n                        <Dialog.Title>Select internal link</Dialog.Title>\n                    </Dialog.Header>\n                    <Dialog.Body padding=\"none\">\n                        <ScrollArea padding=\"compact\">\n                            <DocumentLinks\n                                selectedUrl={selectedUrl}\n                                onSelectUrl={onSelectUrl}\n                                getAllDocuments={getAllDocuments}\n                                getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                                getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                            />\n                        </ScrollArea>\n                    </Dialog.Body>\n                    <Dialog.Footer>\n                        <Button size={buttonSize} emphasis=\"default\" onPress={() => setIsModalOpen(false)}>\n                            Cancel\n                        </Button>\n                        <Button size={buttonSize} disabled={!selectedUrl} emphasis=\"strong\" onPress={() => saveLink()}>\n                            Choose\n                        </Button>\n                    </Dialog.Footer>\n                </Dialog.Content>\n            </Dialog.Root>\n        </div>\n    );\n};\n"],"names":["LinkSelector","url","onUrlChange","buttonSize","getAllDocuments","getDocumentPagesByDocumentId","getDocumentSectionsByDocumentPageId","isModalOpen","setIsModalOpen","useState","selectedUrl","setSelectedUrl","onSelectUrl","onPressEnter","event","saveLink","useEffect","dialogProps","jsx","jsxs","Dialog","Button","IconLink","ScrollArea","DocumentLinks"],"mappings":";;;;;;AAmBO,MAAMA,IAAe,CAAC;AAAA,EACzB,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,iBAAAC;AAAA,EACA,8BAAAC;AAAA,EACA,qCAAAC;AACJ,MAAuC;AACnC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAaC,CAAc,IAAIF,EAAiBR,CAAG,GAEpDW,IAAc,CAACX,MAAgB;AACjC,IAAAU,EAAeV,CAAG;AAAA,EACtB,GAEMY,IAAe,CAACC,MAA2C;AAC7D,IAAIA,EAAM,QAAQ,YACdA,EAAM,eAAA,GACNC,EAAA;AAAA,EAER;AAEA,EAAAC,EAAU,MAAM;AACZ,IAAIf,KAAO,CAACS,KAERC,EAAeV,CAAG;AAAA,EAE1B,GAAG,CAACA,GAAKS,CAAW,CAAC;AAErB,QAAMK,IAAW,MAAM;AACnB,IAAAb,IAAcQ,CAAW,GACzBF,EAAe,EAAK;AAAA,EACxB,GAEMS,IAAc;AAAA,IAChB,iBAAiB,MAAM;AAAA,IAAC;AAAA,IACxB,cAAc;AAAA,IACd,oBAAoB;AAAA,IACpB,UAAU;AAAA,EAAA;AAGd;AAAA;AAAA,IAEI,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,eAAe,CAACJ,MAAU;AACtB,UAAAA,EAAM,eAAA;AAAA,QACV;AAAA,QACA,gBAAa;AAAA,QACb,WAAWD;AAAA,QAEX,UAAA,gBAAAM,EAACC,EAAO,MAAP,EAAY,OAAK,IAAC,MAAMb,GAAa,cAAcC,GAChD,UAAA;AAAA,UAAA,gBAAAU,EAACE,EAAO,SAAP,EAAe,SAAO,IACnB,4BAACC,GAAA,EAAO,MAAMlB,GAAY,UAAS,WAC/B,UAAA;AAAA,YAAA,gBAAAe,EAACI,GAAA,EAAS,MAAK,KAAA,CAAK;AAAA,YAAE;AAAA,UAAA,EAAA,CAE1B,EAAA,CACJ;AAAA,UACA,gBAAAH,EAACC,EAAO,SAAP,EAAgB,GAAGH,GAChB,UAAA;AAAA,YAAA,gBAAAC,EAACE,EAAO,QAAP,EACG,UAAA,gBAAAF,EAACE,EAAO,OAAP,EAAa,kCAAoB,EAAA,CACtC;AAAA,YACA,gBAAAF,EAACE,EAAO,MAAP,EAAY,SAAQ,QACjB,UAAA,gBAAAF,EAACK,GAAA,EAAW,SAAQ,WAChB,UAAA,gBAAAL;AAAA,cAACM;AAAA,cAAA;AAAA,gBACG,aAAAd;AAAA,gBACA,aAAAE;AAAA,gBACA,iBAAAR;AAAA,gBACA,8BAAAC;AAAA,gBACA,qCAAAC;AAAA,cAAA;AAAA,YAAA,GAER,EAAA,CACJ;AAAA,YACA,gBAAAa,EAACC,EAAO,QAAP,EACG,UAAA;AAAA,cAAA,gBAAAF,EAACG,GAAA,EAAO,MAAMlB,GAAY,UAAS,WAAU,SAAS,MAAMK,EAAe,EAAK,GAAG,UAAA,SAAA,CAEnF;AAAA,cACA,gBAAAU,EAACG,GAAA,EAAO,MAAMlB,GAAY,UAAU,CAACO,GAAa,UAAS,UAAS,SAAS,MAAMK,EAAA,GAAY,UAAA,SAAA,CAE/F;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA;AAGZ;"}