@chayns-components/core 5.0.0-beta.998 → 5.0.0

package/lib/cjs/utils/numberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"numberInput.js","names":["_numberInput","require","parseFloatWithDecimals","stringValue","decimals","parsed","parseFloat","toFixed","exports","formateNumber","number","isMoneyInput","isTimeInput","hours","minutes","firstTwoDigits","substring","includes","replace","firstTwoNumbers","Number","lastTwoNumbers","lastTwoNumbersLength","length","hoursStr","minutesStr","toLocaleString","useGrouping","minimumFractionDigits","undefined","maximumFractionDigits","maximumSignificantDigits","isValidString","isDecimalInput","string","isValid","DECIMAL_TEST","test","MONEY_TEST","TIME_TEST","INTEGER_TEST","startsWith"],"sources":["../../../src/utils/numberInput.ts"],"sourcesContent":["import { DECIMAL_TEST, INTEGER_TEST, MONEY_TEST, TIME_TEST } from '../constants/numberInput';\n\ninterface ParseFloatWithDecimals {\n    ({ stringValue, decimals }: { stringValue: string; decimals?: number }): number;\n}\n\nexport const parseFloatWithDecimals: ParseFloatWithDecimals = ({ stringValue, decimals }) => {\n    const parsed = parseFloat(stringValue);\n\n    if (decimals) {\n        return parseFloat(parsed.toFixed(decimals));\n    }\n\n    return parsed;\n};\n\ninterface FormateNumberOptions {\n    number: number | string | null;\n    isMoneyInput?: boolean;\n    isTimeInput?: boolean;\n}\n\nexport const formateNumber = ({ number, isMoneyInput, isTimeInput }: FormateNumberOptions) => {\n    if (isTimeInput && typeof number === 'string') {\n        let hours = 0;\n        let minutes = 0;\n\n        let firstTwoDigits = number.substring(0, 2);\n\n        if (firstTwoDigits.includes(':')) {\n            firstTwoDigits = firstTwoDigits.replace(':', '');\n\n            firstTwoDigits = `0${firstTwoDigits}`;\n        }\n\n        const firstTwoNumbers = Number(firstTwoDigits);\n        let lastTwoNumbers = 0;\n        let lastTwoNumbersLength = 0;\n\n        if (number.includes(':')) {\n            lastTwoNumbers = Number(number.substring(3, 5));\n            lastTwoNumbersLength = number.substring(3, 5).length;\n        } else {\n            lastTwoNumbers = Number(number.substring(2, 4));\n            lastTwoNumbersLength = number.substring(2, 4).length;\n        }\n\n        hours = firstTwoNumbers > 23 ? 23 : firstTwoNumbers;\n\n        if (lastTwoNumbers < 7 && lastTwoNumbersLength === 1) {\n            minutes = lastTwoNumbers * 10;\n        } else {\n            minutes = lastTwoNumbers > 59 ? 59 : lastTwoNumbers;\n        }\n\n        const hoursStr = hours < 10 ? `0${hours}` : `${hours}`;\n        const minutesStr = minutes < 10 ? `0${minutes}` : `${minutes}`;\n\n        return `${hoursStr}:${minutesStr}`;\n    }\n\n    if (typeof number !== 'number') {\n        return '';\n    }\n\n    return number.toLocaleString('de-DE', {\n        useGrouping: true,\n        minimumFractionDigits: isMoneyInput ? 2 : undefined,\n        maximumFractionDigits: isMoneyInput ? 2 : undefined,\n        maximumSignificantDigits: !isMoneyInput ? 20 : undefined,\n    });\n};\n\ninterface IsValidString {\n    (config: {\n        string: string;\n        isDecimalInput?: boolean;\n        isMoneyInput?: boolean;\n        isTimeInput?: boolean;\n    }): boolean;\n}\n\nexport const isValidString: IsValidString = ({\n    isDecimalInput,\n    isMoneyInput,\n    isTimeInput,\n    string,\n}) => {\n    let isValid = false;\n\n    // Allows numbers, one (comma/point) and any number of decimal places\n    if (isDecimalInput && DECIMAL_TEST.test(string)) {\n        isValid = true;\n    }\n\n    // Allows numbers but excludes numbers with leading 0\n    if (isMoneyInput && MONEY_TEST.test(string)) {\n        isValid = true;\n    }\n\n    if (isTimeInput && TIME_TEST) {\n        isValid = true;\n    }\n\n    // Allows numbers but excludes numbers with leading 0\n    if (!isDecimalInput && !isMoneyInput && !isTimeInput && INTEGER_TEST.test(string)) {\n        isValid = true;\n    }\n\n    if (string.length === 0) {\n        isValid = true;\n    }\n\n    if (string.startsWith('0')) {\n        isValid = true;\n    }\n\n    return isValid;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAMO,MAAMC,sBAA8C,GAAGA,CAAC;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EACzF,MAAMC,MAAM,GAAGC,UAAU,CAACH,WAAW,CAAC;EAEtC,IAAIC,QAAQ,EAAE;IACV,OAAOE,UAAU,CAACD,MAAM,CAACE,OAAO,CAACH,QAAQ,CAAC,CAAC;EAC/C;EAEA,OAAOC,MAAM;AACjB,CAAC;AAACG,OAAA,CAAAN,sBAAA,GAAAA,sBAAA;AAQK,MAAMO,aAAa,GAAGA,CAAC;EAAEC,MAAM;EAAEC,YAAY;EAAEC;AAAkC,CAAC,KAAK;EAC1F,IAAIA,WAAW,IAAI,OAAOF,MAAM,KAAK,QAAQ,EAAE;IAC3C,IAAIG,KAAK,GAAG,CAAC;IACb,IAAIC,OAAO,GAAG,CAAC;IAEf,IAAIC,cAAc,GAAGL,MAAM,CAACM,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IAE3C,IAAID,cAAc,CAACE,QAAQ,CAAC,GAAG,CAAC,EAAE;MAC9BF,cAAc,GAAGA,cAAc,CAACG,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;MAEhDH,cAAc,GAAG,IAAIA,cAAc,EAAE;IACzC;IAEA,MAAMI,eAAe,GAAGC,MAAM,CAACL,cAAc,CAAC;IAC9C,IAAIM,cAAc,GAAG,CAAC;IACtB,IAAIC,oBAAoB,GAAG,CAAC;IAE5B,IAAIZ,MAAM,CAACO,QAAQ,CAAC,GAAG,CAAC,EAAE;MACtBI,cAAc,GAAGD,MAAM,CAACV,MAAM,CAACM,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;MAC/CM,oBAAoB,GAAGZ,MAAM,CAACM,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAACO,MAAM;IACxD,CAAC,MAAM;MACHF,cAAc,GAAGD,MAAM,CAACV,MAAM,CAACM,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;MAC/CM,oBAAoB,GAAGZ,MAAM,CAACM,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAACO,MAAM;IACxD;IAEAV,KAAK,GAAGM,eAAe,GAAG,EAAE,GAAG,EAAE,GAAGA,eAAe;IAEnD,IAAIE,cAAc,GAAG,CAAC,IAAIC,oBAAoB,KAAK,CAAC,EAAE;MAClDR,OAAO,GAAGO,cAAc,GAAG,EAAE;IACjC,CAAC,MAAM;MACHP,OAAO,GAAGO,cAAc,GAAG,EAAE,GAAG,EAAE,GAAGA,cAAc;IACvD;IAEA,MAAMG,QAAQ,GAAGX,KAAK,GAAG,EAAE,GAAG,IAAIA,KAAK,EAAE,GAAG,GAAGA,KAAK,EAAE;IACtD,MAAMY,UAAU,GAAGX,OAAO,GAAG,EAAE,GAAG,IAAIA,OAAO,EAAE,GAAG,GAAGA,OAAO,EAAE;IAE9D,OAAO,GAAGU,QAAQ,IAAIC,UAAU,EAAE;EACtC;EAEA,IAAI,OAAOf,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO,EAAE;EACb;EAEA,OAAOA,MAAM,CAACgB,cAAc,CAAC,OAAO,EAAE;IAClCC,WAAW,EAAE,IAAI;IACjBC,qBAAqB,EAAEjB,YAAY,GAAG,CAAC,GAAGkB,SAAS;IACnDC,qBAAqB,EAAEnB,YAAY,GAAG,CAAC,GAAGkB,SAAS;IACnDE,wBAAwB,EAAE,CAACpB,YAAY,GAAG,EAAE,GAAGkB;EACnD,CAAC,CAAC;AACN,CAAC;AAACrB,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAWK,MAAMuB,aAA4B,GAAGA,CAAC;EACzCC,cAAc;EACdtB,YAAY;EACZC,WAAW;EACXsB;AACJ,CAAC,KAAK;EACF,IAAIC,OAAO,GAAG,KAAK;;EAEnB;EACA,IAAIF,cAAc,IAAIG,yBAAY,CAACC,IAAI,CAACH,MAAM,CAAC,EAAE;IAC7CC,OAAO,GAAG,IAAI;EAClB;;EAEA;EACA,IAAIxB,YAAY,IAAI2B,uBAAU,CAACD,IAAI,CAACH,MAAM,CAAC,EAAE;IACzCC,OAAO,GAAG,IAAI;EAClB;EAEA,IAAIvB,WAAW,IAAI2B,sBAAS,EAAE;IAC1BJ,OAAO,GAAG,IAAI;EAClB;;EAEA;EACA,IAAI,CAACF,cAAc,IAAI,CAACtB,YAAY,IAAI,CAACC,WAAW,IAAI4B,yBAAY,CAACH,IAAI,CAACH,MAAM,CAAC,EAAE;IAC/EC,OAAO,GAAG,IAAI;EAClB;EAEA,IAAID,MAAM,CAACX,MAAM,KAAK,CAAC,EAAE;IACrBY,OAAO,GAAG,IAAI;EAClB;EAEA,IAAID,MAAM,CAACO,UAAU,CAAC,GAAG,CAAC,EAAE;IACxBN,OAAO,GAAG,IAAI;EAClB;EAEA,OAAOA,OAAO;AAClB,CAAC;AAAC3B,OAAA,CAAAwB,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"file":"numberInput.js","names":["_numberInput","require","parseFloatWithDecimals","stringValue","decimals","parsed","parseFloat","toFixed","exports","formateNumber","number","isMoneyInput","isTimeInput","hours","minutes","firstTwoDigits","substring","includes","replace","firstTwoNumbers","Number","lastTwoNumbers","lastTwoNumbersLength","length","hoursStr","minutesStr","toLocaleString","useGrouping","minimumFractionDigits","undefined","maximumFractionDigits","maximumSignificantDigits","isValidString","isDecimalInput","string","isValid","DECIMAL_TEST","test","MONEY_TEST","TIME_TEST","INTEGER_TEST","startsWith"],"sources":["../../../src/utils/numberInput.ts"],"sourcesContent":["import { DECIMAL_TEST, INTEGER_TEST, MONEY_TEST, TIME_TEST } from '../constants/numberInput';\n\ninterface ParseFloatWithDecimals {\n    ({ stringValue, decimals }: { stringValue: string; decimals?: number }): number | null;\n}\n\nexport const parseFloatWithDecimals: ParseFloatWithDecimals = ({ stringValue, decimals }) => {\n    if (stringValue === '') {\n        return null;\n    }\n\n    const parsed = parseFloat(stringValue);\n\n    if (decimals) {\n        return parseFloat(parsed.toFixed(decimals));\n    }\n\n    return parsed;\n};\n\ninterface FormateNumberOptions {\n    number: number | string | null;\n    isMoneyInput?: boolean;\n    isTimeInput?: boolean;\n}\n\nexport const formateNumber = ({ number, isMoneyInput, isTimeInput }: FormateNumberOptions) => {\n    if (isTimeInput && typeof number === 'string') {\n        let hours = 0;\n        let minutes = 0;\n\n        let firstTwoDigits = number.substring(0, 2);\n\n        if (firstTwoDigits.includes(':')) {\n            firstTwoDigits = firstTwoDigits.replace(':', '');\n\n            firstTwoDigits = `0${firstTwoDigits}`;\n        }\n\n        const firstTwoNumbers = Number(firstTwoDigits);\n        let lastTwoNumbers = 0;\n        let lastTwoNumbersLength = 0;\n\n        if (number.includes(':')) {\n            lastTwoNumbers = Number(number.substring(3, 5));\n            lastTwoNumbersLength = number.substring(3, 5).length;\n        } else {\n            lastTwoNumbers = Number(number.substring(2, 4));\n            lastTwoNumbersLength = number.substring(2, 4).length;\n        }\n\n        hours = firstTwoNumbers > 23 ? 23 : firstTwoNumbers;\n\n        if (lastTwoNumbers < 7 && lastTwoNumbersLength === 1) {\n            minutes = lastTwoNumbers * 10;\n        } else {\n            minutes = lastTwoNumbers > 59 ? 59 : lastTwoNumbers;\n        }\n\n        const hoursStr = hours < 10 ? `0${hours}` : `${hours}`;\n        const minutesStr = minutes < 10 ? `0${minutes}` : `${minutes}`;\n\n        return `${hoursStr}:${minutesStr}`;\n    }\n\n    if (typeof number !== 'number') {\n        return '';\n    }\n\n    return number.toLocaleString('de-DE', {\n        useGrouping: true,\n        minimumFractionDigits: isMoneyInput ? 2 : undefined,\n        maximumFractionDigits: isMoneyInput ? 2 : undefined,\n        maximumSignificantDigits: !isMoneyInput ? 20 : undefined,\n    });\n};\n\ninterface IsValidString {\n    (config: {\n        string: string;\n        isDecimalInput?: boolean;\n        isMoneyInput?: boolean;\n        isTimeInput?: boolean;\n    }): boolean;\n}\n\nexport const isValidString: IsValidString = ({\n    isDecimalInput,\n    isMoneyInput,\n    isTimeInput,\n    string,\n}) => {\n    let isValid = false;\n\n    // Allows numbers, one (comma/point) and any number of decimal places\n    if (isDecimalInput && DECIMAL_TEST.test(string)) {\n        isValid = true;\n    }\n\n    // Allows numbers but excludes numbers with leading 0\n    if (isMoneyInput && MONEY_TEST.test(string)) {\n        isValid = true;\n    }\n\n    if (isTimeInput && TIME_TEST) {\n        isValid = true;\n    }\n\n    // Allows numbers but excludes numbers with leading 0\n    if (!isDecimalInput && !isMoneyInput && !isTimeInput && INTEGER_TEST.test(string)) {\n        isValid = true;\n    }\n\n    if (string.length === 0) {\n        isValid = true;\n    }\n\n    if (string.startsWith('0')) {\n        isValid = true;\n    }\n\n    return isValid;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/pageProvider.js

@@ -22,18 +22,23 @@ const getUsableHeight = async () => {
   return usableHeight;
 };
 exports.getUsableHeight = getUsableHeight;
-const useUsableHeight = () => {
+const useUsableHeight = ({
+  shouldReduceByCoverHeight
+} = {}) => {
   let usableHeight;
   const {
     bottomBarHeight,
     offsetTop,
+    topBarHeight,
     windowHeight
   } = (0, _chaynsApi.useWindowMetrics)();
   usableHeight = windowHeight;
   if (bottomBarHeight) {
     usableHeight -= bottomBarHeight;
   }
-  if (offsetTop) {
+  if (!shouldReduceByCoverHeight && topBarHeight) {
+    usableHeight -= topBarHeight;
+  } else if (shouldReduceByCoverHeight && offsetTop) {
     usableHeight -= offsetTop;
   }
   return usableHeight;

package/lib/cjs/utils/pageProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"pageProvider.js","names":["_chaynsApi","require","getUsableHeight","usableHeight","bottomBarHeight","offsetTop","windowHeight","getWindowMetrics","exports","useUsableHeight","useWindowMetrics"],"sources":["../../../src/utils/pageProvider.ts"],"sourcesContent":["import { getWindowMetrics, useWindowMetrics } from 'chayns-api';\n\nexport const getUsableHeight = async () => {\n    let usableHeight;\n\n    const { bottomBarHeight, offsetTop, windowHeight } = await getWindowMetrics();\n\n    usableHeight = windowHeight;\n\n    if (bottomBarHeight) {\n        usableHeight -= bottomBarHeight;\n    }\n\n    if (offsetTop) {\n        usableHeight -= offsetTop;\n    }\n\n    return usableHeight;\n};\n\nexport const useUsableHeight = () => {\n    let usableHeight;\n\n    const { bottomBarHeight, offsetTop, windowHeight } = useWindowMetrics();\n    usableHeight = windowHeight;\n\n    if (bottomBarHeight) {\n        usableHeight -= bottomBarHeight;\n    }\n\n    if (offsetTop) {\n        usableHeight -= offsetTop;\n    }\n\n    return usableHeight;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAG,MAAAA,CAAA,KAAY;EACvC,IAAIC,YAAY;EAEhB,MAAM;IAAEC,eAAe;IAAEC,SAAS;IAAEC;EAAa,CAAC,GAAG,MAAM,IAAAC,2BAAgB,EAAC,CAAC;EAE7EJ,YAAY,GAAGG,YAAY;EAE3B,IAAIF,eAAe,EAAE;IACjBD,YAAY,IAAIC,eAAe;EACnC;EAEA,IAAIC,SAAS,EAAE;IACXF,YAAY,IAAIE,SAAS;EAC7B;EAEA,OAAOF,YAAY;AACvB,CAAC;AAACK,OAAA,CAAAN,eAAA,GAAAA,eAAA;AAEK,MAAMO,eAAe,GAAGA,CAAA,KAAM;EACjC,IAAIN,YAAY;EAEhB,MAAM;IAAEC,eAAe;IAAEC,SAAS;IAAEC;EAAa,CAAC,GAAG,IAAAI,2BAAgB,EAAC,CAAC;EACvEP,YAAY,GAAGG,YAAY;EAE3B,IAAIF,eAAe,EAAE;IACjBD,YAAY,IAAIC,eAAe;EACnC;EAEA,IAAIC,SAAS,EAAE;IACXF,YAAY,IAAIE,SAAS;EAC7B;EAEA,OAAOF,YAAY;AACvB,CAAC;AAACK,OAAA,CAAAC,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"file":"pageProvider.js","names":["_chaynsApi","require","getUsableHeight","usableHeight","bottomBarHeight","offsetTop","windowHeight","getWindowMetrics","exports","useUsableHeight","shouldReduceByCoverHeight","topBarHeight","useWindowMetrics"],"sources":["../../../src/utils/pageProvider.ts"],"sourcesContent":["import { getWindowMetrics, useWindowMetrics } from 'chayns-api';\n\nexport const getUsableHeight = async () => {\n    let usableHeight;\n\n    const { bottomBarHeight, offsetTop, windowHeight } = await getWindowMetrics();\n\n    usableHeight = windowHeight;\n\n    if (bottomBarHeight) {\n        usableHeight -= bottomBarHeight;\n    }\n\n    if (offsetTop) {\n        usableHeight -= offsetTop;\n    }\n\n    return usableHeight;\n};\n\ninterface UseUsableHeightOptions {\n    shouldReduceByCoverHeight?: boolean;\n}\n\nexport const useUsableHeight = ({ shouldReduceByCoverHeight }: UseUsableHeightOptions = {}) => {\n    let usableHeight;\n\n    const { bottomBarHeight, offsetTop, topBarHeight, windowHeight } = useWindowMetrics();\n\n    usableHeight = windowHeight;\n\n    if (bottomBarHeight) {\n        usableHeight -= bottomBarHeight;\n    }\n\n    if (!shouldReduceByCoverHeight && topBarHeight) {\n        usableHeight -= topBarHeight;\n    } else if (shouldReduceByCoverHeight && offsetTop) {\n        usableHeight -= offsetTop;\n    }\n\n    return usableHeight;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAG,MAAAA,CAAA,KAAY;EACvC,IAAIC,YAAY;EAEhB,MAAM;IAAEC,eAAe;IAAEC,SAAS;IAAEC;EAAa,CAAC,GAAG,MAAM,IAAAC,2BAAgB,EAAC,CAAC;EAE7EJ,YAAY,GAAGG,YAAY;EAE3B,IAAIF,eAAe,EAAE;IACjBD,YAAY,IAAIC,eAAe;EACnC;EAEA,IAAIC,SAAS,EAAE;IACXF,YAAY,IAAIE,SAAS;EAC7B;EAEA,OAAOF,YAAY;AACvB,CAAC;AAACK,OAAA,CAAAN,eAAA,GAAAA,eAAA;AAMK,MAAMO,eAAe,GAAGA,CAAC;EAAEC;AAAkD,CAAC,GAAG,CAAC,CAAC,KAAK;EAC3F,IAAIP,YAAY;EAEhB,MAAM;IAAEC,eAAe;IAAEC,SAAS;IAAEM,YAAY;IAAEL;EAAa,CAAC,GAAG,IAAAM,2BAAgB,EAAC,CAAC;EAErFT,YAAY,GAAGG,YAAY;EAE3B,IAAIF,eAAe,EAAE;IACjBD,YAAY,IAAIC,eAAe;EACnC;EAEA,IAAI,CAACM,yBAAyB,IAAIC,YAAY,EAAE;IAC5CR,YAAY,IAAIQ,YAAY;EAChC,CAAC,MAAM,IAAID,yBAAyB,IAAIL,SAAS,EAAE;IAC/CF,YAAY,IAAIE,SAAS;EAC7B;EAEA,OAAOF,YAAY;AACvB,CAAC;AAACK,OAAA,CAAAC,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/cjs/utils/radioButton.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getRadioButtonOrder = void 0;
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const getRadioButtonOrder = children => {
   const radioButtonIds = [];
   _react.Children.forEach(children, child => {

package/lib/cjs/utils/radioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioButton.js","names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getRadioButtonOrder","children","radioButtonIds","Children","forEach","child","React","isValidElement","id","props","push","exports"],"sources":["../../../src/utils/radioButton.ts"],"sourcesContent":["import React, { Children, ReactNode } from 'react';\n\nexport const getRadioButtonOrder = (children: ReactNode): string[] => {\n    const radioButtonIds: string[] = [];\n\n    Children.forEach(children, (child) => {\n        if (React.isValidElement<{ id?: string }>(child)) {\n            const { id } = child.props;\n\n            if (typeof id === 'string') {\n                radioButtonIds.push(id);\n            }\n        }\n    });\n\n    return radioButtonIds;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE5C,MAAMW,mBAAmB,GAAIC,QAAmB,IAAe;EAClE,MAAMC,cAAwB,GAAG,EAAE;EAEnCC,eAAQ,CAACC,OAAO,CAACH,QAAQ,EAAGI,KAAK,IAAK;IAClC,iBAAIC,cAAK,CAACC,cAAc,CAAkBF,KAAK,CAAC,EAAE;MAC9C,MAAM;QAAEG;MAAG,CAAC,GAAGH,KAAK,CAACI,KAAK;MAE1B,IAAI,OAAOD,EAAE,KAAK,QAAQ,EAAE;QACxBN,cAAc,CAACQ,IAAI,CAACF,EAAE,CAAC;MAC3B;IACJ;EACJ,CAAC,CAAC;EAEF,OAAON,cAAc;AACzB,CAAC;AAACS,OAAA,CAAAX,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"file":"radioButton.js","names":["_react","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getRadioButtonOrder","children","radioButtonIds","Children","forEach","child","React","isValidElement","id","props","push","exports"],"sources":["../../../src/utils/radioButton.ts"],"sourcesContent":["import React, { Children, ReactNode } from 'react';\n\nexport const getRadioButtonOrder = (children: ReactNode): string[] => {\n    const radioButtonIds: string[] = [];\n\n    Children.forEach(children, (child) => {\n        if (React.isValidElement<{ id?: string }>(child)) {\n            const { id } = child.props;\n\n            if (typeof id === 'string') {\n                radioButtonIds.push(id);\n            }\n        }\n    });\n\n    return radioButtonIds;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE5C,MAAMkB,mBAAmB,GAAIC,QAAmB,IAAe;EAClE,MAAMC,cAAwB,GAAG,EAAE;EAEnCC,eAAQ,CAACC,OAAO,CAACH,QAAQ,EAAGI,KAAK,IAAK;IAClC,iBAAIC,cAAK,CAACC,cAAc,CAAkBF,KAAK,CAAC,EAAE;MAC9C,MAAM;QAAEG;MAAG,CAAC,GAAGH,KAAK,CAACI,KAAK;MAE1B,IAAI,OAAOD,EAAE,KAAK,QAAQ,EAAE;QACxBN,cAAc,CAACQ,IAAI,CAACF,EAAE,CAAC;MAC3B;IACJ;EACJ,CAAC,CAAC;EAEF,OAAON,cAAc;AACzB,CAAC;AAACS,OAAA,CAAAX,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/cjs/utils/slider.js

@@ -36,15 +36,16 @@ const fillSlider = ({
 };
 exports.fillSlider = fillSlider;
 const calculateGradientOffset = ({
-  value,
-  min,
-  max,
+  maxValue,
+  minValue,
+  sliderWidth,
   thumbWidth,
-  containerWidth
+  value,
+  wrapperWidth
 }) => {
-  const percentage = (value - min) / (max - min);
-  const adjustedWidth = containerWidth - thumbWidth / 2;
-  return percentage * adjustedWidth + thumbWidth / 2 + 5;
+  const offset = (wrapperWidth - sliderWidth) / 2;
+  const percentage = (value - minValue) / (maxValue - minValue);
+  return offset - thumbWidth / 2 + percentage * sliderWidth;
 };
 exports.calculateGradientOffset = calculateGradientOffset;
 const calculatePopupPosition = ({
@@ -53,14 +54,9 @@ const calculatePopupPosition = ({
   max,
   popupWidth
 }) => {
-  // Berechnung des Prozentwerts des Sliders zwischen min und max
   const percentage = (sliderValue - min) / (max - min);
-
-  // Berechnung des linken Versatzes bei 0% (-10px) und bei 100% (-popupWidth + 20px)
   const leftAtMin = -10;
   const leftAtMax = -popupWidth + 25;
-
-  // Berechnung des dynamischen Left-Werts basierend auf dem Slider-Prozentwert
   return leftAtMin + percentage * (leftAtMax - leftAtMin);
 };
 exports.calculatePopupPosition = calculatePopupPosition;

package/lib/cjs/utils/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":["fillSlider","fromSlider","toSlider","theme","fromValue","toValue","rangeDistance","Number","max","min","fromPosition","value","toPosition","backgroundColor","trackColor","gradient","style","background","exports","calculateGradientOffset","thumbWidth","containerWidth","percentage","adjustedWidth","calculatePopupPosition","sliderValue","popupWidth","leftAtMin","leftAtMax","getThumbMaxWidth","maxNumber","thumbLabelFormatter","element","document","createElement","height","display","padding","whiteSpace","minWidth","opacity","position","textContent","String","body","appendChild","width","offsetWidth","removeChild"],"sources":["../../../src/utils/slider.ts"],"sourcesContent":["import type { Theme } from '../components/color-scheme-provider/ColorSchemeProvider';\n\nexport interface FillSlider {\n    fromSlider: HTMLInputElement;\n    toSlider: HTMLInputElement;\n    fromValue?: number;\n    toValue?: number;\n    theme: Theme;\n}\n\nexport const fillSlider = ({ fromSlider, toSlider, theme, fromValue, toValue }: FillSlider) => {\n    const rangeDistance = Number(toSlider.max) - Number(toSlider.min);\n    const fromPosition = Number(fromValue ?? fromSlider.value) - Number(toSlider.min);\n    const toPosition = Number(toValue ?? toSlider.value) - Number(toSlider.min);\n\n    const backgroundColor = theme['403'];\n    const trackColor = theme['409'];\n\n    if (!backgroundColor || !trackColor) {\n        return;\n    }\n\n    const gradient = `linear-gradient(\n      to right,\n      ${backgroundColor} 0%,\n      ${backgroundColor} ${(fromPosition / rangeDistance) * 100}%,\n      ${trackColor} ${(fromPosition / rangeDistance) * 100}%,\n      ${trackColor} ${(toPosition / rangeDistance) * 100}%,\n      ${backgroundColor} ${(toPosition / rangeDistance) * 100}%,\n      ${backgroundColor} 100%)`;\n\n    // Apply the gradient to the appropriate slider\n    // eslint-disable-next-line no-param-reassign\n    toSlider.style.background = gradient;\n    // eslint-disable-next-line no-param-reassign\n    fromSlider.style.background = gradient;\n};\n\ninterface CalculateGradientOffset {\n    value: number;\n    min: number;\n    max: number;\n    thumbWidth: number;\n    containerWidth: number;\n}\n\nexport const calculateGradientOffset = ({\n    value,\n    min,\n    max,\n    thumbWidth,\n    containerWidth,\n}: CalculateGradientOffset): number => {\n    const percentage = (value - min) / (max - min);\n\n    const adjustedWidth = containerWidth - thumbWidth / 2;\n\n    return percentage * adjustedWidth + thumbWidth / 2 + 5;\n};\n\ninterface GetThumbMaxWidthOptions {\n    maxNumber: number;\n    thumbLabelFormatter?: (value: number) => string;\n}\n\ninterface CalculatePopupPositionOptions {\n    sliderValue: number;\n    min: number;\n    max: number;\n    popupWidth: number;\n}\n\nexport const calculatePopupPosition = ({\n    sliderValue,\n    min,\n    max,\n    popupWidth,\n}: CalculatePopupPositionOptions) => {\n    // Berechnung des Prozentwerts des Sliders zwischen min und max\n    const percentage = (sliderValue - min) / (max - min);\n\n    // Berechnung des linken Versatzes bei 0% (-10px) und bei 100% (-popupWidth + 20px)\n    const leftAtMin = -10;\n    const leftAtMax = -popupWidth + 25;\n\n    // Berechnung des dynamischen Left-Werts basierend auf dem Slider-Prozentwert\n    return leftAtMin + percentage * (leftAtMax - leftAtMin);\n};\n\nexport const getThumbMaxWidth = ({ maxNumber, thumbLabelFormatter }: GetThumbMaxWidthOptions) => {\n    const element = document.createElement('span');\n\n    element.style.height = '20px';\n    element.style.display = 'flex';\n    element.style.padding = '16px';\n    element.style.whiteSpace = 'nowrap';\n    element.style.minWidth = '20px';\n    element.style.opacity = '0';\n    element.style.position = 'absolute';\n\n    element.textContent =\n        typeof thumbLabelFormatter === 'function'\n            ? thumbLabelFormatter(maxNumber)\n            : String(maxNumber);\n\n    document.body.appendChild(element);\n\n    const width = element.offsetWidth;\n\n    document.body.removeChild(element);\n\n    return width;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"slider.js","names":["fillSlider","fromSlider","toSlider","theme","fromValue","toValue","rangeDistance","Number","max","min","fromPosition","value","toPosition","backgroundColor","trackColor","gradient","style","background","exports","calculateGradientOffset","maxValue","minValue","sliderWidth","thumbWidth","wrapperWidth","offset","percentage","calculatePopupPosition","sliderValue","popupWidth","leftAtMin","leftAtMax","getThumbMaxWidth","maxNumber","thumbLabelFormatter","element","document","createElement","height","display","padding","whiteSpace","minWidth","opacity","position","textContent","String","body","appendChild","width","offsetWidth","removeChild"],"sources":["../../../src/utils/slider.ts"],"sourcesContent":["import type { Theme } from '../components/color-scheme-provider/ColorSchemeProvider';\n\nexport interface FillSlider {\n    fromSlider: HTMLInputElement;\n    toSlider: HTMLInputElement;\n    fromValue?: number;\n    toValue?: number;\n    theme: Theme;\n}\n\nexport const fillSlider = ({ fromSlider, toSlider, theme, fromValue, toValue }: FillSlider) => {\n    const rangeDistance = Number(toSlider.max) - Number(toSlider.min);\n    const fromPosition = Number(fromValue ?? fromSlider.value) - Number(toSlider.min);\n    const toPosition = Number(toValue ?? toSlider.value) - Number(toSlider.min);\n\n    const backgroundColor = theme['403'];\n    const trackColor = theme['409'];\n\n    if (!backgroundColor || !trackColor) {\n        return;\n    }\n\n    const gradient = `linear-gradient(\n      to right,\n      ${backgroundColor} 0%,\n      ${backgroundColor} ${(fromPosition / rangeDistance) * 100}%,\n      ${trackColor} ${(fromPosition / rangeDistance) * 100}%,\n      ${trackColor} ${(toPosition / rangeDistance) * 100}%,\n      ${backgroundColor} ${(toPosition / rangeDistance) * 100}%,\n      ${backgroundColor} 100%)`;\n\n    // Apply the gradient to the appropriate slider\n    // eslint-disable-next-line no-param-reassign\n    toSlider.style.background = gradient;\n    // eslint-disable-next-line no-param-reassign\n    fromSlider.style.background = gradient;\n};\n\ninterface CalculateGradientOffset {\n    maxValue: number;\n    minValue: number;\n    sliderWidth: number;\n    thumbWidth: number;\n    value: number;\n    wrapperWidth: number;\n}\n\nexport const calculateGradientOffset = ({\n    maxValue,\n    minValue,\n    sliderWidth,\n    thumbWidth,\n    value,\n    wrapperWidth,\n}: CalculateGradientOffset): number => {\n    const offset = (wrapperWidth - sliderWidth) / 2;\n    const percentage = (value - minValue) / (maxValue - minValue);\n\n    return offset - thumbWidth / 2 + percentage * sliderWidth;\n};\n\ninterface GetThumbMaxWidthOptions {\n    maxNumber: number;\n    thumbLabelFormatter?: (value: number) => string;\n}\n\ninterface CalculatePopupPositionOptions {\n    sliderValue: number;\n    min: number;\n    max: number;\n    popupWidth: number;\n}\n\nexport const calculatePopupPosition = ({\n    sliderValue,\n    min,\n    max,\n    popupWidth,\n}: CalculatePopupPositionOptions) => {\n    const percentage = (sliderValue - min) / (max - min);\n\n    const leftAtMin = -10;\n    const leftAtMax = -popupWidth + 25;\n\n    return leftAtMin + percentage * (leftAtMax - leftAtMin);\n};\n\nexport const getThumbMaxWidth = ({ maxNumber, thumbLabelFormatter }: GetThumbMaxWidthOptions) => {\n    const element = document.createElement('span');\n\n    element.style.height = '20px';\n    element.style.display = 'flex';\n    element.style.padding = '16px';\n    element.style.whiteSpace = 'nowrap';\n    element.style.minWidth = '20px';\n    element.style.opacity = '0';\n    element.style.position = 'absolute';\n\n    element.textContent =\n        typeof thumbLabelFormatter === 'function'\n            ? thumbLabelFormatter(maxNumber)\n            : String(maxNumber);\n\n    document.body.appendChild(element);\n\n    const width = element.offsetWidth;\n\n    document.body.removeChild(element);\n\n    return width;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/sliderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"sliderButton.js","names":["getNearestPoint","snapPoints","position","scrollLeft","nearestIndex","nearestPoint","Infinity","i","length","index","exports","getThumbPosition","itemWidth","scope","current","undefined","transform","style","match","parseFloat","left","right","middle"],"sources":["../../../src/utils/sliderButton.ts"],"sourcesContent":["import type { AnimationScope } from 'framer-motion';\n\ninterface GetNearestPointProps {\n    position: number;\n    snapPoints: number[];\n    scrollLeft: number;\n}\nexport const getNearestPoint = ({ snapPoints, position, scrollLeft }: GetNearestPointProps) => {\n    let nearestIndex = -1;\n    let nearestPoint = -Infinity;\n\n    for (let i = 0; i < snapPoints.length; i++) {\n        const index = snapPoints[i];\n\n        if (index && index < position + scrollLeft && index > nearestPoint) {\n            nearestPoint = index;\n            nearestIndex = i;\n        }\n    }\n\n    nearestIndex = nearestIndex === -1 ? 0 : nearestIndex;\n    nearestPoint = nearestPoint === -Infinity ? 0 : nearestPoint;\n\n    return { nearestIndex, nearestPoint };\n};\n\ninterface GetThumbPositionProps {\n    scope: AnimationScope;\n    itemWidth: number;\n}\n\nexport const getThumbPosition = ({ itemWidth, scope }: GetThumbPositionProps) => {\n    if (!scope.current) {\n        return undefined;\n    }\n\n    const { transform } = (scope.current as HTMLElement).style;\n    let position;\n\n    if (transform === 'none') {\n        position = 0;\n    } else {\n        const match = transform.match(/translateX\\(([-\\d.]+)px\\)/);\n\n        if (match && match[1]) {\n            position = parseFloat(match[1]);\n        }\n    }\n\n    if (typeof position !== 'number' && !position) {\n        return undefined;\n    }\n\n    return { left: position, right: position + itemWidth, middle: position + itemWidth / 2 };\n};\n"],"mappings":";;;;;;AAOO,MAAMA,eAAe,GAAGA,CAAC;EAAEC,UAAU;EAAEC,QAAQ;EAAEC;AAAiC,CAAC,KAAK;EAC3F,IAAIC,YAAY,GAAG,CAAC,CAAC;EACrB,IAAIC,YAAY,GAAG,CAACC,QAAQ;EAE5B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGN,UAAU,CAACO,MAAM,EAAED,CAAC,EAAE,EAAE;IACxC,MAAME,KAAK,GAAGR,UAAU,CAACM,CAAC,CAAC;IAE3B,IAAIE,KAAK,IAAIA,KAAK,GAAGP,QAAQ,GAAGC,UAAU,IAAIM,KAAK,GAAGJ,YAAY,EAAE;MAChEA,YAAY,GAAGI,KAAK;MACpBL,YAAY,GAAGG,CAAC;IACpB;EACJ;EAEAH,YAAY,GAAGA,YAAY,KAAK,CAAC,CAAC,GAAG,CAAC,GAAGA,YAAY;EACrDC,YAAY,GAAGA,YAAY,KAAK,CAACC,QAAQ,GAAG,CAAC,GAAGD,YAAY;EAE5D,OAAO;IAAED,YAAY;IAAEC;EAAa,CAAC;AACzC,CAAC;AAACK,OAAA,CAAAV,eAAA,GAAAA,eAAA;AAOK,MAAMW,gBAAgB,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAA6B,CAAC,KAAK;EAC7E,IAAI,CAACA,KAAK,CAACC,OAAO,EAAE;IAChB,OAAOC,SAAS;EACpB;EAEA,MAAM;IAAEC;EAAU,CAAC,GAAIH,KAAK,CAACC,OAAO,CAAiBG,KAAK;EAC1D,IAAIf,QAAQ;EAEZ,IAAIc,SAAS,KAAK,MAAM,EAAE;IACtBd,QAAQ,GAAG,CAAC;EAChB,CAAC,MAAM;IACH,MAAMgB,KAAK,GAAGF,SAAS,CAACE,KAAK,CAAC,2BAA2B,CAAC;IAE1D,IAAIA,KAAK,IAAIA,KAAK,CAAC,CAAC,CAAC,EAAE;MACnBhB,QAAQ,GAAGiB,UAAU,CAACD,KAAK,CAAC,CAAC,CAAC,CAAC;IACnC;EACJ;EAEA,IAAI,OAAOhB,QAAQ,KAAK,QAAQ,IAAI,CAACA,QAAQ,EAAE;IAC3C,OAAOa,SAAS;EACpB;EAEA,OAAO;IAAEK,IAAI,EAAElB,QAAQ;IAAEmB,KAAK,EAAEnB,QAAQ,GAAGU,SAAS;IAAEU,MAAM,EAAEpB,QAAQ,GAAGU,SAAS,GAAG;EAAE,CAAC;AAC5F,CAAC;AAACF,OAAA,CAAAC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"sliderButton.js","names":["getNearestPoint","snapPoints","position","scrollLeft","nearestIndex","nearestPoint","Infinity","i","length","index","exports","getThumbPosition","itemWidth","scope","current","undefined","transform","style","match","parseFloat","left","right","middle"],"sources":["../../../src/utils/sliderButton.ts"],"sourcesContent":["import type { AnimationScope } from 'motion/react';\n\ninterface GetNearestPointProps {\n    position: number;\n    snapPoints: number[];\n    scrollLeft: number;\n}\nexport const getNearestPoint = ({ snapPoints, position, scrollLeft }: GetNearestPointProps) => {\n    let nearestIndex = -1;\n    let nearestPoint = -Infinity;\n\n    for (let i = 0; i < snapPoints.length; i++) {\n        const index = snapPoints[i];\n\n        if (index && index < position + scrollLeft && index > nearestPoint) {\n            nearestPoint = index;\n            nearestIndex = i;\n        }\n    }\n\n    nearestIndex = nearestIndex === -1 ? 0 : nearestIndex;\n    nearestPoint = nearestPoint === -Infinity ? 0 : nearestPoint;\n\n    return { nearestIndex, nearestPoint };\n};\n\ninterface GetThumbPositionProps {\n    scope: AnimationScope;\n    itemWidth: number;\n}\n\nexport const getThumbPosition = ({ itemWidth, scope }: GetThumbPositionProps) => {\n    if (!scope.current) {\n        return undefined;\n    }\n\n    const { transform } = (scope.current as HTMLElement).style;\n    let position;\n\n    if (transform === 'none') {\n        position = 0;\n    } else {\n        const match = transform.match(/translateX\\(([-\\d.]+)px\\)/);\n\n        if (match && match[1]) {\n            position = parseFloat(match[1]);\n        }\n    }\n\n    if (typeof position !== 'number' && !position) {\n        return undefined;\n    }\n\n    return { left: position, right: position + itemWidth, middle: position + itemWidth / 2 };\n};\n"],"mappings":";;;;;;AAOO,MAAMA,eAAe,GAAGA,CAAC;EAAEC,UAAU;EAAEC,QAAQ;EAAEC;AAAiC,CAAC,KAAK;EAC3F,IAAIC,YAAY,GAAG,CAAC,CAAC;EACrB,IAAIC,YAAY,GAAG,CAACC,QAAQ;EAE5B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGN,UAAU,CAACO,MAAM,EAAED,CAAC,EAAE,EAAE;IACxC,MAAME,KAAK,GAAGR,UAAU,CAACM,CAAC,CAAC;IAE3B,IAAIE,KAAK,IAAIA,KAAK,GAAGP,QAAQ,GAAGC,UAAU,IAAIM,KAAK,GAAGJ,YAAY,EAAE;MAChEA,YAAY,GAAGI,KAAK;MACpBL,YAAY,GAAGG,CAAC;IACpB;EACJ;EAEAH,YAAY,GAAGA,YAAY,KAAK,CAAC,CAAC,GAAG,CAAC,GAAGA,YAAY;EACrDC,YAAY,GAAGA,YAAY,KAAK,CAACC,QAAQ,GAAG,CAAC,GAAGD,YAAY;EAE5D,OAAO;IAAED,YAAY;IAAEC;EAAa,CAAC;AACzC,CAAC;AAACK,OAAA,CAAAV,eAAA,GAAAA,eAAA;AAOK,MAAMW,gBAAgB,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAA6B,CAAC,KAAK;EAC7E,IAAI,CAACA,KAAK,CAACC,OAAO,EAAE;IAChB,OAAOC,SAAS;EACpB;EAEA,MAAM;IAAEC;EAAU,CAAC,GAAIH,KAAK,CAACC,OAAO,CAAiBG,KAAK;EAC1D,IAAIf,QAAQ;EAEZ,IAAIc,SAAS,KAAK,MAAM,EAAE;IACtBd,QAAQ,GAAG,CAAC;EAChB,CAAC,MAAM;IACH,MAAMgB,KAAK,GAAGF,SAAS,CAACE,KAAK,CAAC,2BAA2B,CAAC;IAE1D,IAAIA,KAAK,IAAIA,KAAK,CAAC,CAAC,CAAC,EAAE;MACnBhB,QAAQ,GAAGiB,UAAU,CAACD,KAAK,CAAC,CAAC,CAAC,CAAC;IACnC;EACJ;EAEA,IAAI,OAAOhB,QAAQ,KAAK,QAAQ,IAAI,CAACA,QAAQ,EAAE;IAC3C,OAAOa,SAAS;EACpB;EAEA,OAAO;IAAEK,IAAI,EAAElB,QAAQ;IAAEmB,KAAK,EAAEnB,QAAQ,GAAGU,SAAS;IAAEU,MAAM,EAAEpB,QAAQ,GAAGU,SAAS,GAAG;EAAE,CAAC;AAC5F,CAAC;AAACF,OAAA,CAAAC,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/cjs/utils/uploadFile.js

@@ -32,10 +32,12 @@ const uploadFile = async ({
       shouldUploadImageToSite
     });
     if (uploadedImage) {
+      var _uploadedImage$meta, _uploadedImage$meta2, _uploadedImage$meta3, _uploadedImage$meta4;
       callback({
         url: `${uploadedImage.base}/${uploadedImage.key}`,
         id: uploadedImage.key,
-        meta: uploadedImage.meta
+        meta: uploadedImage.meta,
+        ratio: (_uploadedImage$meta = uploadedImage.meta) !== null && _uploadedImage$meta !== void 0 && _uploadedImage$meta.width && (_uploadedImage$meta2 = uploadedImage.meta) !== null && _uploadedImage$meta2 !== void 0 && _uploadedImage$meta2.height ? Number((_uploadedImage$meta3 = uploadedImage.meta) === null || _uploadedImage$meta3 === void 0 ? void 0 : _uploadedImage$meta3.width) / Number((_uploadedImage$meta4 = uploadedImage.meta) === null || _uploadedImage$meta4 === void 0 ? void 0 : _uploadedImage$meta4.height) : undefined
       });
     }
   }

package/lib/cjs/utils/uploadFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"uploadFile.js","names":["_post","require","_post2","uploadFile","fileToUpload","callback","shouldUploadImageToSite","_fileToUpload$file","_fileToUpload$file2","state","file","type","includes","uploadedVideo","postVideo","id","toString","uploadedImage","postImage","url","base","key","meta","exports"],"sources":["../../../src/utils/uploadFile.ts"],"sourcesContent":["import { postImage } from '../api/image/post';\nimport { postVideo } from '../api/video/post';\nimport type { Image, InternalFileItem, Video } from '../types/file';\n\ninterface UploadFilesOptions {\n    fileToUpload: InternalFileItem;\n    callback: (UploadedFile: Video | Image) => void;\n    shouldUploadImageToSite?: boolean;\n}\n\nexport const uploadFile = async ({\n    fileToUpload,\n    callback,\n    shouldUploadImageToSite,\n}: UploadFilesOptions): Promise<void> => {\n    if (!fileToUpload || fileToUpload.state !== 'none') {\n        return;\n    }\n\n    if (fileToUpload.file?.type.includes('video/')) {\n        const uploadedVideo = await postVideo({ file: fileToUpload.file });\n\n        if (uploadedVideo) {\n            callback({\n                ...uploadedVideo,\n                id: uploadedVideo.id.toString(),\n            });\n        }\n    }\n\n    if (fileToUpload.file?.type.includes('image/')) {\n        const uploadedImage = await postImage({ file: fileToUpload.file, shouldUploadImageToSite });\n\n        if (uploadedImage) {\n            callback({\n                url: `${uploadedImage.base}/${uploadedImage.key}`,\n                id: uploadedImage.key,\n                meta: uploadedImage.meta,\n            });\n        }\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AASO,MAAME,UAAU,GAAG,MAAAA,CAAO;EAC7BC,YAAY;EACZC,QAAQ;EACRC;AACgB,CAAC,KAAoB;EAAA,IAAAC,kBAAA,EAAAC,mBAAA;EACrC,IAAI,CAACJ,YAAY,IAAIA,YAAY,CAACK,KAAK,KAAK,MAAM,EAAE;IAChD;EACJ;EAEA,KAAAF,kBAAA,GAAIH,YAAY,CAACM,IAAI,cAAAH,kBAAA,eAAjBA,kBAAA,CAAmBI,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMC,aAAa,GAAG,MAAM,IAAAC,gBAAS,EAAC;MAAEJ,IAAI,EAAEN,YAAY,CAACM;IAAK,CAAC,CAAC;IAElE,IAAIG,aAAa,EAAE;MACfR,QAAQ,CAAC;QACL,GAAGQ,aAAa;QAChBE,EAAE,EAAEF,aAAa,CAACE,EAAE,CAACC,QAAQ,CAAC;MAClC,CAAC,CAAC;IACN;EACJ;EAEA,KAAAR,mBAAA,GAAIJ,YAAY,CAACM,IAAI,cAAAF,mBAAA,eAAjBA,mBAAA,CAAmBG,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMK,aAAa,GAAG,MAAM,IAAAC,eAAS,EAAC;MAAER,IAAI,EAAEN,YAAY,CAACM,IAAI;MAAEJ;IAAwB,CAAC,CAAC;IAE3F,IAAIW,aAAa,EAAE;MACfZ,QAAQ,CAAC;QACLc,GAAG,EAAE,GAAGF,aAAa,CAACG,IAAI,IAAIH,aAAa,CAACI,GAAG,EAAE;QACjDN,EAAE,EAAEE,aAAa,CAACI,GAAG;QACrBC,IAAI,EAAEL,aAAa,CAACK;MACxB,CAAC,CAAC;IACN;EACJ;AACJ,CAAC;AAACC,OAAA,CAAApB,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"file":"uploadFile.js","names":["_post","require","_post2","uploadFile","fileToUpload","callback","shouldUploadImageToSite","_fileToUpload$file","_fileToUpload$file2","state","file","type","includes","uploadedVideo","postVideo","id","toString","uploadedImage","postImage","_uploadedImage$meta","_uploadedImage$meta2","_uploadedImage$meta3","_uploadedImage$meta4","url","base","key","meta","ratio","width","height","Number","undefined","exports"],"sources":["../../../src/utils/uploadFile.ts"],"sourcesContent":["import { postImage } from '../api/image/post';\nimport { postVideo } from '../api/video/post';\nimport type { Image, InternalFileItem, Video } from '../types/file';\n\ninterface UploadFilesOptions {\n    fileToUpload: InternalFileItem;\n    callback: (UploadedFile: Video | Image) => void;\n    shouldUploadImageToSite?: boolean;\n}\n\nexport const uploadFile = async ({\n    fileToUpload,\n    callback,\n    shouldUploadImageToSite,\n}: UploadFilesOptions): Promise<void> => {\n    if (!fileToUpload || fileToUpload.state !== 'none') {\n        return;\n    }\n\n    if (fileToUpload.file?.type.includes('video/')) {\n        const uploadedVideo = await postVideo({ file: fileToUpload.file });\n\n        if (uploadedVideo) {\n            callback({\n                ...uploadedVideo,\n                id: uploadedVideo.id.toString(),\n            });\n        }\n    }\n\n    if (fileToUpload.file?.type.includes('image/')) {\n        const uploadedImage = await postImage({ file: fileToUpload.file, shouldUploadImageToSite });\n\n        if (uploadedImage) {\n            callback({\n                url: `${uploadedImage.base}/${uploadedImage.key}`,\n                id: uploadedImage.key,\n                meta: uploadedImage.meta,\n                ratio:\n                    uploadedImage.meta?.width && uploadedImage.meta?.height\n                        ? Number(uploadedImage.meta?.width) / Number(uploadedImage.meta?.height)\n                        : undefined,\n            });\n        }\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AASO,MAAME,UAAU,GAAG,MAAAA,CAAO;EAC7BC,YAAY;EACZC,QAAQ;EACRC;AACgB,CAAC,KAAoB;EAAA,IAAAC,kBAAA,EAAAC,mBAAA;EACrC,IAAI,CAACJ,YAAY,IAAIA,YAAY,CAACK,KAAK,KAAK,MAAM,EAAE;IAChD;EACJ;EAEA,KAAAF,kBAAA,GAAIH,YAAY,CAACM,IAAI,cAAAH,kBAAA,eAAjBA,kBAAA,CAAmBI,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMC,aAAa,GAAG,MAAM,IAAAC,gBAAS,EAAC;MAAEJ,IAAI,EAAEN,YAAY,CAACM;IAAK,CAAC,CAAC;IAElE,IAAIG,aAAa,EAAE;MACfR,QAAQ,CAAC;QACL,GAAGQ,aAAa;QAChBE,EAAE,EAAEF,aAAa,CAACE,EAAE,CAACC,QAAQ,CAAC;MAClC,CAAC,CAAC;IACN;EACJ;EAEA,KAAAR,mBAAA,GAAIJ,YAAY,CAACM,IAAI,cAAAF,mBAAA,eAAjBA,mBAAA,CAAmBG,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMK,aAAa,GAAG,MAAM,IAAAC,eAAS,EAAC;MAAER,IAAI,EAAEN,YAAY,CAACM,IAAI;MAAEJ;IAAwB,CAAC,CAAC;IAE3F,IAAIW,aAAa,EAAE;MAAA,IAAAE,mBAAA,EAAAC,oBAAA,EAAAC,oBAAA,EAAAC,oBAAA;MACfjB,QAAQ,CAAC;QACLkB,GAAG,EAAE,GAAGN,aAAa,CAACO,IAAI,IAAIP,aAAa,CAACQ,GAAG,EAAE;QACjDV,EAAE,EAAEE,aAAa,CAACQ,GAAG;QACrBC,IAAI,EAAET,aAAa,CAACS,IAAI;QACxBC,KAAK,EACD,CAAAR,mBAAA,GAAAF,aAAa,CAACS,IAAI,cAAAP,mBAAA,eAAlBA,mBAAA,CAAoBS,KAAK,KAAAR,oBAAA,GAAIH,aAAa,CAACS,IAAI,cAAAN,oBAAA,eAAlBA,oBAAA,CAAoBS,MAAM,GACjDC,MAAM,EAAAT,oBAAA,GAACJ,aAAa,CAACS,IAAI,cAAAL,oBAAA,uBAAlBA,oBAAA,CAAoBO,KAAK,CAAC,GAAGE,MAAM,EAAAR,oBAAA,GAACL,aAAa,CAACS,IAAI,cAAAJ,oBAAA,uBAAlBA,oBAAA,CAAoBO,MAAM,CAAC,GACtEE;MACd,CAAC,CAAC;IACN;EACJ;AACJ,CAAC;AAACC,OAAA,CAAA7B,UAAA,GAAAA,UAAA","ignoreList":[]}

package/lib/esm/api/image/post.js

@@ -5,11 +5,10 @@ const IMAGE_RESIZER_API_URL = 'https://cube.tobit.cloud/image-resizer-backend/ap
 /**
  * Uploads an image to the tsimg cloud service
  */
-export const postImage = async _ref => {
-  let {
-    file,
-    shouldUploadImageToSite
-  } = _ref;
+export const postImage = async ({
+  file,
+  shouldUploadImageToSite
+}) => {
   const {
     accessToken
   } = await getAccessToken();

package/lib/esm/api/image/post.js.map

@@ -1 +1 @@
-{"version":3,"file":"post.js","names":["getAccessToken","getSite","getUser","IMAGE_SERVICE_API_V3_URL","IMAGE_RESIZER_API_URL","postImage","_ref","file","shouldUploadImageToSite","accessToken","user","site","personId","undefined","body","FormData","append","url","size","id","response","fetch","headers","Accept","Authorization","method","ok","image","baseDomain","json","key","path","base","endsWith","slice","meta","preview","width","String","height","Error","status"],"sources":["../../../../src/api/image/post.ts"],"sourcesContent":["import { getAccessToken, getSite, getUser } from 'chayns-api';\nimport type { Meta } from '../../types/file';\n\nexport interface PostImageResult {\n    key: string;\n    base: string;\n    meta?: Meta;\n}\n\ninterface Result {\n    requestId: string;\n    image: Image;\n    baseDomain: string;\n    signature: Signature;\n}\n\nexport interface Image {\n    path: string;\n    width: number;\n    height: number;\n    size: number;\n    hash: string;\n    preview: string;\n    isSecured: boolean;\n    format: string;\n    fileExtension: string;\n}\n\nexport interface Signature {\n    verify: string;\n    signature: string;\n    expires: Date;\n}\n\ninterface PostImageOptions {\n    file: File;\n    shouldUploadImageToSite?: boolean;\n}\n\nconst IMAGE_SERVICE_API_V3_URL = 'https://cube.tobit.cloud/image-service/v3/Images';\nconst IMAGE_RESIZER_API_URL = 'https://cube.tobit.cloud/image-resizer-backend/api/v1.0/image';\n\n/**\n * Uploads an image to the tsimg cloud service\n */\nexport const postImage = async ({\n    file,\n    shouldUploadImageToSite,\n}: PostImageOptions): Promise<PostImageResult | undefined> => {\n    const { accessToken } = await getAccessToken();\n    const user = getUser();\n    const site = getSite();\n\n    if (!accessToken || !user?.personId) {\n        return undefined;\n    }\n\n    // const body = await getFileAsArrayBuffer(file);\n\n    const body = new FormData();\n\n    body.append('File', file);\n\n    const url =\n        file.size > 10 * 1024 * 1024\n            ? `${IMAGE_RESIZER_API_URL}/${shouldUploadImageToSite ? site.id : user.personId}`\n            : `${IMAGE_SERVICE_API_V3_URL}/${shouldUploadImageToSite ? site.id : user.personId}`;\n\n    const response = await fetch(url, {\n        body,\n        headers: {\n            Accept: 'application/json',\n            Authorization: `bearer ${accessToken}`,\n        },\n        method: 'POST',\n    });\n\n    if (response.ok) {\n        const { image, baseDomain } = (await response.json()) as Result;\n        // Maps image-service-api-v3 result to v2 result.\n        return {\n            key: image.path,\n            // Removes trailing slash from baseDomain, since image-service-api-v2 doesn't have a trailing slash on base.\n            base: baseDomain.endsWith('/') ? baseDomain.slice(0, -1) : baseDomain,\n            meta: {\n                preview: image.preview,\n                width: String(image.width),\n                height: String(image.height),\n            },\n        };\n    }\n\n    throw Error(`Failed to POST image (status code: ${response.status}).`);\n};\n"],"mappings":"AAAA,SAASA,cAAc,EAAEC,OAAO,EAAEC,OAAO,QAAQ,YAAY;AAuC7D,MAAMC,wBAAwB,GAAG,kDAAkD;AACnF,MAAMC,qBAAqB,GAAG,+DAA+D;;AAE7F;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAG,MAAAC,IAAA,IAGqC;EAAA,IAH9B;IAC5BC,IAAI;IACJC;EACc,CAAC,GAAAF,IAAA;EACf,MAAM;IAAEG;EAAY,CAAC,GAAG,MAAMT,cAAc,CAAC,CAAC;EAC9C,MAAMU,IAAI,GAAGR,OAAO,CAAC,CAAC;EACtB,MAAMS,IAAI,GAAGV,OAAO,CAAC,CAAC;EAEtB,IAAI,CAACQ,WAAW,IAAI,CAACC,IAAI,EAAEE,QAAQ,EAAE;IACjC,OAAOC,SAAS;EACpB;;EAEA;;EAEA,MAAMC,IAAI,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAE3BD,IAAI,CAACE,MAAM,CAAC,MAAM,EAAET,IAAI,CAAC;EAEzB,MAAMU,GAAG,GACLV,IAAI,CAACW,IAAI,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,GACtB,GAAGd,qBAAqB,IAAII,uBAAuB,GAAGG,IAAI,CAACQ,EAAE,GAAGT,IAAI,CAACE,QAAQ,EAAE,GAC/E,GAAGT,wBAAwB,IAAIK,uBAAuB,GAAGG,IAAI,CAACQ,EAAE,GAAGT,IAAI,CAACE,QAAQ,EAAE;EAE5F,MAAMQ,QAAQ,GAAG,MAAMC,KAAK,CAACJ,GAAG,EAAE;IAC9BH,IAAI;IACJQ,OAAO,EAAE;MACLC,MAAM,EAAE,kBAAkB;MAC1BC,aAAa,EAAE,UAAUf,WAAW;IACxC,CAAC;IACDgB,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,MAAM;MAAEC,KAAK;MAAEC;IAAW,CAAC,GAAI,MAAMR,QAAQ,CAACS,IAAI,CAAC,CAAY;IAC/D;IACA,OAAO;MACHC,GAAG,EAAEH,KAAK,CAACI,IAAI;MACf;MACAC,IAAI,EAAEJ,UAAU,CAACK,QAAQ,CAAC,GAAG,CAAC,GAAGL,UAAU,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAGN,UAAU;MACrEO,IAAI,EAAE;QACFC,OAAO,EAAET,KAAK,CAACS,OAAO;QACtBC,KAAK,EAAEC,MAAM,CAACX,KAAK,CAACU,KAAK,CAAC;QAC1BE,MAAM,EAAED,MAAM,CAACX,KAAK,CAACY,MAAM;MAC/B;IACJ,CAAC;EACL;EAEA,MAAMC,KAAK,CAAC,sCAAsCpB,QAAQ,CAACqB,MAAM,IAAI,CAAC;AAC1E,CAAC","ignoreList":[]}
+{"version":3,"file":"post.js","names":["getAccessToken","getSite","getUser","IMAGE_SERVICE_API_V3_URL","IMAGE_RESIZER_API_URL","postImage","file","shouldUploadImageToSite","accessToken","user","site","personId","undefined","body","FormData","append","url","size","id","response","fetch","headers","Accept","Authorization","method","ok","image","baseDomain","json","key","path","base","endsWith","slice","meta","preview","width","String","height","Error","status"],"sources":["../../../../src/api/image/post.ts"],"sourcesContent":["import { getAccessToken, getSite, getUser } from 'chayns-api';\nimport type { Meta } from '../../types/file';\n\nexport interface PostImageResult {\n    key: string;\n    base: string;\n    meta?: Meta;\n}\n\ninterface Result {\n    requestId: string;\n    image: Image;\n    baseDomain: string;\n    signature: Signature;\n}\n\nexport interface Image {\n    path: string;\n    width: number;\n    height: number;\n    size: number;\n    hash: string;\n    preview: string;\n    isSecured: boolean;\n    format: string;\n    fileExtension: string;\n}\n\nexport interface Signature {\n    verify: string;\n    signature: string;\n    expires: Date;\n}\n\ninterface PostImageOptions {\n    file: File;\n    shouldUploadImageToSite?: boolean;\n}\n\nconst IMAGE_SERVICE_API_V3_URL = 'https://cube.tobit.cloud/image-service/v3/Images';\nconst IMAGE_RESIZER_API_URL = 'https://cube.tobit.cloud/image-resizer-backend/api/v1.0/image';\n\n/**\n * Uploads an image to the tsimg cloud service\n */\nexport const postImage = async ({\n    file,\n    shouldUploadImageToSite,\n}: PostImageOptions): Promise<PostImageResult | undefined> => {\n    const { accessToken } = await getAccessToken();\n    const user = getUser();\n    const site = getSite();\n\n    if (!accessToken || !user?.personId) {\n        return undefined;\n    }\n\n    // const body = await getFileAsArrayBuffer(file);\n\n    const body = new FormData();\n\n    body.append('File', file);\n\n    const url =\n        file.size > 10 * 1024 * 1024\n            ? `${IMAGE_RESIZER_API_URL}/${shouldUploadImageToSite ? site.id : user.personId}`\n            : `${IMAGE_SERVICE_API_V3_URL}/${shouldUploadImageToSite ? site.id : user.personId}`;\n\n    const response = await fetch(url, {\n        body,\n        headers: {\n            Accept: 'application/json',\n            Authorization: `bearer ${accessToken}`,\n        },\n        method: 'POST',\n    });\n\n    if (response.ok) {\n        const { image, baseDomain } = (await response.json()) as Result;\n        // Maps image-service-api-v3 result to v2 result.\n        return {\n            key: image.path,\n            // Removes trailing slash from baseDomain, since image-service-api-v2 doesn't have a trailing slash on base.\n            base: baseDomain.endsWith('/') ? baseDomain.slice(0, -1) : baseDomain,\n            meta: {\n                preview: image.preview,\n                width: String(image.width),\n                height: String(image.height),\n            },\n        };\n    }\n\n    throw Error(`Failed to POST image (status code: ${response.status}).`);\n};\n"],"mappings":"AAAA,SAASA,cAAc,EAAEC,OAAO,EAAEC,OAAO,QAAQ,YAAY;AAuC7D,MAAMC,wBAAwB,GAAG,kDAAkD;AACnF,MAAMC,qBAAqB,GAAG,+DAA+D;;AAE7F;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAG,MAAAA,CAAO;EAC5BC,IAAI;EACJC;AACc,CAAC,KAA2C;EAC1D,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAMR,cAAc,CAAC,CAAC;EAC9C,MAAMS,IAAI,GAAGP,OAAO,CAAC,CAAC;EACtB,MAAMQ,IAAI,GAAGT,OAAO,CAAC,CAAC;EAEtB,IAAI,CAACO,WAAW,IAAI,CAACC,IAAI,EAAEE,QAAQ,EAAE;IACjC,OAAOC,SAAS;EACpB;;EAEA;;EAEA,MAAMC,IAAI,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAE3BD,IAAI,CAACE,MAAM,CAAC,MAAM,EAAET,IAAI,CAAC;EAEzB,MAAMU,GAAG,GACLV,IAAI,CAACW,IAAI,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,GACtB,GAAGb,qBAAqB,IAAIG,uBAAuB,GAAGG,IAAI,CAACQ,EAAE,GAAGT,IAAI,CAACE,QAAQ,EAAE,GAC/E,GAAGR,wBAAwB,IAAII,uBAAuB,GAAGG,IAAI,CAACQ,EAAE,GAAGT,IAAI,CAACE,QAAQ,EAAE;EAE5F,MAAMQ,QAAQ,GAAG,MAAMC,KAAK,CAACJ,GAAG,EAAE;IAC9BH,IAAI;IACJQ,OAAO,EAAE;MACLC,MAAM,EAAE,kBAAkB;MAC1BC,aAAa,EAAE,UAAUf,WAAW;IACxC,CAAC;IACDgB,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,MAAM;MAAEC,KAAK;MAAEC;IAAW,CAAC,GAAI,MAAMR,QAAQ,CAACS,IAAI,CAAC,CAAY;IAC/D;IACA,OAAO;MACHC,GAAG,EAAEH,KAAK,CAACI,IAAI;MACf;MACAC,IAAI,EAAEJ,UAAU,CAACK,QAAQ,CAAC,GAAG,CAAC,GAAGL,UAAU,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAGN,UAAU;MACrEO,IAAI,EAAE;QACFC,OAAO,EAAET,KAAK,CAACS,OAAO;QACtBC,KAAK,EAAEC,MAAM,CAACX,KAAK,CAACU,KAAK,CAAC;QAC1BE,MAAM,EAAED,MAAM,CAACX,KAAK,CAACY,MAAM;MAC/B;IACJ,CAAC;EACL;EAEA,MAAMC,KAAK,CAAC,sCAAsCpB,QAAQ,CAACqB,MAAM,IAAI,CAAC;AAC1E,CAAC","ignoreList":[]}

package/lib/esm/api/theme/get.js.map

@@ -1 +1 @@
-{"version":3,"file":"get.js","names":["getSite","getDesignSettings","siteId","id","response","fetch","method","status","json","undefined","getParagraphFormat"],"sources":["../../../../src/api/theme/get.ts"],"sourcesContent":["import { getSite } from 'chayns-api';\nimport type { DesignSettings, ParagraphFormat } from '../../types/colorSchemeProvider';\n\nexport const getDesignSettings = async (siteId?: string): Promise<DesignSettings | undefined> => {\n    let id = siteId;\n\n    if (!id) id = getSite().id;\n\n    const response = await fetch(`https://api.chayns.net/css/${id}/style/v2`, {\n        method: 'GET',\n    });\n\n    if (response.status === 200) {\n        return (await response.json()) as DesignSettings;\n    }\n\n    return undefined;\n};\n\nexport const getParagraphFormat = async (\n    siteId?: string,\n): Promise<ParagraphFormat[] | undefined> => {\n    let id = siteId;\n\n    if (!id) id = getSite().id;\n\n    const response = await fetch(`https://api.chayns.net/css/${id}/paragraphFormat`, {\n        method: 'GET',\n    });\n\n    if (response.status === 200) {\n        return (await response.json()) as ParagraphFormat[];\n    }\n\n    return undefined;\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAGpC,OAAO,MAAMC,iBAAiB,GAAG,MAAOC,MAAe,IAA0C;EAC7F,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAGH,OAAO,CAAC,CAAC,CAACG,EAAE;EAE1B,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BF,EAAE,WAAW,EAAE;IACtEG,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAG,MAC9BR,MAAe,IAC0B;EACzC,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAGH,OAAO,CAAC,CAAC,CAACG,EAAE;EAE1B,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BF,EAAE,kBAAkB,EAAE;IAC7EG,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC","ignoreList":[]}
+{"version":3,"file":"get.js","names":["getSite","getDesignSettings","siteId","id","response","fetch","method","status","json","undefined","getParagraphFormat"],"sources":["../../../../src/api/theme/get.ts"],"sourcesContent":["import { ChaynsDesignSettings, ChaynsParagraphFormat, getSite } from 'chayns-api';\n\nexport const getDesignSettings = async (\n    siteId?: string,\n): Promise<ChaynsDesignSettings | undefined> => {\n    let id = siteId;\n\n    if (!id) id = getSite().id;\n\n    const response = await fetch(`https://api.chayns.net/css/${id}/style/v2`, {\n        method: 'GET',\n    });\n\n    if (response.status === 200) {\n        return (await response.json()) as ChaynsDesignSettings;\n    }\n\n    return undefined;\n};\n\nexport const getParagraphFormat = async (\n    siteId?: string,\n): Promise<ChaynsParagraphFormat[] | undefined> => {\n    let id = siteId;\n\n    if (!id) id = getSite().id;\n\n    const response = await fetch(`https://api.chayns.net/css/${id}/paragraphFormat`, {\n        method: 'GET',\n    });\n\n    if (response.status === 200) {\n        return (await response.json()) as ChaynsParagraphFormat[];\n    }\n\n    return undefined;\n};\n"],"mappings":"AAAA,SAAsDA,OAAO,QAAQ,YAAY;AAEjF,OAAO,MAAMC,iBAAiB,GAAG,MAC7BC,MAAe,IAC6B;EAC5C,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAGH,OAAO,CAAC,CAAC,CAACG,EAAE;EAE1B,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BF,EAAE,WAAW,EAAE;IACtEG,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAG,MAC9BR,MAAe,IACgC;EAC/C,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAGH,OAAO,CAAC,CAAC,CAACG,EAAE;EAE1B,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BF,EAAE,kBAAkB,EAAE;IAC7EG,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC","ignoreList":[]}

package/lib/esm/api/video/post.js

@@ -2,10 +2,9 @@ import { getAccessToken } from 'chayns-api';
 /**
  * Uploads a video to the streaming service
  */
-export const postVideo = async _ref => {
-  let {
-    file
-  } = _ref;
+export const postVideo = async ({
+  file
+}) => {
   const {
     accessToken
   } = await getAccessToken();

package/lib/esm/api/video/post.js.map

@@ -1 +1 @@
-{"version":3,"file":"post.js","names":["getAccessToken","postVideo","_ref","file","accessToken","undefined","formData","FormData","append","response","fetch","body","headers","Authorization","method","ok","data","json","Error","status"],"sources":["../../../../src/api/video/post.ts"],"sourcesContent":["import { getAccessToken } from 'chayns-api';\n\nexport interface PostVideoResult {\n    id: string;\n    originalVideoQuality: string;\n    thumbnailUrl: string;\n    url: string;\n    urlMP4: string;\n}\n\ninterface PostVideoOptions {\n    file: File | Blob;\n}\n\n/**\n * Uploads a video to the streaming service\n */\nexport const postVideo = async ({\n    file,\n}: PostVideoOptions): Promise<PostVideoResult | undefined> => {\n    const { accessToken } = await getAccessToken();\n\n    if (!accessToken) {\n        return undefined;\n    }\n\n    const formData = new FormData();\n\n    formData.append('files', file);\n\n    const response = await fetch(\n        'https://streamingservice.chayns.space/video?disableIntercom=true',\n        {\n            body: formData,\n            headers: {\n                Authorization: `bearer ${accessToken}`,\n            },\n            method: 'POST',\n        },\n    );\n\n    if (response.ok) {\n        const data = (await response.json()) as PostVideoResult[];\n\n        return data[0];\n    }\n\n    throw Error(`Failed to POST video (status code: ${response.status}).`);\n};\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,YAAY;AAc3C;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAG,MAAAC,IAAA,IAEqC;EAAA,IAF9B;IAC5BC;EACc,CAAC,GAAAD,IAAA;EACf,MAAM;IAAEE;EAAY,CAAC,GAAG,MAAMJ,cAAc,CAAC,CAAC;EAE9C,IAAI,CAACI,WAAW,EAAE;IACd,OAAOC,SAAS;EACpB;EAEA,MAAMC,QAAQ,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAE/BD,QAAQ,CAACE,MAAM,CAAC,OAAO,EAAEL,IAAI,CAAC;EAE9B,MAAMM,QAAQ,GAAG,MAAMC,KAAK,CACxB,kEAAkE,EAClE;IACIC,IAAI,EAAEL,QAAQ;IACdM,OAAO,EAAE;MACLC,aAAa,EAAE,UAAUT,WAAW;IACxC,CAAC;IACDU,MAAM,EAAE;EACZ,CACJ,CAAC;EAED,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,MAAMC,IAAI,GAAI,MAAMP,QAAQ,CAACQ,IAAI,CAAC,CAAuB;IAEzD,OAAOD,IAAI,CAAC,CAAC,CAAC;EAClB;EAEA,MAAME,KAAK,CAAC,sCAAsCT,QAAQ,CAACU,MAAM,IAAI,CAAC;AAC1E,CAAC","ignoreList":[]}
+{"version":3,"file":"post.js","names":["getAccessToken","postVideo","file","accessToken","undefined","formData","FormData","append","response","fetch","body","headers","Authorization","method","ok","data","json","Error","status"],"sources":["../../../../src/api/video/post.ts"],"sourcesContent":["import { getAccessToken } from 'chayns-api';\n\nexport interface PostVideoResult {\n    id: string;\n    originalVideoQuality: string;\n    thumbnailUrl: string;\n    url: string;\n    urlMP4: string;\n}\n\ninterface PostVideoOptions {\n    file: File | Blob;\n}\n\n/**\n * Uploads a video to the streaming service\n */\nexport const postVideo = async ({\n    file,\n}: PostVideoOptions): Promise<PostVideoResult | undefined> => {\n    const { accessToken } = await getAccessToken();\n\n    if (!accessToken) {\n        return undefined;\n    }\n\n    const formData = new FormData();\n\n    formData.append('files', file);\n\n    const response = await fetch(\n        'https://streamingservice.chayns.space/video?disableIntercom=true',\n        {\n            body: formData,\n            headers: {\n                Authorization: `bearer ${accessToken}`,\n            },\n            method: 'POST',\n        },\n    );\n\n    if (response.ok) {\n        const data = (await response.json()) as PostVideoResult[];\n\n        return data[0];\n    }\n\n    throw Error(`Failed to POST video (status code: ${response.status}).`);\n};\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,YAAY;AAc3C;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAG,MAAAA,CAAO;EAC5BC;AACc,CAAC,KAA2C;EAC1D,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAMH,cAAc,CAAC,CAAC;EAE9C,IAAI,CAACG,WAAW,EAAE;IACd,OAAOC,SAAS;EACpB;EAEA,MAAMC,QAAQ,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAE/BD,QAAQ,CAACE,MAAM,CAAC,OAAO,EAAEL,IAAI,CAAC;EAE9B,MAAMM,QAAQ,GAAG,MAAMC,KAAK,CACxB,kEAAkE,EAClE;IACIC,IAAI,EAAEL,QAAQ;IACdM,OAAO,EAAE;MACLC,aAAa,EAAE,UAAUT,WAAW;IACxC,CAAC;IACDU,MAAM,EAAE;EACZ,CACJ,CAAC;EAED,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,MAAMC,IAAI,GAAI,MAAMP,QAAQ,CAACQ,IAAI,CAAC,CAAuB;IAEzD,OAAOD,IAAI,CAAC,CAAC,CAAC;EAClB;EAEA,MAAME,KAAK,CAAC,sCAAsCT,QAAQ,CAACU,MAAM,IAAI,CAAC;AAC1E,CAAC","ignoreList":[]}

package/lib/esm/components/accordion/Accordion.js

@@ -1,4 +1,4 @@
-import { AnimatePresence, MotionConfig } from 'framer-motion';
+import { AnimatePresence, MotionConfig } from 'motion/react';
 import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { useUuid } from '../../hooks/uuid';
 import { AreaContext } from '../area-provider/AreaContextProvider';
@@ -7,40 +7,42 @@ import { AccordionGroupContext } from './accordion-group/AccordionGroup';
 import AccordionHead from './accordion-head/AccordionHead';
 import { AccordionWrappedContext } from './accordion-provider/AccordionContextProvider';
 import { StyledMotionAccordion } from './Accordion.styles';
+import { useInitialRenderRef } from '../../hooks/ref';
 export const AccordionContext = /*#__PURE__*/React.createContext({
   isWrapped: undefined
 });
-const Accordion = _ref => {
-  let {
-    bodyMaxHeight,
-    children,
-    icon,
-    isDefaultOpen = false,
-    isDisabled = false,
-    isFixed = false,
-    isOpened,
-    isTitleGreyed = false,
-    onBodyScroll,
-    onClose,
-    onHoverEnd,
-    onHoverStart,
-    onOpen,
-    onSearchChange,
-    rightElement,
-    searchPlaceholder,
-    searchValue,
-    shouldForceBackground = false,
-    shouldHideBackground = false,
-    shouldRenderClosed = false,
-    shouldRotateIcon = true,
-    shouldHideBottomLine = false,
-    title,
-    titleElement,
-    onTitleInputChange,
-    titleInputProps,
-    titleColor,
-    onBodyAnimationComplete
-  } = _ref;
+const Accordion = ({
+  bodyMaxHeight,
+  children,
+  icon,
+  isDefaultOpen = false,
+  isDisabled = false,
+  isFixed = false,
+  isOpened,
+  isTitleGreyed = false,
+  onBodyScroll,
+  onClose,
+  onHoverEnd,
+  onHoverStart,
+  onOpen,
+  onSearchChange,
+  rightElement,
+  searchPlaceholder,
+  searchValue,
+  shouldForceBackground = false,
+  shouldHideBackground = false,
+  shouldRenderClosed = false,
+  shouldRotateIcon = true,
+  shouldHideBottomLine = false,
+  title,
+  titleElement,
+  onTitleInputChange,
+  titleInputProps,
+  shouldSkipAnimation: shouldSkipAnimationProp = false,
+  titleColor,
+  shouldIndex = false,
+  onBodyAnimationComplete
+}) => {
   const {
     isWrapped: groupIsWrapped,
     openAccordionUuid,
@@ -58,7 +60,9 @@ const Accordion = _ref => {
   const [isAccordionOpen, setIsAccordionOpen] = useState(isDefaultOpen ?? isOpened);
   const uuid = useUuid();
   const isInitialRenderRef = useRef(true);
-  const isInGroup = typeof updateOpenAccordionUuid === 'function';
+  const initialRenderSkipRef = useInitialRenderRef(true);
+  const shouldSkipAnimation = shouldSkipAnimationProp ?? (initialRenderSkipRef.current && isDefaultOpen);
+  const isInGroup = shouldSkipAnimation ? false : typeof updateOpenAccordionUuid === 'function';
   const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;
   const isOpenRef = useRef(isOpen);
   const onCloseRef = useRef(onClose);
@@ -121,11 +125,26 @@ const Accordion = _ref => {
     isWrapped: isWrapped === true
   }), [isWrapped]);
   const areaContextProviderValue = useMemo(() => ({
-    shouldChangeColor: true
-  }), []);
+    shouldChangeColor: !shouldHideBackground
+  }), [shouldHideBackground]);
   const accordionWrappedContextProviderValue = useMemo(() => ({
     isWrapped: true
   }), []);
+  const initialAnimation = useMemo(() => {
+    if (shouldSkipAnimation) {
+      return {
+        height: 'auto',
+        opacity: 1
+      };
+    }
+    return isOpen ? {
+      height: 'auto',
+      opacity: 1
+    } : {
+      height: 0,
+      opacity: 0
+    };
+  }, [isOpen, shouldSkipAnimation]);
   return /*#__PURE__*/React.createElement(StyledMotionAccordion, {
     animate: {
       height: 'auto',
@@ -137,19 +156,26 @@ const Accordion = _ref => {
       height: 0,
       opacity: 0
     },
-    initial: {
-      height: 0,
-      opacity: 0
-    },
+    initial: initialAnimation,
     $isOpen: isOpen,
+    tabIndex: shouldIndex ? 0 : -1,
     $shouldShowLines: !isLastAccordion || !isWrapped,
     $isParentWrapped: isParentWrapped,
     $isWrapped: isWrapped,
     $shouldForceBackground: shouldForceBackground,
     $shouldHideBackground: shouldHideBackground,
     $shouldHideBottomLine: shouldHideBottomLine,
+    onKeyDown: e => {
+      if (e.key === 'Enter' && e.target.className.includes('beta-chayns-accordion') && shouldIndex) {
+        e.preventDefault();
+        handleHeadClick();
+      }
+    },
     onMouseEnter: onHoverStart,
-    onMouseLeave: onHoverEnd
+    onMouseLeave: onHoverEnd,
+    transition: {
+      duration: shouldSkipAnimation ? 0 : 0.25
+    }
   }, /*#__PURE__*/React.createElement(AccordionContext.Provider, {
     value: accordionContextProviderValue
   }, /*#__PURE__*/React.createElement(MotionConfig, {
@@ -160,6 +186,7 @@ const Accordion = _ref => {
     uuid: uuid,
     icon: icon,
     isOpen: isOpen,
+    shouldSkipAnimation: shouldSkipAnimation,
     isFixed: isFixed,
     isTitleGreyed: isTitleGreyed || isDisabled,
     isWrapped: isWrapped === true,
@@ -177,6 +204,7 @@ const Accordion = _ref => {
   }), /*#__PURE__*/React.createElement(AnimatePresence, {
     initial: false
   }, (isOpen || shouldRenderClosed) && /*#__PURE__*/React.createElement(AccordionBody, {
+    shouldSkipAnimation: shouldSkipAnimation,
     maxHeight: bodyMaxHeight,
     onScroll: onBodyScroll,
     onAnimationComplete: onBodyAnimationComplete,

package/lib/esm/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["AnimatePresence","MotionConfig","React","useCallback","useContext","useEffect","useMemo","useRef","useState","useUuid","AreaContext","AccordionBody","AccordionGroupContext","AccordionHead","AccordionWrappedContext","StyledMotionAccordion","AccordionContext","createContext","isWrapped","undefined","Accordion","_ref","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isOpened","isTitleGreyed","onBodyScroll","onClose","onHoverEnd","onHoverStart","onOpen","onSearchChange","rightElement","searchPlaceholder","searchValue","shouldForceBackground","shouldHideBackground","shouldRenderClosed","shouldRotateIcon","shouldHideBottomLine","title","titleElement","onTitleInputChange","titleInputProps","titleColor","onBodyAnimationComplete","groupIsWrapped","openAccordionUuid","accordionGroupUuid","accordionUuids","updateOpenAccordionUuid","isParentWrapped","contextIsWrapped","isAccordionOpen","setIsAccordionOpen","uuid","isInitialRenderRef","isInGroup","isOpen","isOpenRef","onCloseRef","onOpenRef","isLastAccordion","length","current","handleHeadClick","currentIsAccordionOpen","shouldOnlyOpen","accordionContextProviderValue","areaContextProviderValue","shouldChangeColor","accordionWrappedContextProviderValue","createElement","animate","height","opacity","className","exit","initial","$isOpen","$shouldShowLines","$isParentWrapped","$isWrapped","$shouldForceBackground","$shouldHideBackground","$shouldHideBottomLine","onMouseEnter","onMouseLeave","Provider","value","transition","type","onClick","maxHeight","onScroll","onAnimationComplete","shouldHideBody","displayName"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import {AnimatePresence, MotionConfig} from 'framer-motion';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    ReactNode,\n    UIEvent,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type CSSProperties,\n    type MouseEventHandler,\n} from 'react';\nimport {useUuid} from '../../hooks/uuid';\nimport {AreaContext} from '../area-provider/AreaContextProvider';\nimport type {InputProps} from '../input/Input';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport {AccordionGroupContext} from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport {AccordionWrappedContext} from './accordion-provider/AccordionContextProvider';\nimport {StyledMotionAccordion} from './Accordion.styles';\n\nexport const AccordionContext = React.createContext<{ isWrapped?: boolean }>({\n    isWrapped: undefined,\n});\n\nexport type AccordionProps = {\n    /**\n     * Maximum height of the accordion body element. This automatically makes the content of the\n     * body element scrollable.\n     */\n    bodyMaxHeight?: number;\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n    /**\n     * The icon that is displayed in front of the title\n     */\n    icon?: string;\n    /**\n     * This can be used to automatically expand the Accordion during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This will disable the Accordion so that it cannot be opened and will gray out the title. Does not work with isOpened.\n     */\n    isDisabled?: boolean;\n    /**\n     * This can be used so that the Accordion cannot be opened or closed.\n     * In addition, in this case the icon is exchanged to mark the Accordions.\n     */\n    isFixed?: boolean;\n    /**\n     * This can be used to open the Accordion from the outside\n     */\n    isOpened?: boolean;\n    /**\n     * This will gray out the title of the Accordion to indicate hidden content, for example.\n     */\n    isTitleGreyed?: boolean;\n    /**\n     * Function that is executed when the accordion body will be scrolled\n     */\n    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n    /**\n     * Function that is executed when the accordion will be closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function to be executed when the accordion is no longer hovered.\n     */\n    onHoverEnd?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed when the accordion is hovered.\n     */\n    onHoverStart?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the accordion will be opened.\n     */\n    onOpen?: VoidFunction;\n    /**\n     * Function that is executed when the accordion body is animated\n     */\n    onBodyAnimationComplete?: VoidFunction;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * head changes. When this function is given, the search field is displayed\n     * in the Accordion Head.\n     */\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * title changes. When this function is given, the search field is displayed\n     * as the Accordion title.\n     */\n    onTitleInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Content to be displayed on the right side in the head of the Accordion\n     */\n    rightElement?: ReactNode;\n    /**\n     * The placeholder to be used for the search\n     */\n    searchPlaceholder?: string;\n    /**\n     * The value that is displayed inside the search\n     */\n    searchValue?: string;\n    /**\n     * This will force the background color of the accordion to be used even if it is closed and not hovered.\n     */\n    shouldForceBackground?: boolean;\n    /**\n     * This will hide the background color of the accordion\n     */\n    shouldHideBackground?: boolean;\n    /**\n     * Whether the bottom line should be hidden.\n     */\n    shouldHideBottomLine?: boolean;\n    /**\n     * This will render the Accordion closed on the first render.\n     */\n    shouldRenderClosed?: boolean;\n    /**\n     * Whether the icon should be rotating.\n     */\n    shouldRotateIcon?: boolean;\n    /**\n     * Title of the Accordion displayed in the head\n     */\n    title: string;\n    /**\n     * Additional elements to be displayed in the header next to the title.\n     */\n    titleElement?: ReactNode;\n    /**\n     * The props of the title Input.\n     */\n    titleInputProps?: InputProps;\n    /**\n     * The title color.\n     */\n    titleColor?: CSSProperties['color'];\n};\n\nconst Accordion: FC<AccordionProps> = ({\n                                           bodyMaxHeight,\n                                           children,\n                                           icon,\n                                           isDefaultOpen = false,\n                                           isDisabled = false,\n                                           isFixed = false,\n                                           isOpened,\n                                           isTitleGreyed = false,\n                                           onBodyScroll,\n                                           onClose,\n                                           onHoverEnd,\n                                           onHoverStart,\n                                           onOpen,\n                                           onSearchChange,\n                                           rightElement,\n                                           searchPlaceholder,\n                                           searchValue,\n                                           shouldForceBackground = false,\n                                           shouldHideBackground = false,\n                                           shouldRenderClosed = false,\n                                           shouldRotateIcon = true,\n                                           shouldHideBottomLine = false,\n                                           title,\n                                           titleElement,\n                                           onTitleInputChange,\n                                           titleInputProps,\n                                           titleColor,\n                                           onBodyAnimationComplete,\n                                       }) => {\n    const {\n        isWrapped: groupIsWrapped,\n        openAccordionUuid,\n        accordionGroupUuid,\n        accordionUuids,\n        updateOpenAccordionUuid,\n    } = useContext(AccordionGroupContext);\n    const {isWrapped: isParentWrapped} = useContext(AccordionContext);\n\n    const {isWrapped: contextIsWrapped} = useContext(AccordionWrappedContext);\n    const isWrapped = useMemo(\n        () => groupIsWrapped ?? contextIsWrapped,\n        [contextIsWrapped, groupIsWrapped],\n    );\n\n    const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen ?? isOpened);\n\n    const uuid = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const isInGroup = typeof updateOpenAccordionUuid === 'function';\n\n    const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n    const isOpenRef = useRef(isOpen);\n    const onCloseRef = useRef(onClose);\n    const onOpenRef = useRef(onOpen);\n\n    const isLastAccordion = useMemo(\n        () => (accordionUuids ? accordionUuids[accordionUuids.length - 1] === uuid : false),\n        [accordionUuids, uuid],\n    );\n\n    useEffect(() => {\n        isOpenRef.current = isOpen;\n        onCloseRef.current = onClose;\n        onOpenRef.current = onOpen;\n    }, [isOpen, onClose, onOpen]);\n\n    const handleHeadClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid);\n        }\n\n        setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n    }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isDisabled && isOpen) {\n            if (typeof updateOpenAccordionUuid === 'function') {\n                updateOpenAccordionUuid(uuid);\n            }\n\n            setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n        }\n    }, [isDisabled, isOpen, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (isOpen) {\n            if (typeof onOpenRef.current === 'function') {\n                onOpenRef.current();\n            }\n        } else if (typeof onCloseRef.current === 'function') {\n            onCloseRef.current();\n        }\n    }, [isOpen]);\n\n    useEffect(() => {\n        if (isDefaultOpen) {\n            if (typeof updateOpenAccordionUuid === 'function') {\n                updateOpenAccordionUuid(uuid, {shouldOnlyOpen: true});\n            } else {\n                setIsAccordionOpen(true);\n            }\n        }\n    }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (typeof isOpened === 'boolean') {\n            if (typeof updateOpenAccordionUuid === 'function' && isOpened !== isOpenRef.current) {\n                updateOpenAccordionUuid(uuid);\n            } else {\n                setIsAccordionOpen(isOpened);\n            }\n        }\n    }, [isOpened, updateOpenAccordionUuid, uuid]);\n\n    const accordionContextProviderValue = useMemo(\n        () => ({isWrapped: isWrapped === true}),\n        [isWrapped],\n    );\n\n    const areaContextProviderValue = useMemo(() => ({shouldChangeColor: true}), []);\n\n    const accordionWrappedContextProviderValue = useMemo(() => ({isWrapped: true}), []);\n    return (\n        <StyledMotionAccordion\n            animate={{height: 'auto', opacity: 1}}\n            data-uuid={`${accordionGroupUuid ?? ''}---${uuid}`}\n            className=\"beta-chayns-accordion\"\n            exit={{height: 0, opacity: 0}}\n            initial={{height: 0, opacity: 0}}\n            $isOpen={isOpen}\n            $shouldShowLines={!isLastAccordion || !isWrapped}\n            $isParentWrapped={isParentWrapped}\n            $isWrapped={isWrapped}\n            $shouldForceBackground={shouldForceBackground}\n            $shouldHideBackground={shouldHideBackground}\n            $shouldHideBottomLine={shouldHideBottomLine}\n            onMouseEnter={onHoverStart}\n            onMouseLeave={onHoverEnd}\n        >\n            <AccordionContext.Provider value={accordionContextProviderValue}>\n                <MotionConfig transition={{type: 'tween'}}>\n                    <AccordionHead\n                        uuid={uuid}\n                        icon={icon}\n                        isOpen={isOpen}\n                        isFixed={isFixed}\n                        isTitleGreyed={isTitleGreyed || isDisabled}\n                        isWrapped={isWrapped === true}\n                        onClick={handleHeadClick}\n                        onSearchChange={onSearchChange}\n                        rightElement={rightElement}\n                        searchPlaceholder={searchPlaceholder}\n                        searchValue={searchValue}\n                        shouldRotateIcon={shouldRotateIcon}\n                        title={title}\n                        titleElement={titleElement}\n                        onTitleInputChange={onTitleInputChange}\n                        titleInputProps={titleInputProps}\n                        titleColor={titleColor}\n                    />\n                    <AnimatePresence initial={false}>\n                        {(isOpen || shouldRenderClosed) && (\n                            <AccordionBody\n                                maxHeight={bodyMaxHeight}\n                                onScroll={onBodyScroll}\n                                onAnimationComplete={onBodyAnimationComplete}\n                                shouldHideBody={shouldRenderClosed && !isOpen}\n                            >\n                                <AccordionWrappedContext.Provider\n                                    value={accordionWrappedContextProviderValue}\n                                >\n                                    <AreaContext.Provider value={areaContextProviderValue}>\n                                        {children}\n                                    </AreaContext.Provider>\n                                </AccordionWrappedContext.Provider>\n                            </AccordionBody>\n                        )}\n                    </AnimatePresence>\n                </MotionConfig>\n            </AccordionContext.Provider>\n        </StyledMotionAccordion>\n    );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Accordion.js","names":["AnimatePresence","MotionConfig","React","useCallback","useContext","useEffect","useMemo","useRef","useState","useUuid","AreaContext","AccordionBody","AccordionGroupContext","AccordionHead","AccordionWrappedContext","StyledMotionAccordion","useInitialRenderRef","AccordionContext","createContext","isWrapped","undefined","Accordion","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isOpened","isTitleGreyed","onBodyScroll","onClose","onHoverEnd","onHoverStart","onOpen","onSearchChange","rightElement","searchPlaceholder","searchValue","shouldForceBackground","shouldHideBackground","shouldRenderClosed","shouldRotateIcon","shouldHideBottomLine","title","titleElement","onTitleInputChange","titleInputProps","shouldSkipAnimation","shouldSkipAnimationProp","titleColor","shouldIndex","onBodyAnimationComplete","groupIsWrapped","openAccordionUuid","accordionGroupUuid","accordionUuids","updateOpenAccordionUuid","isParentWrapped","contextIsWrapped","isAccordionOpen","setIsAccordionOpen","uuid","isInitialRenderRef","initialRenderSkipRef","current","isInGroup","isOpen","isOpenRef","onCloseRef","onOpenRef","isLastAccordion","length","handleHeadClick","currentIsAccordionOpen","shouldOnlyOpen","accordionContextProviderValue","areaContextProviderValue","shouldChangeColor","accordionWrappedContextProviderValue","initialAnimation","height","opacity","createElement","animate","className","exit","initial","$isOpen","tabIndex","$shouldShowLines","$isParentWrapped","$isWrapped","$shouldForceBackground","$shouldHideBackground","$shouldHideBottomLine","onKeyDown","e","key","target","includes","preventDefault","onMouseEnter","onMouseLeave","transition","duration","Provider","value","type","onClick","maxHeight","onScroll","onAnimationComplete","shouldHideBody","displayName"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'motion/react';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    ReactNode,\n    UIEvent,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type CSSProperties,\n    type MouseEventHandler,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport type { InputProps } from '../input/Input';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { AccordionWrappedContext } from './accordion-provider/AccordionContextProvider';\nimport { StyledMotionAccordion } from './Accordion.styles';\nimport { useInitialRenderRef } from '../../hooks/ref';\n\nexport const AccordionContext = React.createContext<{ isWrapped?: boolean }>({\n    isWrapped: undefined,\n});\n\nexport type AccordionProps = {\n    /**\n     * Maximum height of the accordion body element. This automatically makes the content of the\n     * body element scrollable.\n     */\n    bodyMaxHeight?: number;\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n    /**\n     * The icon that is displayed in front of the title\n     */\n    icon?: string;\n    /**\n     * This can be used to automatically expand the Accordion during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This will disable the Accordion so that it cannot be opened and will gray out the title. Does not work with isOpened.\n     */\n    isDisabled?: boolean;\n    /**\n     * This can be used so that the Accordion cannot be opened or closed.\n     * In addition, in this case the icon is exchanged to mark the Accordions.\n     */\n    isFixed?: boolean;\n    /**\n     * This can be used to open the Accordion from the outside\n     */\n    isOpened?: boolean;\n    /**\n     * This will gray out the title of the Accordion to indicate hidden content, for example.\n     */\n    isTitleGreyed?: boolean;\n    /**\n     * Function that is executed when the accordion body will be scrolled\n     */\n    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n    /**\n     * Function that is executed when the accordion will be closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function to be executed when the accordion is no longer hovered.\n     */\n    onHoverEnd?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed when the accordion is hovered.\n     */\n    onHoverStart?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the accordion will be opened.\n     */\n    onOpen?: VoidFunction;\n    /**\n     * Function that is executed when the accordion body is animated\n     */\n    onBodyAnimationComplete?: VoidFunction;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * head changes. When this function is given, the search field is displayed\n     * in the Accordion Head.\n     */\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * title changes. When this function is given, the search field is displayed\n     * as the Accordion title.\n     */\n    onTitleInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Content to be displayed on the right side in the head of the Accordion\n     */\n    rightElement?: ReactNode;\n    /**\n     * The placeholder to be used for the search\n     */\n    searchPlaceholder?: string;\n    /**\n     * The value that is displayed inside the search\n     */\n    searchValue?: string;\n    /**\n     * This will force the background color of the accordion to be used even if it is closed and not hovered.\n     */\n    shouldForceBackground?: boolean;\n    /**\n     * This will hide the background color of the accordion\n     */\n    shouldHideBackground?: boolean;\n    /**\n     * Whether the bottom line should be hidden.\n     */\n    shouldHideBottomLine?: boolean;\n    /**\n     * This will render the Accordion closed on the first render.\n     */\n    shouldRenderClosed?: boolean;\n    /**\n     * Whether the icon should be rotating.\n     */\n    shouldRotateIcon?: boolean;\n    /**\n     * Whether the animation should be skipped.\n     * If 'isDefaultOpen' is true the initial animation will be skipped even this prop is false\n     */\n    shouldSkipAnimation?: boolean;\n    /**\n     * Title of the Accordion displayed in the head\n     */\n    title?: string;\n    /**\n     * Additional elements to be displayed in the header next to the title.\n     */\n    titleElement?: ReactNode;\n    /**\n     * The props of the title Input.\n     */\n    titleInputProps?: InputProps;\n    /**\n     * The title color.\n     */\n    titleColor?: CSSProperties['color'];\n    /**\n     * Whether the accordion should be indexed.\n     */\n    shouldIndex?: boolean;\n};\n\nconst Accordion: FC<AccordionProps> = ({\n    bodyMaxHeight,\n    children,\n    icon,\n    isDefaultOpen = false,\n    isDisabled = false,\n    isFixed = false,\n    isOpened,\n    isTitleGreyed = false,\n    onBodyScroll,\n    onClose,\n    onHoverEnd,\n    onHoverStart,\n    onOpen,\n    onSearchChange,\n    rightElement,\n    searchPlaceholder,\n    searchValue,\n    shouldForceBackground = false,\n    shouldHideBackground = false,\n    shouldRenderClosed = false,\n    shouldRotateIcon = true,\n    shouldHideBottomLine = false,\n    title,\n    titleElement,\n    onTitleInputChange,\n    titleInputProps,\n    shouldSkipAnimation: shouldSkipAnimationProp = false,\n    titleColor,\n    shouldIndex = false,\n    onBodyAnimationComplete,\n}) => {\n    const {\n        isWrapped: groupIsWrapped,\n        openAccordionUuid,\n        accordionGroupUuid,\n        accordionUuids,\n        updateOpenAccordionUuid,\n    } = useContext(AccordionGroupContext);\n    const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n    const { isWrapped: contextIsWrapped } = useContext(AccordionWrappedContext);\n    const isWrapped = useMemo(\n        () => groupIsWrapped ?? contextIsWrapped,\n        [contextIsWrapped, groupIsWrapped],\n    );\n\n    const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen ?? isOpened);\n\n    const uuid = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const initialRenderSkipRef = useInitialRenderRef(true);\n\n    const shouldSkipAnimation =\n        shouldSkipAnimationProp ?? (initialRenderSkipRef.current && isDefaultOpen);\n\n    const isInGroup = shouldSkipAnimation ? false : typeof updateOpenAccordionUuid === 'function';\n\n    const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n    const isOpenRef = useRef(isOpen);\n    const onCloseRef = useRef(onClose);\n    const onOpenRef = useRef(onOpen);\n\n    const isLastAccordion = useMemo(\n        () => (accordionUuids ? accordionUuids[accordionUuids.length - 1] === uuid : false),\n        [accordionUuids, uuid],\n    );\n\n    useEffect(() => {\n        isOpenRef.current = isOpen;\n        onCloseRef.current = onClose;\n        onOpenRef.current = onOpen;\n    }, [isOpen, onClose, onOpen]);\n\n    const handleHeadClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid);\n        }\n\n        setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n    }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isDisabled && isOpen) {\n            if (typeof updateOpenAccordionUuid === 'function') {\n                updateOpenAccordionUuid(uuid);\n            }\n\n            setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n        }\n    }, [isDisabled, isOpen, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (isOpen) {\n            if (typeof onOpenRef.current === 'function') {\n                onOpenRef.current();\n            }\n        } else if (typeof onCloseRef.current === 'function') {\n            onCloseRef.current();\n        }\n    }, [isOpen]);\n\n    useEffect(() => {\n        if (isDefaultOpen) {\n            if (typeof updateOpenAccordionUuid === 'function') {\n                updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n            } else {\n                setIsAccordionOpen(true);\n            }\n        }\n    }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (typeof isOpened === 'boolean') {\n            if (typeof updateOpenAccordionUuid === 'function' && isOpened !== isOpenRef.current) {\n                updateOpenAccordionUuid(uuid);\n            } else {\n                setIsAccordionOpen(isOpened);\n            }\n        }\n    }, [isOpened, updateOpenAccordionUuid, uuid]);\n\n    const accordionContextProviderValue = useMemo(\n        () => ({ isWrapped: isWrapped === true }),\n        [isWrapped],\n    );\n\n    const areaContextProviderValue = useMemo(\n        () => ({ shouldChangeColor: !shouldHideBackground }),\n        [shouldHideBackground],\n    );\n\n    const accordionWrappedContextProviderValue = useMemo(() => ({ isWrapped: true }), []);\n\n    const initialAnimation = useMemo(() => {\n        if (shouldSkipAnimation) {\n            return { height: 'auto', opacity: 1 };\n        }\n\n        return isOpen ? { height: 'auto', opacity: 1 } : { height: 0, opacity: 0 };\n    }, [isOpen, shouldSkipAnimation]);\n\n    return (\n        <StyledMotionAccordion\n            animate={{ height: 'auto', opacity: 1 }}\n            data-uuid={`${accordionGroupUuid ?? ''}---${uuid}`}\n            className=\"beta-chayns-accordion\"\n            exit={{ height: 0, opacity: 0 }}\n            initial={initialAnimation}\n            $isOpen={isOpen}\n            tabIndex={shouldIndex ? 0 : -1}\n            $shouldShowLines={!isLastAccordion || !isWrapped}\n            $isParentWrapped={isParentWrapped}\n            $isWrapped={isWrapped}\n            $shouldForceBackground={shouldForceBackground}\n            $shouldHideBackground={shouldHideBackground}\n            $shouldHideBottomLine={shouldHideBottomLine}\n            onKeyDown={(e) => {\n                if (\n                    e.key === 'Enter' &&\n                    (e.target as HTMLDivElement).className.includes('beta-chayns-accordion') &&\n                    shouldIndex\n                ) {\n                    e.preventDefault();\n                    handleHeadClick();\n                }\n            }}\n            onMouseEnter={onHoverStart}\n            onMouseLeave={onHoverEnd}\n            transition={{ duration: shouldSkipAnimation ? 0 : 0.25 }}\n        >\n            <AccordionContext.Provider value={accordionContextProviderValue}>\n                <MotionConfig transition={{ type: 'tween' }}>\n                    <AccordionHead\n                        uuid={uuid}\n                        icon={icon}\n                        isOpen={isOpen}\n                        shouldSkipAnimation={shouldSkipAnimation}\n                        isFixed={isFixed}\n                        isTitleGreyed={isTitleGreyed || isDisabled}\n                        isWrapped={isWrapped === true}\n                        onClick={handleHeadClick}\n                        onSearchChange={onSearchChange}\n                        rightElement={rightElement}\n                        searchPlaceholder={searchPlaceholder}\n                        searchValue={searchValue}\n                        shouldRotateIcon={shouldRotateIcon}\n                        title={title}\n                        titleElement={titleElement}\n                        onTitleInputChange={onTitleInputChange}\n                        titleInputProps={titleInputProps}\n                        titleColor={titleColor}\n                    />\n                    <AnimatePresence initial={false}>\n                        {(isOpen || shouldRenderClosed) && (\n                            <AccordionBody\n                                shouldSkipAnimation={shouldSkipAnimation}\n                                maxHeight={bodyMaxHeight}\n                                onScroll={onBodyScroll}\n                                onAnimationComplete={onBodyAnimationComplete}\n                                shouldHideBody={shouldRenderClosed && !isOpen}\n                            >\n                                <AccordionWrappedContext.Provider\n                                    value={accordionWrappedContextProviderValue}\n                                >\n                                    <AreaContext.Provider value={areaContextProviderValue}>\n                                        {children}\n                                    </AreaContext.Provider>\n                                </AccordionWrappedContext.Provider>\n                            </AccordionBody>\n                        )}\n                    </AnimatePresence>\n                </MotionConfig>\n            </AccordionContext.Provider>\n        </StyledMotionAccordion>\n    );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}