@frontify/fondue-components 27.0.1 → 28.0.0

package/dist/fondue-components50.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components50.js","sources":["../src/components/ColorPicker/utils.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorFormat, type RgbaColor } from './types';\n\nexport const DEFAULT_COLOR = { red: 255, green: 255, blue: 255, alpha: 1, name: '' };\nexport const DEFAULT_FORMAT = 'HEX';\n\n/**\n * Converts a color object to a CSS color string.\n * @param {RgbaColor} color - The color object to be converted.\n * @returns {string}\n * @example\n * colorToCss({ red: 255, green: 255, blue: 255, alpha: 1 }); // 'rgba(255, 255, 255, 1)'\n * @example\n * colorToCss({ red: 255, green: 87, blue: 51, alpha: 1 }); // 'rgba(255, 87, 51, 1)'\n * @example\n * colorToCss({ red: 0, green: 0, blue: 0, alpha: 0 }); // 'rgba(0, 0, 0, 0)'\n */\nexport const colorToCss = (color?: RgbaColor) => {\n    if (!color) {\n        return undefined;\n    }\n    return `rgba(${color.red}, ${color.green}, ${color.blue}, ${color.alpha ?? 1})`;\n};\n\n/**\n * Checks if a string is a valid hexadecimal color code. This function accepts\n * both three-digit and six-digit hex codes without the '#' symbol.\n * @param {string} color - The color code to be checked.\n * @returns {boolean}\n * @example\n * isValidHexColor('FFF'); // true\n * @example\n * isValidHexColor('FF5733'); // true\n * @example\n * isValidHexColor('XYZ'); // false\n */\nexport const isValidHexColor = (color: string): boolean => {\n    const hexRegex = /^([\\dA-Fa-f]{3}){1,2}$/;\n    return color.length > 2 && hexRegex.test(color);\n};\n\n/**\n * Converts a hexadecimal color code to an RGBA color object. This function accepts\n * both three-digit and six-digit hex codes without the '#' symbol.\n * @param {string} hex - The hex code, either 3 or 6 characters long. Characters should be from the set [0-9A-Fa-f].\n * @returns {RgbaColor}\n * @example\n * hexColorToRgba('FFF'); // { red: 255, green: 255, blue: 255, alpha: 1 }\n * @example\n * hexColorToRgba('FF5733'); // { red: 255, green: 87, blue: 51, alpha: 1 }\n * @example\n * hexColorToRgba('XYZ'); // { red: 0, green: 0, blue: 0, alpha: 0 }\n */\nexport const hexColorToRgba = (hex: string): RgbaColor => {\n    const hexRegex = /^([\\dA-Fa-f]{3}){1,2}$/;\n    const matches = hex.match(hexRegex);\n    if (!matches) {\n        return {\n            red: 0,\n            green: 0,\n            blue: 0,\n            alpha: 0,\n        };\n    }\n    const hexColor = matches[0];\n    if (hexColor.length === 3) {\n        return {\n            red: parseInt(`${hexColor[0]}${hexColor[0]}`, 16),\n            green: parseInt(`${hexColor[1]}${hexColor[1]}`, 16),\n            blue: parseInt(`${hexColor[2]}${hexColor[2]}`, 16),\n            alpha: 1,\n        };\n    }\n    return {\n        red: parseInt(hexColor.slice(0, 2), 16),\n        green: parseInt(hexColor.slice(2, 4), 16),\n        blue: parseInt(hexColor.slice(4, 6), 16),\n        alpha: 1,\n    };\n};\n\n/**\n * Converts an RGBA color object to a hexadecimal color code. This function returns a\n * six-digit hex code without the '#' symbol.\n * @param {RgbaColor} rgb - The RGBA color object.\n * @returns {string}\n * @example\n * rgbColorToHex({ red: 255, green: 255, blue: 255, alpha: 1 }); // '#FFFFFF'\n * @example\n * rgbColorToHex({ red: 255, green: 87, blue: 51, alpha: 1 }); // '#FF5733'\n * @example\n * rgbColorToHex({ red: 0, green: 0, blue: 0, alpha: 0 }); // '#000000'\n */\nexport const rgbColorToHex = (rgb: Omit<RgbaColor, 'alpha'>): string => {\n    const { red, green, blue } = rgb;\n    return `${red.toString(16).padStart(2, '0')}${green.toString(16).padStart(2, '0')}${blue.toString(16).padStart(2, '0')}`;\n};\n\n/**\n * Returns a hex color display name with alpha percentage if alpha < 100%.\n * @param {RgbaColor} color - The RGBA color object.\n * @returns {string}\n * @example\n * getHexDisplayName({ red: 255, green: 255, blue: 255, alpha: 1 }); // '#FFFFFF'\n * @example\n * getHexDisplayName({ red: 255, green: 255, blue: 255, alpha: 0.9 }); // '#FFFFFF 90%'\n * @example\n * getHexDisplayName({ red: 255, green: 87, blue: 51, alpha: 0.84 }); // '#FF5733 84%'\n */\nexport const getHexDisplayName = (color: RgbaColor): string => {\n    const hexValue = rgbColorToHex(color);\n    const alpha = color.alpha ?? 1;\n\n    if (alpha < 1) {\n        const alphaPercentage = Math.round(alpha * 100);\n        return `#${hexValue} ${alphaPercentage}%`;\n    }\n\n    return `#${hexValue}`;\n};\n\n/**\n * Returns a color object with a name property based on the provided color and format.\n * @param {RgbaColor} color - The RGBA color object.\n * @param {ColorFormat} currentFormat - The current format of the color.\n * @returns {RgbaColor}\n * @example\n * getColorWithName({ red: 255, green: 255, blue: 255, alpha: 1 }, 'HEX'); // { red: 255, green: 255, blue: 255, alpha: 1, name: '#FFFFFF' }\n * @example\n * getColorWithName({ red: 255, green: 255, blue: 255, alpha: 0.9 }, 'HEX'); // { red: 255, green: 255, blue: 255, alpha: 0.9, name: '#FFFFFF 90%' }\n * @example\n * getColorWithName({ red: 255, green: 255, blue: 255, alpha: 1 }, 'RGBA'); // { red: 255, green: 255, blue: 255, alpha: 1, name: 'rgba(255, 255, 255, 1)' }\n * @example\n * getColorWithName({ red: 255, green: 87, blue: 51, alpha: 1 }, 'RGBA'); // { red: 255, green: 87, blue: 51, alpha: 1, name: 'rgba(255, 87, 51, 1)' }\n */\nexport const getColorWithName = (color: RgbaColor, currentFormat: ColorFormat) => {\n    if (currentFormat === 'HEX') {\n        return {\n            ...color,\n            name: getHexDisplayName(color),\n        };\n    }\n    return {\n        ...color,\n        name: `rgba(${color.red}, ${color.green}, ${color.blue}, ${color.alpha ?? 1})`,\n    };\n};\n\n/**\n * Returns a number between a minimum and maximum value, inclusive.\n * @param {string} value - The value to be limited.\n * @param {number} [min=0] - The minimum value (inclusive).\n * @param {number} [max=255] - The maximum value (inclusive).\n * @returns {number}\n * @example\n * getLimitedColorChannelValue('255'); // 255\n * @example\n * getLimitedColorChannelValue('100'); // 100\n * @example\n * getLimitedColorChannelValue('0'); // 0\n * @example\n * getLimitedColorChannelValue('500'); // 255\n * @example\n * getLimitedColorChannelValue('500', 0, 100); // 100\n */\nexport const getLimitedColorChannelValue = (value: string, min: number = 0, max: number = 255): number => {\n    if (value.length === 0 || parseInt(value) < min) {\n        return min;\n    } else if (parseInt(value) > max) {\n        return max;\n    }\n    return parseInt(value);\n};\n"],"names":["DEFAULT_COLOR","DEFAULT_FORMAT","colorToCss","color","isValidHexColor","hexRegex","hexColorToRgba","hex","matches","hexColor","rgbColorToHex","rgb","red","green","blue","getHexDisplayName","hexValue","alpha","alphaPercentage","getColorWithName","currentFormat","getLimitedColorChannelValue","value","min","max"],"mappings":"AAIO,MAAMA,IAAgB,EAAE,KAAK,KAAK,OAAO,KAAK,MAAM,KAAK,OAAO,GAAG,MAAM,GAAA,GACnEC,IAAiB,OAajBC,IAAa,CAACC,MAAsB;AAC7C,MAAKA;AAGL,WAAO,QAAQA,EAAM,GAAG,KAAKA,EAAM,KAAK,KAAKA,EAAM,IAAI,KAAKA,EAAM,SAAS,CAAC;AAChF,GAcaC,IAAkB,CAACD,MAA2B;AACvD,QAAME,IAAW;AACjB,SAAOF,EAAM,SAAS,KAAKE,EAAS,KAAKF,CAAK;AAClD,GAcaG,IAAiB,CAACC,MAA2B;AACtD,QAAMF,IAAW,0BACXG,IAAUD,EAAI,MAAMF,CAAQ;AAClC,MAAI,CAACG;AACD,WAAO;AAAA,MACH,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAGf,QAAMC,IAAWD,EAAQ,CAAC;AAC1B,SAAIC,EAAS,WAAW,IACb;AAAA,IACH,KAAK,SAAS,GAAGA,EAAS,CAAC,CAAC,GAAGA,EAAS,CAAC,CAAC,IAAI,EAAE;AAAA,IAChD,OAAO,SAAS,GAAGA,EAAS,CAAC,CAAC,GAAGA,EAAS,CAAC,CAAC,IAAI,EAAE;AAAA,IAClD,MAAM,SAAS,GAAGA,EAAS,CAAC,CAAC,GAAGA,EAAS,CAAC,CAAC,IAAI,EAAE;AAAA,IACjD,OAAO;AAAA,EAAA,IAGR;AAAA,IACH,KAAK,SAASA,EAAS,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IACtC,OAAO,SAASA,EAAS,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IACxC,MAAM,SAASA,EAAS,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IACvC,OAAO;AAAA,EAAA;AAEf,GAcaC,IAAgB,CAACC,MAA0C;AACpE,QAAM,EAAE,KAAAC,GAAK,OAAAC,GAAO,MAAAC,EAAA,IAASH;AAC7B,SAAO,GAAGC,EAAI,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,GAAGC,EAAM,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,GAAGC,EAAK,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC;AAC1H,GAaaC,IAAoB,CAACZ,MAA6B;AAC3D,QAAMa,IAAWN,EAAcP,CAAK,GAC9Bc,IAAQd,EAAM,SAAS;AAE7B,MAAIc,IAAQ,GAAG;AACX,UAAMC,IAAkB,KAAK,MAAMD,IAAQ,GAAG;AAC9C,WAAO,IAAID,CAAQ,IAAIE,CAAe;AAAA,EAC1C;AAEA,SAAO,IAAIF,CAAQ;AACvB,GAgBaG,IAAmB,CAAChB,GAAkBiB,MAC3CA,MAAkB,QACX;AAAA,EACH,GAAGjB;AAAA,EACH,MAAMY,EAAkBZ,CAAK;AAAA,IAG9B;AAAA,EACH,GAAGA;AAAA,EACH,MAAM,QAAQA,EAAM,GAAG,KAAKA,EAAM,KAAK,KAAKA,EAAM,IAAI,KAAKA,EAAM,SAAS,CAAC;AAAA,GAqBtEkB,IAA8B,CAACC,GAAeC,IAAc,GAAGC,IAAc,QAClFF,EAAM,WAAW,KAAK,SAASA,CAAK,IAAIC,IACjCA,IACA,SAASD,CAAK,IAAIE,IAClBA,IAEJ,SAASF,CAAK;"}
+{"version":3,"file":"fondue-components50.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/fondue-components51.js

@@ -1,11 +1,56 @@
-import { useEffect as f } from "react";
-import { syncRefs as o } from "./fondue-components52.js";
-const m = (s, e) => {
-  f(() => {
-    o(s, e);
-  }, [s]);
-};
+const g = { red: 255, green: 255, blue: 255, alpha: 1, name: "" }, p = "HEX", h = (e) => {
+  if (e)
+    return `rgba(${e.red}, ${e.green}, ${e.blue}, ${e.alpha ?? 1})`;
+}, $ = (e) => {
+  const n = /^([\dA-Fa-f]{3}){1,2}$/;
+  return e.length > 2 && n.test(e);
+}, u = (e) => {
+  const n = /^([\dA-Fa-f]{3}){1,2}$/, r = e.match(n);
+  if (!r)
+    return {
+      red: 0,
+      green: 0,
+      blue: 0,
+      alpha: 0
+    };
+  const t = r[0];
+  return t.length === 3 ? {
+    red: parseInt(`${t[0]}${t[0]}`, 16),
+    green: parseInt(`${t[1]}${t[1]}`, 16),
+    blue: parseInt(`${t[2]}${t[2]}`, 16),
+    alpha: 1
+  } : {
+    red: parseInt(t.slice(0, 2), 16),
+    green: parseInt(t.slice(2, 4), 16),
+    blue: parseInt(t.slice(4, 6), 16),
+    alpha: 1
+  };
+}, a = (e) => {
+  const { red: n, green: r, blue: t } = e;
+  return `${n.toString(16).padStart(2, "0")}${r.toString(16).padStart(2, "0")}${t.toString(16).padStart(2, "0")}`;
+}, s = (e) => {
+  const n = a(e), r = e.alpha ?? 1;
+  if (r < 1) {
+    const t = Math.round(r * 100);
+    return `#${n} ${t}%`;
+  }
+  return `#${n}`;
+}, l = (e, n) => n === "HEX" ? {
+  ...e,
+  name: s(e)
+} : {
+  ...e,
+  name: `rgba(${e.red}, ${e.green}, ${e.blue}, ${e.alpha ?? 1})`
+}, i = (e, n = 0, r = 255) => e.length === 0 || parseInt(e) < n ? n : parseInt(e) > r ? r : parseInt(e);
 export {
-  m as useSyncRefs
+  g as DEFAULT_COLOR,
+  p as DEFAULT_FORMAT,
+  h as colorToCss,
+  l as getColorWithName,
+  s as getHexDisplayName,
+  i as getLimitedColorChannelValue,
+  u as hexColorToRgba,
+  $ as isValidHexColor,
+  a as rgbColorToHex
 };
 //# sourceMappingURL=fondue-components51.js.map

package/dist/fondue-components51.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components51.js","sources":["../src/hooks/useSyncRefs.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ForwardedRef, useEffect, type RefObject } from 'react';\n\nimport { syncRefs } from '#/utilities/domUtilities';\n\n/**\n * A custom React hook that synchronizes a local ref with a forwarded ref.\n * This is useful when you need to maintain both an internal reference to a DOM element\n * and allow external access through a forwarded ref.\n *\n * @template TElement - The type of the DOM element being referenced. Defaults to HTMLElement.\n * @param {RefObject<TElement>} localRef - The local ref object used internally by the component.\n * @param {ForwardedRef<TElement>} forwardedRef - The ref forwarded from a parent component.\n *\n * @example\n * ```tsx\n * const MyComponent = forwardRef<HTMLDivElement>((props, ref) => {\n *   const localRef = useRef<HTMLDivElement>(null);\n *   useSyncRefs(localRef, ref);\n *\n *   return <div ref={localRef}>Content</div>;\n * });\n * ```\n */\nexport const useSyncRefs = <TElement = HTMLElement>(\n    localRef: RefObject<TElement>,\n    forwardedRef: ForwardedRef<TElement>,\n) => {\n    useEffect(() => {\n        syncRefs<TElement>(localRef, forwardedRef);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [localRef]);\n};\n"],"names":["useSyncRefs","localRef","forwardedRef","useEffect","syncRefs"],"mappings":";;AAyBO,MAAMA,IAAc,CACvBC,GACAC,MACC;AACD,EAAAC,EAAU,MAAM;AACZ,IAAAC,EAAmBH,GAAUC,CAAY;AAAA,EAE7C,GAAG,CAACD,CAAQ,CAAC;AACjB;"}
+{"version":3,"file":"fondue-components51.js","sources":["../src/components/ColorPicker/utils.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorFormat, type RgbaColor } from './types';\n\nexport const DEFAULT_COLOR = { red: 255, green: 255, blue: 255, alpha: 1, name: '' };\nexport const DEFAULT_FORMAT = 'HEX';\n\n/**\n * Converts a color object to a CSS color string.\n * @param {RgbaColor} color - The color object to be converted.\n * @returns {string}\n * @example\n * colorToCss({ red: 255, green: 255, blue: 255, alpha: 1 }); // 'rgba(255, 255, 255, 1)'\n * @example\n * colorToCss({ red: 255, green: 87, blue: 51, alpha: 1 }); // 'rgba(255, 87, 51, 1)'\n * @example\n * colorToCss({ red: 0, green: 0, blue: 0, alpha: 0 }); // 'rgba(0, 0, 0, 0)'\n */\nexport const colorToCss = (color?: RgbaColor) => {\n    if (!color) {\n        return undefined;\n    }\n    return `rgba(${color.red}, ${color.green}, ${color.blue}, ${color.alpha ?? 1})`;\n};\n\n/**\n * Checks if a string is a valid hexadecimal color code. This function accepts\n * both three-digit and six-digit hex codes without the '#' symbol.\n * @param {string} color - The color code to be checked.\n * @returns {boolean}\n * @example\n * isValidHexColor('FFF'); // true\n * @example\n * isValidHexColor('FF5733'); // true\n * @example\n * isValidHexColor('XYZ'); // false\n */\nexport const isValidHexColor = (color: string): boolean => {\n    const hexRegex = /^([\\dA-Fa-f]{3}){1,2}$/;\n    return color.length > 2 && hexRegex.test(color);\n};\n\n/**\n * Converts a hexadecimal color code to an RGBA color object. This function accepts\n * both three-digit and six-digit hex codes without the '#' symbol.\n * @param {string} hex - The hex code, either 3 or 6 characters long. Characters should be from the set [0-9A-Fa-f].\n * @returns {RgbaColor}\n * @example\n * hexColorToRgba('FFF'); // { red: 255, green: 255, blue: 255, alpha: 1 }\n * @example\n * hexColorToRgba('FF5733'); // { red: 255, green: 87, blue: 51, alpha: 1 }\n * @example\n * hexColorToRgba('XYZ'); // { red: 0, green: 0, blue: 0, alpha: 0 }\n */\nexport const hexColorToRgba = (hex: string): RgbaColor => {\n    const hexRegex = /^([\\dA-Fa-f]{3}){1,2}$/;\n    const matches = hex.match(hexRegex);\n    if (!matches) {\n        return {\n            red: 0,\n            green: 0,\n            blue: 0,\n            alpha: 0,\n        };\n    }\n    const hexColor = matches[0];\n    if (hexColor.length === 3) {\n        return {\n            red: parseInt(`${hexColor[0]}${hexColor[0]}`, 16),\n            green: parseInt(`${hexColor[1]}${hexColor[1]}`, 16),\n            blue: parseInt(`${hexColor[2]}${hexColor[2]}`, 16),\n            alpha: 1,\n        };\n    }\n    return {\n        red: parseInt(hexColor.slice(0, 2), 16),\n        green: parseInt(hexColor.slice(2, 4), 16),\n        blue: parseInt(hexColor.slice(4, 6), 16),\n        alpha: 1,\n    };\n};\n\n/**\n * Converts an RGBA color object to a hexadecimal color code. This function returns a\n * six-digit hex code without the '#' symbol.\n * @param {RgbaColor} rgb - The RGBA color object.\n * @returns {string}\n * @example\n * rgbColorToHex({ red: 255, green: 255, blue: 255, alpha: 1 }); // '#FFFFFF'\n * @example\n * rgbColorToHex({ red: 255, green: 87, blue: 51, alpha: 1 }); // '#FF5733'\n * @example\n * rgbColorToHex({ red: 0, green: 0, blue: 0, alpha: 0 }); // '#000000'\n */\nexport const rgbColorToHex = (rgb: Omit<RgbaColor, 'alpha'>): string => {\n    const { red, green, blue } = rgb;\n    return `${red.toString(16).padStart(2, '0')}${green.toString(16).padStart(2, '0')}${blue.toString(16).padStart(2, '0')}`;\n};\n\n/**\n * Returns a hex color display name with alpha percentage if alpha < 100%.\n * @param {RgbaColor} color - The RGBA color object.\n * @returns {string}\n * @example\n * getHexDisplayName({ red: 255, green: 255, blue: 255, alpha: 1 }); // '#FFFFFF'\n * @example\n * getHexDisplayName({ red: 255, green: 255, blue: 255, alpha: 0.9 }); // '#FFFFFF 90%'\n * @example\n * getHexDisplayName({ red: 255, green: 87, blue: 51, alpha: 0.84 }); // '#FF5733 84%'\n */\nexport const getHexDisplayName = (color: RgbaColor): string => {\n    const hexValue = rgbColorToHex(color);\n    const alpha = color.alpha ?? 1;\n\n    if (alpha < 1) {\n        const alphaPercentage = Math.round(alpha * 100);\n        return `#${hexValue} ${alphaPercentage}%`;\n    }\n\n    return `#${hexValue}`;\n};\n\n/**\n * Returns a color object with a name property based on the provided color and format.\n * @param {RgbaColor} color - The RGBA color object.\n * @param {ColorFormat} currentFormat - The current format of the color.\n * @returns {RgbaColor}\n * @example\n * getColorWithName({ red: 255, green: 255, blue: 255, alpha: 1 }, 'HEX'); // { red: 255, green: 255, blue: 255, alpha: 1, name: '#FFFFFF' }\n * @example\n * getColorWithName({ red: 255, green: 255, blue: 255, alpha: 0.9 }, 'HEX'); // { red: 255, green: 255, blue: 255, alpha: 0.9, name: '#FFFFFF 90%' }\n * @example\n * getColorWithName({ red: 255, green: 255, blue: 255, alpha: 1 }, 'RGBA'); // { red: 255, green: 255, blue: 255, alpha: 1, name: 'rgba(255, 255, 255, 1)' }\n * @example\n * getColorWithName({ red: 255, green: 87, blue: 51, alpha: 1 }, 'RGBA'); // { red: 255, green: 87, blue: 51, alpha: 1, name: 'rgba(255, 87, 51, 1)' }\n */\nexport const getColorWithName = (color: RgbaColor, currentFormat: ColorFormat) => {\n    if (currentFormat === 'HEX') {\n        return {\n            ...color,\n            name: getHexDisplayName(color),\n        };\n    }\n    return {\n        ...color,\n        name: `rgba(${color.red}, ${color.green}, ${color.blue}, ${color.alpha ?? 1})`,\n    };\n};\n\n/**\n * Returns a number between a minimum and maximum value, inclusive.\n * @param {string} value - The value to be limited.\n * @param {number} [min=0] - The minimum value (inclusive).\n * @param {number} [max=255] - The maximum value (inclusive).\n * @returns {number}\n * @example\n * getLimitedColorChannelValue('255'); // 255\n * @example\n * getLimitedColorChannelValue('100'); // 100\n * @example\n * getLimitedColorChannelValue('0'); // 0\n * @example\n * getLimitedColorChannelValue('500'); // 255\n * @example\n * getLimitedColorChannelValue('500', 0, 100); // 100\n */\nexport const getLimitedColorChannelValue = (value: string, min: number = 0, max: number = 255): number => {\n    if (value.length === 0 || parseInt(value) < min) {\n        return min;\n    } else if (parseInt(value) > max) {\n        return max;\n    }\n    return parseInt(value);\n};\n"],"names":["DEFAULT_COLOR","DEFAULT_FORMAT","colorToCss","color","isValidHexColor","hexRegex","hexColorToRgba","hex","matches","hexColor","rgbColorToHex","rgb","red","green","blue","getHexDisplayName","hexValue","alpha","alphaPercentage","getColorWithName","currentFormat","getLimitedColorChannelValue","value","min","max"],"mappings":"AAIO,MAAMA,IAAgB,EAAE,KAAK,KAAK,OAAO,KAAK,MAAM,KAAK,OAAO,GAAG,MAAM,GAAA,GACnEC,IAAiB,OAajBC,IAAa,CAACC,MAAsB;AAC7C,MAAKA;AAGL,WAAO,QAAQA,EAAM,GAAG,KAAKA,EAAM,KAAK,KAAKA,EAAM,IAAI,KAAKA,EAAM,SAAS,CAAC;AAChF,GAcaC,IAAkB,CAACD,MAA2B;AACvD,QAAME,IAAW;AACjB,SAAOF,EAAM,SAAS,KAAKE,EAAS,KAAKF,CAAK;AAClD,GAcaG,IAAiB,CAACC,MAA2B;AACtD,QAAMF,IAAW,0BACXG,IAAUD,EAAI,MAAMF,CAAQ;AAClC,MAAI,CAACG;AACD,WAAO;AAAA,MACH,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAGf,QAAMC,IAAWD,EAAQ,CAAC;AAC1B,SAAIC,EAAS,WAAW,IACb;AAAA,IACH,KAAK,SAAS,GAAGA,EAAS,CAAC,CAAC,GAAGA,EAAS,CAAC,CAAC,IAAI,EAAE;AAAA,IAChD,OAAO,SAAS,GAAGA,EAAS,CAAC,CAAC,GAAGA,EAAS,CAAC,CAAC,IAAI,EAAE;AAAA,IAClD,MAAM,SAAS,GAAGA,EAAS,CAAC,CAAC,GAAGA,EAAS,CAAC,CAAC,IAAI,EAAE;AAAA,IACjD,OAAO;AAAA,EAAA,IAGR;AAAA,IACH,KAAK,SAASA,EAAS,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IACtC,OAAO,SAASA,EAAS,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IACxC,MAAM,SAASA,EAAS,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IACvC,OAAO;AAAA,EAAA;AAEf,GAcaC,IAAgB,CAACC,MAA0C;AACpE,QAAM,EAAE,KAAAC,GAAK,OAAAC,GAAO,MAAAC,EAAA,IAASH;AAC7B,SAAO,GAAGC,EAAI,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,GAAGC,EAAM,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,GAAGC,EAAK,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC;AAC1H,GAaaC,IAAoB,CAACZ,MAA6B;AAC3D,QAAMa,IAAWN,EAAcP,CAAK,GAC9Bc,IAAQd,EAAM,SAAS;AAE7B,MAAIc,IAAQ,GAAG;AACX,UAAMC,IAAkB,KAAK,MAAMD,IAAQ,GAAG;AAC9C,WAAO,IAAID,CAAQ,IAAIE,CAAe;AAAA,EAC1C;AAEA,SAAO,IAAIF,CAAQ;AACvB,GAgBaG,IAAmB,CAAChB,GAAkBiB,MAC3CA,MAAkB,QACX;AAAA,EACH,GAAGjB;AAAA,EACH,MAAMY,EAAkBZ,CAAK;AAAA,IAG9B;AAAA,EACH,GAAGA;AAAA,EACH,MAAM,QAAQA,EAAM,GAAG,KAAKA,EAAM,KAAK,KAAKA,EAAM,IAAI,KAAKA,EAAM,SAAS,CAAC;AAAA,GAqBtEkB,IAA8B,CAACC,GAAeC,IAAc,GAAGC,IAAc,QAClFF,EAAM,WAAW,KAAK,SAASA,CAAK,IAAIC,IACjCA,IACA,SAASD,CAAK,IAAIE,IAClBA,IAEJ,SAASF,CAAK;"}

package/dist/fondue-components52.js

@@ -1,16 +1,11 @@
-function s(u, t) {
-  t && (typeof t == "function" ? t(u.current) : t && "current" in t && (t.current = u.current));
-}
-function i(u) {
-  u.currentTarget.dataset.autoFocusVisible = "false";
-}
-function a(u) {
-  const t = u.relatedTarget;
-  t != null && t.dataset.autoFocusTrigger && (t.dataset.autoFocusVisible === "true" ? u.target.dataset.showFocusRing = "true" : u.target.dataset.showFocusRing = "false", t.dataset.autoFocusVisible = "true");
-}
+import { useEffect as f } from "react";
+import { syncRefs as o } from "./fondue-components53.js";
+const m = (s, e) => {
+  f(() => {
+    o(s, e);
+  }, [s]);
+};
 export {
-  i as addAutoFocusAttribute,
-  a as addShowFocusRing,
-  s as syncRefs
+  m as useSyncRefs
 };
 //# sourceMappingURL=fondue-components52.js.map

package/dist/fondue-components52.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components52.js","sources":["../src/utilities/domUtilities.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type FocusEvent, type MouseEvent as ReactMouseEvent, type ForwardedRef, type RefObject } from 'react';\n\nexport const MAX_HEIGHT_MARGIN = 8;\n\n/**\n * Sets the maximum height for a dialog element based on its position on the viewport.\n * The function calculates the space below the dialog up to the bottom of the viewport window,\n * subtracting a default margin, and sets this value as the max-height style of the dialog.\n *\n * @param {HTMLElement} dialog - The dialog element whose maximum height is to be set.\n *\n * @example\n * // Suppose you have a dialog element with id 'my-dialog'.\n * const dialogElement = myDialogRef.current || document.getElementById('my-dialog');\n * // Setting its max height relative to its current position and the viewport's dimensions.\n * setMaxHeightToAvailableSpace(dialogElement);\n */\nexport function setMaxHeightToAvailableSpace(dialog: HTMLElement) {\n    if (!window) {\n        throw new Error('Window object not found, this method should be used in a browser environment');\n    }\n\n    dialog.style.maxHeight = '';\n\n    const { top, bottom } = dialog.getBoundingClientRect();\n    if (top - MAX_HEIGHT_MARGIN < 0) {\n        // if the dialog is overflowing to the top\n        dialog.style.maxHeight = `${bottom - MAX_HEIGHT_MARGIN}px`;\n    } else if (bottom + MAX_HEIGHT_MARGIN > window.innerHeight) {\n        // if the dialog is overflowing to the bottom\n        dialog.style.maxHeight = `${window.innerHeight - top - MAX_HEIGHT_MARGIN}px`;\n    }\n}\n\n/**\n * Checks if a specified HTML element is visible within the viewport.\n * Visibility is determined by several factors:\n * - The element must have non-zero dimensions.\n * - The element's computed style must not be `display: none`, `visibility: hidden`, or `opacity: 0`.\n * - The element must be within the bounds of the current viewport.\n *\n * @param {HTMLElement} element - The HTML element to check for visibility.\n * @returns {boolean} Returns true if the element is visible according to the criteria specified, otherwise returns false.\n */\nexport function isElementVisible(element: HTMLElement) {\n    const rect = element.getBoundingClientRect();\n    const hasSize = rect.width > 0 && rect.height > 0;\n\n    const style = window.getComputedStyle(element);\n    const isVisibleStyle = style.display !== 'none' && style.visibility !== 'hidden' && parseFloat(style.opacity) !== 0;\n\n    // Check if the element is within the viewport\n    const isInViewport =\n        rect.top < window.innerHeight && rect.left < window.innerWidth && rect.bottom > 0 && rect.right > 0;\n\n    return hasSize && isVisibleStyle && isInViewport;\n}\n\n/**\n * Assigns a local DOM ref to a forwarded ref.\n *\n * @param {RefObject<HTMLDivElement>} localRef - The local React reference to an HTMLDivElement.\n * @param {ForwardedRef<HTMLDivElement>} forwardedRef - The ref forwarded from a parent component.\n */\nexport function syncRefs<TElement = HTMLElement>(localRef: RefObject<TElement>, forwardedRef: ForwardedRef<TElement>) {\n    if (!forwardedRef) {\n        return;\n    }\n\n    if (typeof forwardedRef === 'function') {\n        forwardedRef(localRef.current);\n    } else if (forwardedRef && 'current' in forwardedRef) {\n        forwardedRef.current = localRef.current;\n    }\n}\n\n/**\n * Sets the 'autoFocusVisible' data attribute to 'false' on the current target of a mouse event.\n * This function is typically used to indicate that an element has been interacted with via mouse,\n * which should prevent the focus ring from being displayed when the element receives focus.\n *\n * @param mouseEvent - The mouse event object.\n */\nexport function addAutoFocusAttribute(mouseEvent: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\n    mouseEvent.currentTarget.dataset.autoFocusVisible = 'false';\n}\n\n/**\n * Manages the focus ring visibility based on the previous focus state and the current focus event.\n * This function sets the 'showFocusRing' data attribute on the target element and updates the\n * 'autoFocusVisible' data attribute on the previously focused element.\n *\n * ! This function should be used in conjunction with the 'addAutoFocusAttribute' function and the autoFocusVisible data autoFocusTrigger.\n *\n * @param event - The focus event object.\n */\nexport function addShowFocusRing(event: FocusEvent<HTMLDivElement, HTMLElement>) {\n    const triggerElement = event.relatedTarget;\n\n    if (!triggerElement?.dataset.autoFocusTrigger) {\n        return;\n    }\n\n    if (triggerElement.dataset.autoFocusVisible === 'true') {\n        event.target.dataset.showFocusRing = 'true';\n    } else {\n        event.target.dataset.showFocusRing = 'false';\n    }\n\n    triggerElement.dataset.autoFocusVisible = 'true';\n}\n"],"names":["syncRefs","localRef","forwardedRef","addAutoFocusAttribute","mouseEvent","addShowFocusRing","event","triggerElement"],"mappings":"AAkEO,SAASA,EAAiCC,GAA+BC,GAAsC;AAClH,EAAKA,MAID,OAAOA,KAAiB,aACxBA,EAAaD,EAAS,OAAO,IACtBC,KAAgB,aAAaA,MACpCA,EAAa,UAAUD,EAAS;AAExC;AASO,SAASE,EAAsBC,GAA4D;AAC9F,EAAAA,EAAW,cAAc,QAAQ,mBAAmB;AACxD;AAWO,SAASC,EAAiBC,GAAgD;AAC7E,QAAMC,IAAiBD,EAAM;AAE7B,EAAKC,KAAA,QAAAA,EAAgB,QAAQ,qBAIzBA,EAAe,QAAQ,qBAAqB,SAC5CD,EAAM,OAAO,QAAQ,gBAAgB,SAErCA,EAAM,OAAO,QAAQ,gBAAgB,SAGzCC,EAAe,QAAQ,mBAAmB;AAC9C;"}
+{"version":3,"file":"fondue-components52.js","sources":["../src/hooks/useSyncRefs.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ForwardedRef, useEffect, type RefObject } from 'react';\n\nimport { syncRefs } from '#/utilities/domUtilities';\n\n/**\n * A custom React hook that synchronizes a local ref with a forwarded ref.\n * This is useful when you need to maintain both an internal reference to a DOM element\n * and allow external access through a forwarded ref.\n *\n * @template TElement - The type of the DOM element being referenced. Defaults to HTMLElement.\n * @param {RefObject<TElement>} localRef - The local ref object used internally by the component.\n * @param {ForwardedRef<TElement>} forwardedRef - The ref forwarded from a parent component.\n *\n * @example\n * ```tsx\n * const MyComponent = forwardRef<HTMLDivElement>((props, ref) => {\n *   const localRef = useRef<HTMLDivElement>(null);\n *   useSyncRefs(localRef, ref);\n *\n *   return <div ref={localRef}>Content</div>;\n * });\n * ```\n */\nexport const useSyncRefs = <TElement = HTMLElement>(\n    localRef: RefObject<TElement>,\n    forwardedRef: ForwardedRef<TElement>,\n) => {\n    useEffect(() => {\n        syncRefs<TElement>(localRef, forwardedRef);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [localRef]);\n};\n"],"names":["useSyncRefs","localRef","forwardedRef","useEffect","syncRefs"],"mappings":";;AAyBO,MAAMA,IAAc,CACvBC,GACAC,MACC;AACD,EAAAC,EAAU,MAAM;AACZ,IAAAC,EAAmBH,GAAUC,CAAY;AAAA,EAE7C,GAAG,CAACD,CAAQ,CAAC;AACjB;"}

package/dist/fondue-components53.js

@@ -1,20 +1,16 @@
-const e = "_content_3jnjr_6", n = "_header_3jnjr_44", t = "_footer_3jnjr_45", o = "_body_3jnjr_46", r = "_underlay_3jnjr_181", _ = "_sideContent_3jnjr_191", s = "_screenReaderOnly_3jnjr_203", d = {
-  content: e,
-  header: n,
-  footer: t,
-  body: o,
-  underlay: r,
-  sideContent: _,
-  screenReaderOnly: s
-};
+function s(u, t) {
+  t && (typeof t == "function" ? t(u.current) : t && "current" in t && (t.current = u.current));
+}
+function i(u) {
+  u.currentTarget.dataset.autoFocusVisible = "false";
+}
+function a(u) {
+  const t = u.relatedTarget;
+  t != null && t.dataset.autoFocusTrigger && (t.dataset.autoFocusVisible === "true" ? u.target.dataset.showFocusRing = "true" : u.target.dataset.showFocusRing = "false", t.dataset.autoFocusVisible = "true");
+}
 export {
-  o as body,
-  e as content,
-  d as default,
-  t as footer,
-  n as header,
-  s as screenReaderOnly,
-  _ as sideContent,
-  r as underlay
+  i as addAutoFocusAttribute,
+  a as addShowFocusRing,
+  s as syncRefs
 };
 //# sourceMappingURL=fondue-components53.js.map

package/dist/fondue-components53.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components53.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"fondue-components53.js","sources":["../src/utilities/domUtilities.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type FocusEvent, type MouseEvent as ReactMouseEvent, type ForwardedRef, type RefObject } from 'react';\n\nexport const MAX_HEIGHT_MARGIN = 8;\n\n/**\n * Sets the maximum height for a dialog element based on its position on the viewport.\n * The function calculates the space below the dialog up to the bottom of the viewport window,\n * subtracting a default margin, and sets this value as the max-height style of the dialog.\n *\n * @param {HTMLElement} dialog - The dialog element whose maximum height is to be set.\n *\n * @example\n * // Suppose you have a dialog element with id 'my-dialog'.\n * const dialogElement = myDialogRef.current || document.getElementById('my-dialog');\n * // Setting its max height relative to its current position and the viewport's dimensions.\n * setMaxHeightToAvailableSpace(dialogElement);\n */\nexport function setMaxHeightToAvailableSpace(dialog: HTMLElement) {\n    if (!window) {\n        throw new Error('Window object not found, this method should be used in a browser environment');\n    }\n\n    dialog.style.maxHeight = '';\n\n    const { top, bottom } = dialog.getBoundingClientRect();\n    if (top - MAX_HEIGHT_MARGIN < 0) {\n        // if the dialog is overflowing to the top\n        dialog.style.maxHeight = `${bottom - MAX_HEIGHT_MARGIN}px`;\n    } else if (bottom + MAX_HEIGHT_MARGIN > window.innerHeight) {\n        // if the dialog is overflowing to the bottom\n        dialog.style.maxHeight = `${window.innerHeight - top - MAX_HEIGHT_MARGIN}px`;\n    }\n}\n\n/**\n * Checks if a specified HTML element is visible within the viewport.\n * Visibility is determined by several factors:\n * - The element must have non-zero dimensions.\n * - The element's computed style must not be `display: none`, `visibility: hidden`, or `opacity: 0`.\n * - The element must be within the bounds of the current viewport.\n *\n * @param {HTMLElement} element - The HTML element to check for visibility.\n * @returns {boolean} Returns true if the element is visible according to the criteria specified, otherwise returns false.\n */\nexport function isElementVisible(element: HTMLElement) {\n    const rect = element.getBoundingClientRect();\n    const hasSize = rect.width > 0 && rect.height > 0;\n\n    const style = window.getComputedStyle(element);\n    const isVisibleStyle = style.display !== 'none' && style.visibility !== 'hidden' && parseFloat(style.opacity) !== 0;\n\n    // Check if the element is within the viewport\n    const isInViewport =\n        rect.top < window.innerHeight && rect.left < window.innerWidth && rect.bottom > 0 && rect.right > 0;\n\n    return hasSize && isVisibleStyle && isInViewport;\n}\n\n/**\n * Assigns a local DOM ref to a forwarded ref.\n *\n * @param {RefObject<HTMLDivElement>} localRef - The local React reference to an HTMLDivElement.\n * @param {ForwardedRef<HTMLDivElement>} forwardedRef - The ref forwarded from a parent component.\n */\nexport function syncRefs<TElement = HTMLElement>(localRef: RefObject<TElement>, forwardedRef: ForwardedRef<TElement>) {\n    if (!forwardedRef) {\n        return;\n    }\n\n    if (typeof forwardedRef === 'function') {\n        forwardedRef(localRef.current);\n    } else if (forwardedRef && 'current' in forwardedRef) {\n        forwardedRef.current = localRef.current;\n    }\n}\n\n/**\n * Sets the 'autoFocusVisible' data attribute to 'false' on the current target of a mouse event.\n * This function is typically used to indicate that an element has been interacted with via mouse,\n * which should prevent the focus ring from being displayed when the element receives focus.\n *\n * @param mouseEvent - The mouse event object.\n */\nexport function addAutoFocusAttribute(mouseEvent: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\n    mouseEvent.currentTarget.dataset.autoFocusVisible = 'false';\n}\n\n/**\n * Manages the focus ring visibility based on the previous focus state and the current focus event.\n * This function sets the 'showFocusRing' data attribute on the target element and updates the\n * 'autoFocusVisible' data attribute on the previously focused element.\n *\n * ! This function should be used in conjunction with the 'addAutoFocusAttribute' function and the autoFocusVisible data autoFocusTrigger.\n *\n * @param event - The focus event object.\n */\nexport function addShowFocusRing(event: FocusEvent<HTMLDivElement, HTMLElement>) {\n    const triggerElement = event.relatedTarget;\n\n    if (!triggerElement?.dataset.autoFocusTrigger) {\n        return;\n    }\n\n    if (triggerElement.dataset.autoFocusVisible === 'true') {\n        event.target.dataset.showFocusRing = 'true';\n    } else {\n        event.target.dataset.showFocusRing = 'false';\n    }\n\n    triggerElement.dataset.autoFocusVisible = 'true';\n}\n"],"names":["syncRefs","localRef","forwardedRef","addAutoFocusAttribute","mouseEvent","addShowFocusRing","event","triggerElement"],"mappings":"AAkEO,SAASA,EAAiCC,GAA+BC,GAAsC;AAClH,EAAKA,MAID,OAAOA,KAAiB,aACxBA,EAAaD,EAAS,OAAO,IACtBC,KAAgB,aAAaA,MACpCA,EAAa,UAAUD,EAAS;AAExC;AASO,SAASE,EAAsBC,GAA4D;AAC9F,EAAAA,EAAW,cAAc,QAAQ,mBAAmB;AACxD;AAWO,SAASC,EAAiBC,GAAgD;AAC7E,QAAMC,IAAiBD,EAAM;AAE7B,EAAKC,KAAA,QAAAA,EAAgB,QAAQ,qBAIzBA,EAAe,QAAQ,qBAAqB,SAC5CD,EAAM,OAAO,QAAQ,gBAAgB,SAErCA,EAAM,OAAO,QAAQ,gBAAgB,SAGzCC,EAAe,QAAQ,mBAAmB;AAC9C;"}

package/dist/fondue-components54.js

@@ -1,8 +1,20 @@
-const o = "_root_2xf5e_2", t = {
-  root: o
+const e = "_content_3jnjr_6", n = "_header_3jnjr_44", t = "_footer_3jnjr_45", o = "_body_3jnjr_46", r = "_underlay_3jnjr_181", _ = "_sideContent_3jnjr_191", s = "_screenReaderOnly_3jnjr_203", d = {
+  content: e,
+  header: n,
+  footer: t,
+  body: o,
+  underlay: r,
+  sideContent: _,
+  screenReaderOnly: s
 };
 export {
-  t as default,
-  o as root
+  o as body,
+  e as content,
+  d as default,
+  t as footer,
+  n as header,
+  s as screenReaderOnly,
+  _ as sideContent,
+  r as underlay
 };
 //# sourceMappingURL=fondue-components54.js.map

package/dist/fondue-components54.js.map

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

package/dist/fondue-components55.js

@@ -1,21 +1,8 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useMemo as c, isValidElement as r, cloneElement as i, Children as p } from "react";
-const o = (e) => {
-  const t = [];
-  for (const n of p.toArray(e))
-    r(n) ? t.push(n) : t.push(/* @__PURE__ */ s("span", { children: n }));
-  return t.length === 1 ? t[0] : t;
-}, u = (e) => c(() => {
-  const t = r(e) && e.type === "a";
-  if (t) {
-    const n = i(e, {
-      children: o(e.props.children)
-    });
-    return { isLink: t, content: n };
-  }
-  return { isLink: t, content: o(e) };
-}, [e]);
+const o = "_root_2xf5e_2", t = {
+  root: o
+};
 export {
-  u as useProcessedChildren
+  t as default,
+  o as root
 };
 //# sourceMappingURL=fondue-components55.js.map

package/dist/fondue-components55.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components55.js","sources":["../src/components/Dropdown/hooks/useProcessedChildren.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Children, cloneElement, isValidElement, type ReactNode, useMemo } from 'react';\n\nconst wrapFloatingText = (children: ReactNode) => {\n    const content = [];\n    for (const child of Children.toArray(children)) {\n        if (isValidElement(child)) {\n            content.push(child);\n        } else {\n            content.push(<span>{child}</span>);\n        }\n    }\n    return content.length === 1 ? content[0] : content;\n};\n\nexport const useProcessedChildren = (children: ReactNode) => {\n    return useMemo(() => {\n        const isLink =\n            isValidElement<{\n                children: ReactNode;\n            }>(children) && children.type === 'a';\n\n        if (isLink) {\n            const element = cloneElement(children, {\n                children: wrapFloatingText(children.props.children),\n            });\n            return { isLink, content: element };\n        }\n\n        return { isLink, content: wrapFloatingText(children) };\n    }, [children]);\n};\n"],"names":["wrapFloatingText","children","content","child","Children","isValidElement","jsx","useProcessedChildren","useMemo","isLink","element","cloneElement"],"mappings":";;AAIA,MAAMA,IAAmB,CAACC,MAAwB;AAC9C,QAAMC,IAAU,CAAA;AAChB,aAAWC,KAASC,EAAS,QAAQH,CAAQ;AACzC,IAAII,EAAeF,CAAK,IACpBD,EAAQ,KAAKC,CAAK,IAElBD,EAAQ,KAAK,gBAAAI,EAAC,QAAA,EAAM,UAAAH,EAAA,CAAM,CAAO;AAGzC,SAAOD,EAAQ,WAAW,IAAIA,EAAQ,CAAC,IAAIA;AAC/C,GAEaK,IAAuB,CAACN,MAC1BO,EAAQ,MAAM;AACjB,QAAMC,IACFJ,EAEGJ,CAAQ,KAAKA,EAAS,SAAS;AAEtC,MAAIQ,GAAQ;AACR,UAAMC,IAAUC,EAAaV,GAAU;AAAA,MACnC,UAAUD,EAAiBC,EAAS,MAAM,QAAQ;AAAA,IAAA,CACrD;AACD,WAAO,EAAE,QAAAQ,GAAQ,SAASC,EAAA;AAAA,EAC9B;AAEA,SAAO,EAAE,QAAAD,GAAQ,SAAST,EAAiBC,CAAQ,EAAA;AACvD,GAAG,CAACA,CAAQ,CAAC;"}
+{"version":3,"file":"fondue-components55.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/fondue-components56.js

@@ -1,22 +1,21 @@
-const t = "_content_1rjlb_7", n = "_subContent_1rjlb_8", o = "_item_1rjlb_29", r = "_subTrigger_1rjlb_30", s = "_subMenuIndicator_1rjlb_124", _ = "_group_1rjlb_134", e = "_groupHeading_1rjlb_141", u = "_slot_1rjlb_152", b = {
-  content: t,
-  subContent: n,
-  item: o,
-  subTrigger: r,
-  subMenuIndicator: s,
-  group: _,
-  groupHeading: e,
-  slot: u
-};
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as c, isValidElement as r, cloneElement as i, Children as p } from "react";
+const o = (e) => {
+  const t = [];
+  for (const n of p.toArray(e))
+    r(n) ? t.push(n) : t.push(/* @__PURE__ */ s("span", { children: n }));
+  return t.length === 1 ? t[0] : t;
+}, u = (e) => c(() => {
+  const t = r(e) && e.type === "a";
+  if (t) {
+    const n = i(e, {
+      children: o(e.props.children)
+    });
+    return { isLink: t, content: n };
+  }
+  return { isLink: t, content: o(e) };
+}, [e]);
 export {
-  t as content,
-  b as default,
-  _ as group,
-  e as groupHeading,
-  o as item,
-  u as slot,
-  n as subContent,
-  s as subMenuIndicator,
-  r as subTrigger
+  u as useProcessedChildren
 };
 //# sourceMappingURL=fondue-components56.js.map

package/dist/fondue-components56.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components56.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"fondue-components56.js","sources":["../src/components/Dropdown/hooks/useProcessedChildren.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Children, cloneElement, isValidElement, type ReactNode, useMemo } from 'react';\n\nconst wrapFloatingText = (children: ReactNode) => {\n    const content = [];\n    for (const child of Children.toArray(children)) {\n        if (isValidElement(child)) {\n            content.push(child);\n        } else {\n            content.push(<span>{child}</span>);\n        }\n    }\n    return content.length === 1 ? content[0] : content;\n};\n\nexport const useProcessedChildren = (children: ReactNode) => {\n    return useMemo(() => {\n        const isLink =\n            isValidElement<{\n                children: ReactNode;\n            }>(children) && children.type === 'a';\n\n        if (isLink) {\n            const element = cloneElement(children, {\n                children: wrapFloatingText(children.props.children),\n            });\n            return { isLink, content: element };\n        }\n\n        return { isLink, content: wrapFloatingText(children) };\n    }, [children]);\n};\n"],"names":["wrapFloatingText","children","content","child","Children","isValidElement","jsx","useProcessedChildren","useMemo","isLink","element","cloneElement"],"mappings":";;AAIA,MAAMA,IAAmB,CAACC,MAAwB;AAC9C,QAAMC,IAAU,CAAA;AAChB,aAAWC,KAASC,EAAS,QAAQH,CAAQ;AACzC,IAAII,EAAeF,CAAK,IACpBD,EAAQ,KAAKC,CAAK,IAElBD,EAAQ,KAAK,gBAAAI,EAAC,QAAA,EAAM,UAAAH,EAAA,CAAM,CAAO;AAGzC,SAAOD,EAAQ,WAAW,IAAIA,EAAQ,CAAC,IAAIA;AAC/C,GAEaK,IAAuB,CAACN,MAC1BO,EAAQ,MAAM;AACjB,QAAMC,IACFJ,EAEGJ,CAAQ,KAAKA,EAAS,SAAS;AAEtC,MAAIQ,GAAQ;AACR,UAAMC,IAAUC,EAAaV,GAAU;AAAA,MACnC,UAAUD,EAAiBC,EAAS,MAAM,QAAQ;AAAA,IAAA,CACrD;AACD,WAAO,EAAE,QAAAQ,GAAQ,SAASC,EAAA;AAAA,EAC9B;AAEA,SAAO,EAAE,QAAAD,GAAQ,SAAST,EAAiBC,CAAQ,EAAA;AACvD,GAAG,CAACA,CAAQ,CAAC;"}

package/dist/fondue-components57.js

@@ -1,8 +1,22 @@
-const o = "_root_wpwbd_6", t = {
-  root: o
+const t = "_content_1rjlb_7", n = "_subContent_1rjlb_8", o = "_item_1rjlb_29", r = "_subTrigger_1rjlb_30", s = "_subMenuIndicator_1rjlb_124", _ = "_group_1rjlb_134", e = "_groupHeading_1rjlb_141", u = "_slot_1rjlb_152", b = {
+  content: t,
+  subContent: n,
+  item: o,
+  subTrigger: r,
+  subMenuIndicator: s,
+  group: _,
+  groupHeading: e,
+  slot: u
 };
 export {
-  t as default,
-  o as root
+  t as content,
+  b as default,
+  _ as group,
+  e as groupHeading,
+  o as item,
+  u as slot,
+  n as subContent,
+  s as subMenuIndicator,
+  r as subTrigger
 };
 //# sourceMappingURL=fondue-components57.js.map

package/dist/fondue-components57.js.map

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

package/dist/fondue-components58.js

@@ -1,16 +1,47 @@
-const o = "_root_1ngt5_6", t = "_overlay_1ngt5_51", e = "_header_1ngt5_68", _ = "_body_1ngt5_93", r = "_footer_1ngt5_122", n = {
-  root: o,
-  overlay: t,
-  header: e,
-  body: _,
-  footer: r
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { IconCalendar as h, IconCross as D, IconCaretDown as N } from "@frontify/fondue-icons";
+import { forwardRef as I, useMemo as k } from "react";
+import { useTranslation as y } from "./fondue-components40.js";
+import { Button as P } from "./fondue-components6.js";
+import { getDateDisplayString as w } from "./fondue-components103.js";
+import t from "./fondue-components104.js";
+const n = ({
+  id: c,
+  selected: s,
+  isOpen: m,
+  disabled: r = !1,
+  onClear: o,
+  onClick: d,
+  "data-test-id": l = "date-picker-input",
+  ...p
+}, u) => {
+  const { t: f } = y(), i = k(() => w(s), [s]);
+  return /* @__PURE__ */ a("div", { id: c, className: t.root, ref: u, "data-test-id": l, children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        className: t.button,
+        ...p,
+        disabled: r,
+        onClick: d,
+        type: "button",
+        "data-date-input-select": !0,
+        children: [
+          /* @__PURE__ */ e(h, { size: 16 }),
+          i ? /* @__PURE__ */ e("span", { className: t.dateName, children: i }) : /* @__PURE__ */ e("span", { children: f("DatePicker_selectDate") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: t.actions, children: [
+      o && /* @__PURE__ */ e(P, { onPress: o, disabled: r, size: "small", emphasis: "weak", aspect: "square", children: /* @__PURE__ */ e(D, { className: t.clearIcon, size: 16 }) }),
+      /* @__PURE__ */ e("div", { className: t.caret, "data-state": m ? "open" : "closed", children: /* @__PURE__ */ e(N, { size: 16 }) })
+    ] })
+  ] });
 };
+n.displayName = "DatePicker.Input";
+const R = I(n);
 export {
-  _ as body,
-  n as default,
-  r as footer,
-  e as header,
-  t as overlay,
-  o as root
+  n as DatePickerInput,
+  R as ForwardedRefDatePickerInput
 };
 //# sourceMappingURL=fondue-components58.js.map

package/dist/fondue-components58.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components58.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"fondue-components58.js","sources":["../src/components/DatePicker/DatePickerInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCalendar, IconCaretDown, IconCross } from '@frontify/fondue-icons';\nimport { type ForwardedRef, forwardRef, useMemo } from 'react';\n\nimport { useTranslation } from '#/hooks/useTranslation';\nimport { type CommonAriaAttrs } from '#/utilities/types';\n\nimport { Button } from '../Button/Button';\n\nimport { getDateDisplayString } from './helpers/dateDisplayFormatter';\nimport styles from './styles/datePickerInput.module.scss';\nimport { type DatePickerDateRange, type DatePickerDate } from './types';\n\ntype DatePickerInputProps = {\n    id?: string;\n    /**\n     * The active date or date range in the date picker\n     */\n    selected?: DatePickerDateRange | DatePickerDate;\n    /**\n     * The open state of the date picker used to determine arrow state\n     */\n    isOpen?: boolean;\n    /**\n     * Whether the date picker input is disabled\n     */\n    disabled?: boolean;\n    /**\n     * callback for clearing the date\n     */\n    onClear?: () => void;\n    /**\n     * Event handler called when the date picker input is clicked\n     */\n    onClick?: () => void;\n    /**\n     * The test id of the date picker input\n     */\n    'data-test-id'?: string;\n} & CommonAriaAttrs;\n\nexport const DatePickerInput = (\n    {\n        id,\n        selected,\n        isOpen,\n        disabled = false,\n        onClear,\n        onClick,\n        'data-test-id': dataTestId = 'date-picker-input',\n        ...props\n    }: DatePickerInputProps,\n    forwardedRef: ForwardedRef<HTMLDivElement>,\n) => {\n    const { t } = useTranslation();\n    const displayString = useMemo(() => getDateDisplayString(selected), [selected]);\n    return (\n        <div id={id} className={styles.root} ref={forwardedRef} data-test-id={dataTestId}>\n            <button\n                className={styles.button}\n                {...props}\n                disabled={disabled}\n                onClick={onClick}\n                type=\"button\"\n                data-date-input-select\n            >\n                <IconCalendar size={16} />\n                {displayString ? (\n                    <span className={styles.dateName}>{displayString}</span>\n                ) : (\n                    <span>{t('DatePicker_selectDate')}</span>\n                )}\n            </button>\n            <div className={styles.actions}>\n                {onClear && (\n                    <Button onPress={onClear} disabled={disabled} size=\"small\" emphasis=\"weak\" aspect=\"square\">\n                        <IconCross className={styles.clearIcon} size={16} />\n                    </Button>\n                )}\n                <div className={styles.caret} data-state={isOpen ? 'open' : 'closed'}>\n                    <IconCaretDown size={16} />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nDatePickerInput.displayName = 'DatePicker.Input';\nexport const ForwardedRefDatePickerInput = forwardRef<HTMLDivElement, DatePickerInputProps>(DatePickerInput);\n"],"names":["DatePickerInput","id","selected","isOpen","disabled","onClear","onClick","dataTestId","props","forwardedRef","t","useTranslation","displayString","useMemo","getDateDisplayString","jsxs","styles","jsx","IconCalendar","Button","IconCross","IconCaretDown","ForwardedRefDatePickerInput","forwardRef"],"mappings":";;;;;;;AA0CO,MAAMA,IAAkB,CAC3B;AAAA,EACI,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAgBC,IAAa;AAAA,EAC7B,GAAGC;AACP,GACAC,MACC;AACD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAgBC,EAAQ,MAAMC,EAAqBZ,CAAQ,GAAG,CAACA,CAAQ,CAAC;AAC9E,SACI,gBAAAa,EAAC,SAAI,IAAAd,GAAQ,WAAWe,EAAO,MAAM,KAAKP,GAAc,gBAAcF,GAClE,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAO;AAAA,QACjB,GAAGR;AAAA,QACJ,UAAAJ;AAAA,QACA,SAAAE;AAAA,QACA,MAAK;AAAA,QACL,0BAAsB;AAAA,QAEtB,UAAA;AAAA,UAAA,gBAAAW,EAACC,GAAA,EAAa,MAAM,GAAA,CAAI;AAAA,UACvBN,IACG,gBAAAK,EAAC,QAAA,EAAK,WAAWD,EAAO,UAAW,UAAAJ,EAAA,CAAc,IAEjD,gBAAAK,EAAC,QAAA,EAAM,UAAAP,EAAE,uBAAuB,EAAA,CAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG1C,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAO,SAClB,UAAA;AAAA,MAAAX,uBACIc,GAAA,EAAO,SAASd,GAAS,UAAAD,GAAoB,MAAK,SAAQ,UAAS,QAAO,QAAO,UAC9E,4BAACgB,GAAA,EAAU,WAAWJ,EAAO,WAAW,MAAM,IAAI,GACtD;AAAA,MAEJ,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,OAAO,cAAYb,IAAS,SAAS,UACxD,UAAA,gBAAAc,EAACI,GAAA,EAAc,MAAM,IAAI,EAAA,CAC7B;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;AAEArB,EAAgB,cAAc;AACvB,MAAMsB,IAA8BC,EAAiDvB,CAAe;"}

package/dist/fondue-components59.js

@@ -1,8 +1,28 @@
-const o = "_root_1b3p9_6", t = {
-  root: o
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { DatePickerCalendar as f } from "./fondue-components105.js";
+import { useDateRange as R } from "./fondue-components106.js";
+import { useRangeHover as g } from "./fondue-components107.js";
+const r = ({ "data-test-id": t, onChange: a, selected: o, ...i }, d) => {
+  const { selectedDateRange: e, handleSelect: n } = R(o, a), { hoverModifiers: s } = g(e);
+  return /* @__PURE__ */ m(
+    f,
+    {
+      ...i,
+      ref: d,
+      "data-test-id": t,
+      mode: "range",
+      required: !0,
+      selected: e,
+      onSelect: n,
+      modifiers: s
+    }
+  );
 };
+r.displayName = "RangeDatePicker";
+const P = c(r);
 export {
-  t as default,
-  o as root
+  P as ForwardedRefRangeDatePicker,
+  r as RangeDatePicker
 };
 //# sourceMappingURL=fondue-components59.js.map

package/dist/fondue-components59.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components59.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"fondue-components59.js","sources":["../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ForwardedRef } from 'react';\n\nimport { type DatePickerBaseProps, DatePickerCalendar } from './DatePickerCalendar';\nimport { useDateRange } from './hooks/useDateRange';\nimport { useRangeHover } from './hooks/useRangeHover';\nimport { type DatePickerDateRange } from './types';\n\ntype RangeDatePickerProps = {\n    selected?: DatePickerDateRange;\n    onChange?: (dateRange: DatePickerDateRange) => void;\n} & DatePickerBaseProps;\n\nexport const RangeDatePicker = (\n    { 'data-test-id': dataTestId, onChange, selected, ...props }: RangeDatePickerProps,\n    ref: ForwardedRef<HTMLDivElement>,\n): JSX.Element => {\n    const { selectedDateRange, handleSelect } = useDateRange(selected, onChange);\n    const { hoverModifiers } = useRangeHover(selectedDateRange);\n\n    return (\n        <DatePickerCalendar\n            {...props}\n            ref={ref}\n            data-test-id={dataTestId}\n            mode=\"range\"\n            required\n            selected={selectedDateRange}\n            onSelect={handleSelect}\n            modifiers={hoverModifiers}\n        />\n    );\n};\n\nRangeDatePicker.displayName = 'RangeDatePicker';\nexport const ForwardedRefRangeDatePicker = forwardRef<HTMLDivElement, RangeDatePickerProps>(RangeDatePicker);\n"],"names":["RangeDatePicker","dataTestId","onChange","selected","props","ref","selectedDateRange","handleSelect","useDateRange","hoverModifiers","useRangeHover","jsx","DatePickerCalendar","ForwardedRefRangeDatePicker","forwardRef"],"mappings":";;;;;AAcO,MAAMA,IAAkB,CAC3B,EAAE,gBAAgBC,GAAY,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,GACrDC,MACc;AACd,QAAM,EAAE,mBAAAC,GAAmB,cAAAC,EAAA,IAAiBC,EAAaL,GAAUD,CAAQ,GACrE,EAAE,gBAAAO,EAAA,IAAmBC,EAAcJ,CAAiB;AAE1D,SACI,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGR;AAAA,MACJ,KAAAC;AAAA,MACA,gBAAcJ;AAAA,MACd,MAAK;AAAA,MACL,UAAQ;AAAA,MACR,UAAUK;AAAA,MACV,UAAUC;AAAA,MACV,WAAWE;AAAA,IAAA;AAAA,EAAA;AAGvB;AAEAT,EAAgB,cAAc;AACvB,MAAMa,IAA8BC,EAAiDd,CAAe;"}

package/dist/fondue-components6.js

@@ -1,6 +1,6 @@
 import { jsx as B } from "react/jsx-runtime";
 import { forwardRef as j } from "react";
-import k from "./fondue-components44.js";
+import k from "./fondue-components45.js";
 const w = j(
   ({
     children: o,

package/dist/fondue-components60.js

@@ -1,21 +1,26 @@
-const r = "_root_1ri4z_2", i = {
-  root: r,
-  "size-medium": "_size-medium_1ri4z_6",
-  "size-large": "_size-large_1ri4z_11",
-  "size-x-large": "_size-x-large_1ri4z_16",
-  "size-xx-large": "_size-xx-large_1ri4z_21",
-  "weight-default": "_weight-default_1ri4z_26",
-  "weight-strong": "_weight-strong_1ri4z_30",
-  "color-default": "_color-default_1ri4z_34",
-  "color-weak": "_color-weak_1ri4z_38",
-  "color-disabled": "_color-disabled_1ri4z_42",
-  "color-negative": "_color-negative_1ri4z_46",
-  "color-positive": "_color-positive_1ri4z_50",
-  "color-warning": "_color-warning_1ri4z_54",
-  "color-interactive": "_color-interactive_1ri4z_58"
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { DatePickerCalendar as s } from "./fondue-components105.js";
+import { useSingleDate as m } from "./fondue-components108.js";
+const e = ({ "data-test-id": t, onChange: r, selected: a, ...i }, o) => {
+  const { selectedDate: d, handleSelect: l } = m(a, r);
+  return /* @__PURE__ */ n(
+    s,
+    {
+      ...i,
+      ref: o,
+      "data-test-id": t,
+      mode: "single",
+      required: !0,
+      selected: d,
+      onSelect: l
+    }
+  );
 };
+e.displayName = "SingleDatePicker";
+const g = c(e);
 export {
-  i as default,
-  r as root
+  g as ForwardedRefSingleDatePicker,
+  e as SingleDatePicker
 };
 //# sourceMappingURL=fondue-components60.js.map

package/dist/fondue-components60.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components60.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fondue-components60.js","sources":["../src/components/DatePicker/SingleDatePicker.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ForwardedRef } from 'react';\n\nimport { type DatePickerBaseProps, DatePickerCalendar } from './DatePickerCalendar';\nimport { useSingleDate } from './hooks/useSingleDate';\nimport { type DatePickerDate } from './types';\n\ntype SingleDatePickerProps = {\n    selected?: DatePickerDate;\n    onChange?: (date?: DatePickerDate) => void;\n} & DatePickerBaseProps;\n\nexport const SingleDatePicker = (\n    { 'data-test-id': dataTestId, onChange, selected, ...props }: SingleDatePickerProps,\n    ref: ForwardedRef<HTMLDivElement>,\n): JSX.Element => {\n    const { selectedDate, handleSelect } = useSingleDate(selected, onChange);\n    return (\n        <DatePickerCalendar\n            {...props}\n            ref={ref}\n            data-test-id={dataTestId}\n            mode=\"single\"\n            required\n            selected={selectedDate}\n            onSelect={handleSelect}\n        />\n    );\n};\n\nSingleDatePicker.displayName = 'SingleDatePicker';\nexport const ForwardedRefSingleDatePicker = forwardRef<HTMLDivElement, SingleDatePickerProps>(SingleDatePicker);\n"],"names":["SingleDatePicker","dataTestId","onChange","selected","props","ref","selectedDate","handleSelect","useSingleDate","jsx","DatePickerCalendar","ForwardedRefSingleDatePicker","forwardRef"],"mappings":";;;;AAaO,MAAMA,IAAmB,CAC5B,EAAE,gBAAgBC,GAAY,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,GACrDC,MACc;AACd,QAAM,EAAE,cAAAC,GAAc,cAAAC,EAAA,IAAiBC,EAAcL,GAAUD,CAAQ;AACvE,SACI,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGN;AAAA,MACJ,KAAAC;AAAA,MACA,gBAAcJ;AAAA,MACd,MAAK;AAAA,MACL,UAAQ;AAAA,MACR,UAAUK;AAAA,MACV,UAAUC;AAAA,IAAA;AAAA,EAAA;AAGtB;AAEAP,EAAiB,cAAc;AACxB,MAAMW,IAA+BC,EAAkDZ,CAAgB;"}

package/dist/fondue-components61.js

@@ -1,14 +1,8 @@
-const t = "_root_1h7zi_3", e = "_contentArea_1h7zi_71", o = "_hiddenText_1h7zi_76", n = "_visibleText_1h7zi_82", i = {
-  root: t,
-  contentArea: e,
-  hiddenText: o,
-  visibleText: n
+const o = "_root_wpwbd_6", t = {
+  root: o
 };
 export {
-  e as contentArea,
-  i as default,
-  o as hiddenText,
-  t as root,
-  n as visibleText
+  t as default,
+  o as root
 };
 //# sourceMappingURL=fondue-components61.js.map

package/dist/fondue-components61.js.map

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