@chayns-components/core 5.0.0-beta.89 → 5.0.0-beta.891

package/lib/esm/utils/slider.js

@@ -0,0 +1,80 @@
+export const fillSlider = _ref => {
+  let {
+    fromSlider,
+    toSlider,
+    theme,
+    fromValue,
+    toValue
+  } = _ref;
+  const rangeDistance = Number(toSlider.max) - Number(toSlider.min);
+  const fromPosition = Number(fromValue ?? fromSlider.value) - Number(toSlider.min);
+  const toPosition = Number(toValue ?? toSlider.value) - Number(toSlider.min);
+  const backgroundColor = theme['403'];
+  const trackColor = theme['409'];
+  if (!backgroundColor || !trackColor) {
+    return;
+  }
+  const gradient = `linear-gradient(
+      to right,
+      ${backgroundColor} 0%,
+      ${backgroundColor} ${fromPosition / rangeDistance * 100}%,
+      ${trackColor} ${fromPosition / rangeDistance * 100}%,
+      ${trackColor} ${toPosition / rangeDistance * 100}%,
+      ${backgroundColor} ${toPosition / rangeDistance * 100}%,
+      ${backgroundColor} 100%)`;
+
+  // Apply the gradient to the appropriate slider
+  // eslint-disable-next-line no-param-reassign
+  toSlider.style.background = gradient;
+  // eslint-disable-next-line no-param-reassign
+  fromSlider.style.background = gradient;
+};
+export const calculateGradientOffset = _ref2 => {
+  let {
+    value,
+    min,
+    max,
+    thumbWidth,
+    containerWidth
+  } = _ref2;
+  const percentage = (value - min) / (max - min);
+  const adjustedWidth = containerWidth - thumbWidth / 2;
+  return percentage * adjustedWidth + thumbWidth / 2;
+};
+export const calculatePopupPosition = _ref3 => {
+  let {
+    sliderValue,
+    min,
+    max,
+    popupWidth
+  } = _ref3;
+  // 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);
+};
+export const getThumbMaxWidth = _ref4 => {
+  let {
+    maxNumber,
+    thumbLabelFormatter
+  } = _ref4;
+  const element = document.createElement('span');
+  element.style.height = '20px';
+  element.style.display = 'flex';
+  element.style.padding = '16px';
+  element.style.whiteSpace = 'nowrap';
+  element.style.minWidth = '20px';
+  element.style.opacity = '0';
+  element.style.position = 'absolute';
+  element.textContent = typeof thumbLabelFormatter === 'function' ? thumbLabelFormatter(maxNumber) : String(maxNumber);
+  document.body.appendChild(element);
+  const width = element.offsetWidth;
+  document.body.removeChild(element);
+  return width;
+};
+//# sourceMappingURL=slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":["fillSlider","_ref","fromSlider","toSlider","theme","fromValue","toValue","rangeDistance","Number","max","min","fromPosition","value","toPosition","backgroundColor","trackColor","gradient","style","background","calculateGradientOffset","_ref2","thumbWidth","containerWidth","percentage","adjustedWidth","calculatePopupPosition","_ref3","sliderValue","popupWidth","leftAtMin","leftAtMax","getThumbMaxWidth","_ref4","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;\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":[]}

package/lib/esm/utils/sliderButton.js

@@ -0,0 +1,52 @@
+export const getNearestPoint = _ref => {
+  let {
+    snapPoints,
+    position,
+    scrollLeft
+  } = _ref;
+  let nearestIndex = -1;
+  let nearestPoint = -Infinity;
+  for (let i = 0; i < snapPoints.length; i++) {
+    const index = snapPoints[i];
+    if (index && index < position + scrollLeft && index > nearestPoint) {
+      nearestPoint = index;
+      nearestIndex = i;
+    }
+  }
+  nearestIndex = nearestIndex === -1 ? 0 : nearestIndex;
+  nearestPoint = nearestPoint === -Infinity ? 0 : nearestPoint;
+  return {
+    nearestIndex,
+    nearestPoint
+  };
+};
+export const getThumbPosition = _ref2 => {
+  let {
+    itemWidth,
+    scope
+  } = _ref2;
+  if (!scope.current) {
+    return undefined;
+  }
+  const {
+    transform
+  } = scope.current.style;
+  let position;
+  if (transform === 'none') {
+    position = 0;
+  } else {
+    const match = transform.match(/translateX\(([-\d.]+)px\)/);
+    if (match && match[1]) {
+      position = parseFloat(match[1]);
+    }
+  }
+  if (typeof position !== 'number' && !position) {
+    return undefined;
+  }
+  return {
+    left: position,
+    right: position + itemWidth,
+    middle: position + itemWidth / 2
+  };
+};
+//# sourceMappingURL=sliderButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sliderButton.js","names":["getNearestPoint","_ref","snapPoints","position","scrollLeft","nearestIndex","nearestPoint","Infinity","i","length","index","getThumbPosition","_ref2","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":"AAOA,OAAO,MAAMA,eAAe,GAAGC,IAAA,IAAgE;EAAA,IAA/D;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAiC,CAAC,GAAAH,IAAA;EACtF,IAAII,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;AAOD,OAAO,MAAMK,gBAAgB,GAAGC,KAAA,IAAiD;EAAA,IAAhD;IAAEC,SAAS;IAAEC;EAA6B,CAAC,GAAAF,KAAA;EACxE,IAAI,CAACE,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","ignoreList":[]}

package/lib/esm/utils/tooltip.js

@@ -0,0 +1,18 @@
+import { isValidElement } from 'react';
+export const isTextOnlyElement = element => {
+  if (typeof element === 'string') {
+    return true;
+  }
+  if (! /*#__PURE__*/isValidElement(element)) {
+    return false;
+  }
+  const validTags = ['p', 'span', 'div'];
+  if (!validTags.includes(element.type)) {
+    return false;
+  }
+  const {
+    children
+  } = element.props;
+  return typeof children === 'string';
+};
+//# sourceMappingURL=tooltip.js.map

package/lib/esm/utils/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["isValidElement","isTextOnlyElement","element","validTags","includes","type","children","props"],"sources":["../../../src/utils/tooltip.ts"],"sourcesContent":["import { isValidElement, ReactNode, type ReactElement } from 'react';\n\nexport const isTextOnlyElement = (element: ReactNode): boolean => {\n    if (typeof element === 'string') {\n        return true;\n    }\n\n    if (!isValidElement(element)) {\n        return false;\n    }\n\n    const validTags = ['p', 'span', 'div'];\n    if (!validTags.includes(element.type as string)) {\n        return false;\n    }\n\n    const { children } = (element as ReactElement).props;\n\n    return typeof children === 'string';\n};\n"],"mappings":"AAAA,SAASA,cAAc,QAAsC,OAAO;AAEpE,OAAO,MAAMC,iBAAiB,GAAIC,OAAkB,IAAc;EAC9D,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;IAC7B,OAAO,IAAI;EACf;EAEA,IAAI,eAACF,cAAc,CAACE,OAAO,CAAC,EAAE;IAC1B,OAAO,KAAK;EAChB;EAEA,MAAMC,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC;EACtC,IAAI,CAACA,SAAS,CAACC,QAAQ,CAACF,OAAO,CAACG,IAAc,CAAC,EAAE;IAC7C,OAAO,KAAK;EAChB;EAEA,MAAM;IAAEC;EAAS,CAAC,GAAIJ,OAAO,CAAkBK,KAAK;EAEpD,OAAO,OAAOD,QAAQ,KAAK,QAAQ;AACvC,CAAC","ignoreList":[]}

package/lib/esm/utils/truncation.js

@@ -0,0 +1,27 @@
+const doesElementOverflow = (element, referenceHeight) => element.scrollHeight > referenceHeight;
+const doesElementHasOnlyText = element => {
+  // Check if element has no child elements.
+  if (element.children.length === 0) {
+    // If element has text (not empty), it is only text.
+    return element.textContent !== '';
+  }
+  // Element has child elements or no text, so it's not only text.
+  return false;
+};
+const removeLastLeafElement = element => {
+  // remove last element of html element where the last element is a leaf element and its content is a string
+  const lastChild = element.lastElementChild;
+  if (lastChild && !doesElementHasOnlyText(lastChild) && lastChild.hasChildNodes()) {
+    removeLastLeafElement(lastChild);
+  } else if (lastChild && doesElementHasOnlyText(lastChild) && lastChild.textContent && lastChild.textContent.length > 25) {
+    lastChild.textContent = `${lastChild.textContent.substring(0, lastChild.textContent.length - 25)} ...`;
+  } else if (lastChild) {
+    element.removeChild(lastChild);
+  }
+};
+export const truncateElement = (element, referenceHeight) => {
+  while (doesElementOverflow(element, referenceHeight)) {
+    removeLastLeafElement(element);
+  }
+};
+//# sourceMappingURL=truncation.js.map

package/lib/esm/utils/truncation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncation.js","names":["doesElementOverflow","element","referenceHeight","scrollHeight","doesElementHasOnlyText","children","length","textContent","removeLastLeafElement","lastChild","lastElementChild","hasChildNodes","substring","removeChild","truncateElement"],"sources":["../../../src/utils/truncation.ts"],"sourcesContent":["const doesElementOverflow = (element: HTMLElement, referenceHeight: number): boolean =>\n    element.scrollHeight > referenceHeight;\n\nconst doesElementHasOnlyText = (element: HTMLElement): boolean => {\n    // Check if element has no child elements.\n    if (element.children.length === 0) {\n        // If element has text (not empty), it is only text.\n        return element.textContent !== '';\n    }\n    // Element has child elements or no text, so it's not only text.\n    return false;\n};\n\nconst removeLastLeafElement = (element: HTMLElement) => {\n    // remove last element of html element where the last element is a leaf element and its content is a string\n    const lastChild: Element | null = element.lastElementChild;\n    if (\n        lastChild &&\n        !doesElementHasOnlyText(lastChild as HTMLElement) &&\n        lastChild.hasChildNodes()\n    ) {\n        removeLastLeafElement(lastChild as HTMLElement);\n    } else if (\n        lastChild &&\n        doesElementHasOnlyText(lastChild as HTMLElement) &&\n        lastChild.textContent &&\n        lastChild.textContent.length > 25\n    ) {\n        lastChild.textContent = `${lastChild.textContent.substring(\n            0,\n            lastChild.textContent.length - 25,\n        )} ...`;\n    } else if (lastChild) {\n        element.removeChild(lastChild);\n    }\n};\nexport const truncateElement = (element: HTMLElement, referenceHeight: number) => {\n    while (doesElementOverflow(element, referenceHeight)) {\n        removeLastLeafElement(element);\n    }\n};\n"],"mappings":"AAAA,MAAMA,mBAAmB,GAAGA,CAACC,OAAoB,EAAEC,eAAuB,KACtED,OAAO,CAACE,YAAY,GAAGD,eAAe;AAE1C,MAAME,sBAAsB,GAAIH,OAAoB,IAAc;EAC9D;EACA,IAAIA,OAAO,CAACI,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;IAC/B;IACA,OAAOL,OAAO,CAACM,WAAW,KAAK,EAAE;EACrC;EACA;EACA,OAAO,KAAK;AAChB,CAAC;AAED,MAAMC,qBAAqB,GAAIP,OAAoB,IAAK;EACpD;EACA,MAAMQ,SAAyB,GAAGR,OAAO,CAACS,gBAAgB;EAC1D,IACID,SAAS,IACT,CAACL,sBAAsB,CAACK,SAAwB,CAAC,IACjDA,SAAS,CAACE,aAAa,CAAC,CAAC,EAC3B;IACEH,qBAAqB,CAACC,SAAwB,CAAC;EACnD,CAAC,MAAM,IACHA,SAAS,IACTL,sBAAsB,CAACK,SAAwB,CAAC,IAChDA,SAAS,CAACF,WAAW,IACrBE,SAAS,CAACF,WAAW,CAACD,MAAM,GAAG,EAAE,EACnC;IACEG,SAAS,CAACF,WAAW,GAAG,GAAGE,SAAS,CAACF,WAAW,CAACK,SAAS,CACtD,CAAC,EACDH,SAAS,CAACF,WAAW,CAACD,MAAM,GAAG,EACnC,CAAC,MAAM;EACX,CAAC,MAAM,IAAIG,SAAS,EAAE;IAClBR,OAAO,CAACY,WAAW,CAACJ,SAAS,CAAC;EAClC;AACJ,CAAC;AACD,OAAO,MAAMK,eAAe,GAAGA,CAACb,OAAoB,EAAEC,eAAuB,KAAK;EAC9E,OAAOF,mBAAmB,CAACC,OAAO,EAAEC,eAAe,CAAC,EAAE;IAClDM,qBAAqB,CAACP,OAAO,CAAC;EAClC;AACJ,CAAC","ignoreList":[]}

package/lib/esm/utils/uploadFile.js

@@ -0,0 +1,37 @@
+import { postImage } from '../api/image/post';
+import { postVideo } from '../api/video/post';
+export const uploadFile = async _ref => {
+  let {
+    fileToUpload,
+    callback,
+    shouldUploadImageToSite
+  } = _ref;
+  if (!fileToUpload || fileToUpload.state !== 'none') {
+    return;
+  }
+  if (fileToUpload.file?.type.includes('video/')) {
+    const uploadedVideo = await postVideo({
+      file: fileToUpload.file
+    });
+    if (uploadedVideo) {
+      callback({
+        ...uploadedVideo,
+        id: uploadedVideo.id.toString()
+      });
+    }
+  }
+  if (fileToUpload.file?.type.includes('image/')) {
+    const uploadedImage = await postImage({
+      file: fileToUpload.file,
+      shouldUploadImageToSite
+    });
+    if (uploadedImage) {
+      callback({
+        url: `${uploadedImage.base}/${uploadedImage.key}`,
+        id: uploadedImage.key,
+        meta: uploadedImage.meta
+      });
+    }
+  }
+};
+//# sourceMappingURL=uploadFile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"uploadFile.js","names":["postImage","postVideo","uploadFile","_ref","fileToUpload","callback","shouldUploadImageToSite","state","file","type","includes","uploadedVideo","id","toString","uploadedImage","url","base","key","meta"],"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,SAASA,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,SAAS,QAAQ,mBAAmB;AAS7C,OAAO,MAAMC,UAAU,GAAG,MAAAC,IAAA,IAIe;EAAA,IAJR;IAC7BC,YAAY;IACZC,QAAQ;IACRC;EACgB,CAAC,GAAAH,IAAA;EACjB,IAAI,CAACC,YAAY,IAAIA,YAAY,CAACG,KAAK,KAAK,MAAM,EAAE;IAChD;EACJ;EAEA,IAAIH,YAAY,CAACI,IAAI,EAAEC,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMC,aAAa,GAAG,MAAMV,SAAS,CAAC;MAAEO,IAAI,EAAEJ,YAAY,CAACI;IAAK,CAAC,CAAC;IAElE,IAAIG,aAAa,EAAE;MACfN,QAAQ,CAAC;QACL,GAAGM,aAAa;QAChBC,EAAE,EAAED,aAAa,CAACC,EAAE,CAACC,QAAQ,CAAC;MAClC,CAAC,CAAC;IACN;EACJ;EAEA,IAAIT,YAAY,CAACI,IAAI,EAAEC,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMI,aAAa,GAAG,MAAMd,SAAS,CAAC;MAAEQ,IAAI,EAAEJ,YAAY,CAACI,IAAI;MAAEF;IAAwB,CAAC,CAAC;IAE3F,IAAIQ,aAAa,EAAE;MACfT,QAAQ,CAAC;QACLU,GAAG,EAAE,GAAGD,aAAa,CAACE,IAAI,IAAIF,aAAa,CAACG,GAAG,EAAE;QACjDL,EAAE,EAAEE,aAAa,CAACG,GAAG;QACrBC,IAAI,EAAEJ,aAAa,CAACI;MACxB,CAAC,CAAC;IACN;EACJ;AACJ,CAAC","ignoreList":[]}

package/lib/types/api/image/post.d.ts

@@ -0,0 +1,31 @@
+import type { Meta } from '../../types/file';
+export interface PostImageResult {
+    key: string;
+    base: string;
+    meta?: Meta;
+}
+export interface Image {
+    path: string;
+    width: number;
+    height: number;
+    size: number;
+    hash: string;
+    preview: string;
+    isSecured: boolean;
+    format: string;
+    fileExtension: string;
+}
+export interface Signature {
+    verify: string;
+    signature: string;
+    expires: Date;
+}
+interface PostImageOptions {
+    file: File;
+    shouldUploadImageToSite?: boolean;
+}
+/**
+ * Uploads an image to the tsimg cloud service
+ */
+export declare const postImage: ({ file, shouldUploadImageToSite, }: PostImageOptions) => Promise<PostImageResult | undefined>;
+export {};

package/lib/types/api/signature/delete.d.ts

@@ -0,0 +1 @@
+export declare const deleteUserSignature: () => Promise<boolean>;

package/lib/types/api/signature/get.d.ts

@@ -0,0 +1 @@
+export declare const getUserSignature: () => Promise<string | undefined>;

package/lib/types/api/signature/put.d.ts

@@ -0,0 +1 @@
+export declare const putUserSignature: (dataURL: string) => Promise<boolean>;

package/lib/types/api/theme/get.d.ts

@@ -0,0 +1,3 @@
+import type { DesignSettings, ParagraphFormat } from '../../types/colorSchemeProvider';
+export declare const getDesignSettings: (siteId?: string) => Promise<DesignSettings | undefined>;
+export declare const getParagraphFormat: (siteId?: string) => Promise<ParagraphFormat[] | undefined>;

package/lib/types/api/video/post.d.ts

@@ -0,0 +1,15 @@
+export interface PostVideoResult {
+    id: string;
+    originalVideoQuality: string;
+    thumbnailUrl: string;
+    url: string;
+    urlMP4: string;
+}
+interface PostVideoOptions {
+    file: File | Blob;
+}
+/**
+ * Uploads a video to the streaming service
+ */
+export declare const postVideo: ({ file, }: PostVideoOptions) => Promise<PostVideoResult | undefined>;
+export {};

package/lib/{components → types/components}/accordion/Accordion.d.ts

@@ -1,6 +1,7 @@
-import React, { ChangeEventHandler, FC, ReactNode, UIEvent } from 'react';
+import React, { ChangeEventHandler, FC, ReactNode, UIEvent, type CSSProperties, type MouseEventHandler } from 'react';
+import type { InputProps } from '../input/Input';
 export declare const AccordionContext: React.Context<{
-    isWrapped: boolean;
+    isWrapped?: boolean;
 }>;
 export type AccordionProps = {
     /**
@@ -21,7 +22,7 @@ export type AccordionProps = {
      */
     isDefaultOpen?: boolean;
     /**
-     * This will disable the Accordion so that it cannot be opened and will gray out the title.
+     * This will disable the Accordion so that it cannot be opened and will gray out the title. Does not work with isOpened.
      */
     isDisabled?: boolean;
     /**
@@ -30,14 +31,13 @@ export type AccordionProps = {
      */
     isFixed?: boolean;
     /**
-     * This will gray out the title of the Accordion to indicate hidden content, for example.
+     * This can be used to open the Accordion from the outside
      */
-    isTitleGreyed?: boolean;
+    isOpened?: boolean;
     /**
-     * This value must be set for nested Accordions. This adjusts the style of
-     * the head and the padding of the content.
+     * This will gray out the title of the Accordion to indicate hidden content, for example.
      */
-    isWrapped?: boolean;
+    isTitleGreyed?: boolean;
     /**
      * Function that is executed when the accordion body will be scrolled
      */
@@ -46,10 +46,22 @@ export type AccordionProps = {
      * Function that is executed when the accordion will be closed.
      */
     onClose?: VoidFunction;
+    /**
+     * Function to be executed when the accordion is no longer hovered.
+     */
+    onHoverEnd?: MouseEventHandler<HTMLDivElement>;
+    /**
+     * Function to be executed when the accordion is hovered.
+     */
+    onHoverStart?: MouseEventHandler<HTMLDivElement>;
     /**
      * Function that is executed when the accordion will be opened.
      */
     onOpen?: VoidFunction;
+    /**
+     * Function that is executed when the accordion body is animated
+     */
+    onBodyAnimationComplete?: VoidFunction;
     /**
      * Function that is executed when the text of the search in the accordion
      * head changes. When this function is given, the search field is displayed
@@ -57,21 +69,39 @@ export type AccordionProps = {
      */
     onSearchChange?: ChangeEventHandler<HTMLInputElement>;
     /**
-     * Content to be displayed on the right side in the head of the Accordion
+     * Function that is executed when the text of the search in the accordion
+     * title changes. When this function is given, the search field is displayed
+     * as the Accordion title.
      */
-    rightElement?: ReactNode;
+    onTitleInputChange?: ChangeEventHandler<HTMLInputElement>;
     /**
-     * Icon to be displayed on the right side in the search input
+     * Content to be displayed on the right side in the head of the Accordion
      */
-    searchIcon?: string[];
+    rightElement?: ReactNode;
     /**
      * The placeholder to be used for the search
      */
     searchPlaceholder?: string;
+    /**
+     * The value that is displayed inside the search
+     */
+    searchValue?: string;
+    /**
+     * This will force the background color of the accordion to be used even if it is closed and not hovered.
+     */
+    shouldForceBackground?: boolean;
     /**
      * This will hide the background color of the accordion
      */
     shouldHideBackground?: boolean;
+    /**
+     * This will render the Accordion closed on the first render.
+     */
+    shouldRenderClosed?: boolean;
+    /**
+     * Whether the icon should be rotating.
+     */
+    shouldRotateIcon?: boolean;
     /**
      * Title of the Accordion displayed in the head
      */
@@ -80,6 +110,14 @@ export type AccordionProps = {
      * Additional elements to be displayed in the header next to the title.
      */
     titleElement?: ReactNode;
+    /**
+     * The props of the title Input.
+     */
+    titleInputProps?: InputProps;
+    /**
+     * The title color.
+     */
+    titleColor?: CSSProperties['color'];
 };
 declare const Accordion: FC<AccordionProps>;
 export default Accordion;