@chayns-components/core 5.0.0-beta.98 → 5.0.0-beta.982

package/lib/esm/components/text-area/TextArea.styles.js

@@ -0,0 +1,132 @@
+import styled, { css } from 'styled-components';
+export const StyledTextArea = styled.div`
+    display: flex;
+    flex: 1 1 auto;
+    min-width: 0;
+    opacity: ${_ref => {
+  let {
+    $isDisabled
+  } = _ref;
+  return $isDisabled ? 0.5 : 1;
+}};
+    position: relative;
+`;
+export const StyledTextAreaContentWrapper = styled.div`
+    background-color: ${_ref2 => {
+  let {
+    theme,
+    $shouldChangeColor
+  } = _ref2;
+  return theme.colorMode === 'classic' || $shouldChangeColor ? theme['000'] : theme['100'];
+}};
+    border-radius: 3px;
+    border: 1px solid
+        ${_ref3 => {
+  let {
+    theme,
+    $isInvalid
+  } = _ref3;
+  return $isInvalid ? theme.wrong : 'rgba(160, 160, 160, 0.3)';
+}};
+    width: 100%;
+    display: flex;
+`;
+export const StyledTextAreaContent = styled.div`
+    display: flex;
+    width: 100%;
+`;
+export const StyledTextAreaInput = styled.textarea`
+    color: ${_ref4 => {
+  let {
+    theme,
+    $isInvalid
+  } = _ref4;
+  return $isInvalid ? theme.wrong : theme.text;
+}};
+    background: none;
+    border: none;
+    resize: none;
+    overflow-y: ${_ref5 => {
+  let {
+    $isOverflowing
+  } = _ref5;
+  return $isOverflowing ? 'scroll' : 'hidden';
+}};
+    max-height: ${_ref6 => {
+  let {
+    $maxHeight
+  } = _ref6;
+  return typeof $maxHeight === 'number' ? `${$maxHeight}px` : $maxHeight;
+}};
+    min-height: ${_ref7 => {
+  let {
+    $minHeight
+  } = _ref7;
+  return typeof $minHeight === 'number' ? `${$minHeight}px` : $minHeight;
+}};
+    width: 100%;
+    padding: 8px 10px;
+    cursor: text;
+
+    // Styles for custom scrollbar
+    ${_ref8 => {
+  let {
+    $browser,
+    theme
+  } = _ref8;
+  return $browser === 'firefox' ? css`
+                  scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;
+                  scrollbar-width: thin;
+              ` : css`
+                  &::-webkit-scrollbar {
+                      width: 10px;
+                  }
+
+                  &::-webkit-scrollbar-track {
+                      background-color: transparent;
+                  }
+
+                  &::-webkit-scrollbar-button {
+                      background-color: transparent;
+                      height: 5px;
+                  }
+
+                  &::-webkit-scrollbar-thumb {
+                      background-color: rgba(${theme['text-rgb']}, 0.15);
+                      border-radius: 20px;
+                      background-clip: padding-box;
+                      border: solid 3px transparent;
+                  }
+              `;
+}}
+`;
+export const StyledTextAreaLabelWrapper = styled.label`
+    left: 10px;
+    top: 12px;
+    align-items: baseline;
+    display: flex;
+    flex: 0 0 auto;
+    gap: 4px;
+    line-height: 1.3;
+    pointer-events: none;
+    position: absolute;
+    user-select: none;
+    width: calc(100% - 20px);
+    cursor: text;
+`;
+export const StyledTextAreaLabel = styled.label`
+    color: ${_ref9 => {
+  let {
+    theme,
+    $isInvalid
+  } = _ref9;
+  return $isInvalid ? theme.wrong : `rgba(${theme['text-rgb'] ?? ''}, 0.45)`;
+}};
+    line-height: 1.3;
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    cursor: text;
+    text-overflow: ellipsis;
+`;
+//# sourceMappingURL=TextArea.styles.js.map

package/lib/esm/components/text-area/TextArea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styles.js","names":["styled","css","StyledTextArea","div","_ref","$isDisabled","StyledTextAreaContentWrapper","_ref2","theme","$shouldChangeColor","colorMode","_ref3","$isInvalid","wrong","StyledTextAreaContent","StyledTextAreaInput","textarea","_ref4","text","_ref5","$isOverflowing","_ref6","$maxHeight","_ref7","$minHeight","_ref8","$browser","StyledTextAreaLabelWrapper","label","StyledTextAreaLabel","_ref9"],"sources":["../../../../src/components/text-area/TextArea.styles.ts"],"sourcesContent":["import type { Browser } from 'detect-browser';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { TextAreaProps } from './TextArea';\n\ntype StyledTextAreaProps = WithTheme<{ $isDisabled?: boolean }>;\n\nexport const StyledTextArea = styled.div<StyledTextAreaProps>`\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n    position: relative;\n`;\n\ntype StyledTextAreaContentWrapperProps = WithTheme<{\n    $isInvalid: TextAreaProps['isInvalid'];\n    $shouldChangeColor: boolean;\n}>;\n\nexport const StyledTextAreaContentWrapper = styled.div<StyledTextAreaContentWrapperProps>`\n    background-color: ${({ theme, $shouldChangeColor }: StyledTextAreaContentWrapperProps) =>\n        theme.colorMode === 'classic' || $shouldChangeColor ? theme['000'] : theme['100']};\n    border-radius: 3px;\n    border: 1px solid\n        ${({ theme, $isInvalid }: StyledTextAreaContentWrapperProps) =>\n            $isInvalid ? theme.wrong : 'rgba(160, 160, 160, 0.3)'};\n    width: 100%;\n    display: flex;\n`;\n\nexport const StyledTextAreaContent = styled.div`\n    display: flex;\n    width: 100%;\n`;\n\ntype StyledTextAreaInputProps = WithTheme<{\n    $browser: Browser | 'bot' | null | undefined;\n    $isInvalid: TextAreaProps['isInvalid'];\n    $isOverflowing: boolean;\n    $maxHeight: CSSProperties['maxHeight'];\n    $minHeight: CSSProperties['minHeight'];\n}>;\n\nexport const StyledTextAreaInput = styled.textarea<StyledTextAreaInputProps>`\n    color: ${({ theme, $isInvalid }: StyledTextAreaInputProps) =>\n        $isInvalid ? theme.wrong : theme.text};\n    background: none;\n    border: none;\n    resize: none;\n    overflow-y: ${({ $isOverflowing }) => ($isOverflowing ? 'scroll' : 'hidden')};\n    max-height: ${({ $maxHeight }: StyledTextAreaInputProps) =>\n        typeof $maxHeight === 'number' ? `${$maxHeight}px` : $maxHeight};\n    min-height: ${({ $minHeight }: StyledTextAreaInputProps) =>\n        typeof $minHeight === 'number' ? `${$minHeight}px` : $minHeight};\n    width: 100%;\n    padding: 8px 10px;\n    cursor: text;\n\n    // Styles for custom scrollbar\n    ${({ $browser, theme }: StyledTextAreaInputProps) =>\n        $browser === 'firefox'\n            ? css`\n                  scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;\n                  scrollbar-width: thin;\n              `\n            : css`\n                  &::-webkit-scrollbar {\n                      width: 10px;\n                  }\n\n                  &::-webkit-scrollbar-track {\n                      background-color: transparent;\n                  }\n\n                  &::-webkit-scrollbar-button {\n                      background-color: transparent;\n                      height: 5px;\n                  }\n\n                  &::-webkit-scrollbar-thumb {\n                      background-color: rgba(${theme['text-rgb']}, 0.15);\n                      border-radius: 20px;\n                      background-clip: padding-box;\n                      border: solid 3px transparent;\n                  }\n              `}\n`;\n\nexport const StyledTextAreaLabelWrapper = styled.label`\n    left: 10px;\n    top: 12px;\n    align-items: baseline;\n    display: flex;\n    flex: 0 0 auto;\n    gap: 4px;\n    line-height: 1.3;\n    pointer-events: none;\n    position: absolute;\n    user-select: none;\n    width: calc(100% - 20px);\n    cursor: text;\n`;\n\ntype StyledTextAreaLabelProps = WithTheme<{ $isInvalid?: TextAreaProps['isInvalid'] }>;\n\nexport const StyledTextAreaLabel = styled.label<StyledTextAreaLabelProps>`\n    color: ${({ theme, $isInvalid }: StyledTextAreaLabelProps) =>\n        $isInvalid ? theme.wrong : `rgba(${theme['text-rgb'] ?? ''}, 0.45)`};\n    line-height: 1.3;\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    cursor: text;\n    text-overflow: ellipsis;\n`;\n"],"mappings":"AAEA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAM/C,OAAO,MAAMC,cAAc,GAAGF,MAAM,CAACG,GAAwB;AAC7D;AACA;AACA;AACA,eAAeC,IAAA;EAAA,IAAC;IAAEC;EAAY,CAAC,GAAAD,IAAA;EAAA,OAAMC,WAAW,GAAG,GAAG,GAAG,CAAC;AAAA,CAAC;AAC3D;AACA,CAAC;AAOD,OAAO,MAAMC,4BAA4B,GAAGN,MAAM,CAACG,GAAsC;AACzF,wBAAwBI,KAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC;EAAsD,CAAC,GAAAF,KAAA;EAAA,OACjFC,KAAK,CAACE,SAAS,KAAK,SAAS,IAAID,kBAAkB,GAAGD,KAAK,CAAC,KAAK,CAAC,GAAGA,KAAK,CAAC,KAAK,CAAC;AAAA;AACzF;AACA;AACA,UAAUG,KAAA;EAAA,IAAC;IAAEH,KAAK;IAAEI;EAA8C,CAAC,GAAAD,KAAA;EAAA,OACvDC,UAAU,GAAGJ,KAAK,CAACK,KAAK,GAAG,0BAA0B;AAAA;AACjE;AACA;AACA,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGd,MAAM,CAACG,GAAG;AAC/C;AACA;AACA,CAAC;AAUD,OAAO,MAAMY,mBAAmB,GAAGf,MAAM,CAACgB,QAAkC;AAC5E,aAAaC,KAAA;EAAA,IAAC;IAAET,KAAK;IAAEI;EAAqC,CAAC,GAAAK,KAAA;EAAA,OACrDL,UAAU,GAAGJ,KAAK,CAACK,KAAK,GAAGL,KAAK,CAACU,IAAI;AAAA;AAC7C;AACA;AACA;AACA,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAe,CAAC,GAAAD,KAAA;EAAA,OAAMC,cAAc,GAAG,QAAQ,GAAG,QAAQ;AAAA,CAAC;AAChF,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAqC,CAAC,GAAAD,KAAA;EAAA,OACnD,OAAOC,UAAU,KAAK,QAAQ,GAAG,GAAGA,UAAU,IAAI,GAAGA,UAAU;AAAA;AACvE,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAqC,CAAC,GAAAD,KAAA;EAAA,OACnD,OAAOC,UAAU,KAAK,QAAQ,GAAG,GAAGA,UAAU,IAAI,GAAGA,UAAU;AAAA;AACvE;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC,QAAQ;IAAElB;EAAgC,CAAC,GAAAiB,KAAA;EAAA,OAC5CC,QAAQ,KAAK,SAAS,GAChBzB,GAAG;AACjB,0CAA0CO,KAAK,CAAC,UAAU,CAAC;AAC3D;AACA,eAAe,GACDP,GAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+CO,KAAK,CAAC,UAAU,CAAC;AAChE;AACA;AACA;AACA;AACA,eAAe;AAAA;AACf,CAAC;AAED,OAAO,MAAMmB,0BAA0B,GAAG3B,MAAM,CAAC4B,KAAK;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMC,mBAAmB,GAAG7B,MAAM,CAAC4B,KAA+B;AACzE,aAAaE,KAAA;EAAA,IAAC;IAAEtB,KAAK;IAAEI;EAAqC,CAAC,GAAAkB,KAAA;EAAA,OACrDlB,UAAU,GAAGJ,KAAK,CAACK,KAAK,GAAG,QAAQL,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS;AAAA;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/tooltip/Tooltip.js

@@ -0,0 +1,48 @@
+import React, { isValidElement, useMemo, useRef } from 'react';
+import { isTextOnlyElement } from '../../utils/tooltip';
+import Popup from '../popup/Popup';
+import TooltipItem from './tooltip-item/TooltipItem';
+import { StyledTooltip, StyledTooltipChildren } from './Tooltip.styles';
+const Tooltip = _ref => {
+  let {
+    item,
+    children,
+    container,
+    isDisabled,
+    shouldHideOnChildrenLeave,
+    yOffset,
+    itemWidth,
+    shouldUseChildrenWidth = true
+  } = _ref;
+  const tooltipRef = useRef(null);
+  const content = useMemo(() => {
+    if (/*#__PURE__*/isValidElement(item)) {
+      return item;
+    }
+    return /*#__PURE__*/React.createElement(TooltipItem, {
+      width: itemWidth,
+      text: item.text,
+      headline: item.headline,
+      imageUrl: item.imageUrl,
+      button: item.button
+    });
+  }, [item, itemWidth]);
+  return useMemo(() => /*#__PURE__*/React.createElement(StyledTooltip, null, isDisabled ? /*#__PURE__*/React.createElement(StyledTooltipChildren, {
+    $isOnlyText: isTextOnlyElement(children),
+    $shouldUseChildrenWidth: shouldUseChildrenWidth
+  }, children) : /*#__PURE__*/React.createElement(Popup, {
+    shouldShowOnHover: true,
+    shouldHideOnChildrenLeave: shouldHideOnChildrenLeave,
+    content: content,
+    ref: tooltipRef,
+    container: container,
+    yOffset: yOffset,
+    shouldUseChildrenWidth: shouldUseChildrenWidth
+  }, /*#__PURE__*/React.createElement(StyledTooltipChildren, {
+    $isOnlyText: isTextOnlyElement(children),
+    $shouldUseChildrenWidth: shouldUseChildrenWidth
+  }, children))), [isDisabled, children, shouldUseChildrenWidth, shouldHideOnChildrenLeave, content, container, yOffset]);
+};
+Tooltip.displayName = 'Tooltip';
+export default Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/lib/esm/components/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["React","isValidElement","useMemo","useRef","isTextOnlyElement","Popup","TooltipItem","StyledTooltip","StyledTooltipChildren","Tooltip","_ref","item","children","container","isDisabled","shouldHideOnChildrenLeave","yOffset","itemWidth","shouldUseChildrenWidth","tooltipRef","content","createElement","width","text","headline","imageUrl","button","$isOnlyText","$shouldUseChildrenWidth","shouldShowOnHover","ref","displayName"],"sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import React, { FC, isValidElement, ReactNode, useMemo, useRef, type CSSProperties } from 'react';\nimport type { PopupRef } from '../../types/popup';\nimport type { ITooltipItem } from '../../types/tooltip';\nimport { isTextOnlyElement } from '../../utils/tooltip';\nimport Popup from '../popup/Popup';\nimport TooltipItem from './tooltip-item/TooltipItem';\nimport { StyledTooltip, StyledTooltipChildren } from './Tooltip.styles';\n\nexport type TooltipProps = {\n    /**\n     * The elements that the tooltip should surround.\n     */\n    children: ReactNode;\n    /**\n     * The element where the content of the `Tooltip` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * The content that should be displayed.\n     */\n    item: ITooltipItem | ReactNode;\n    /**\n     * The width of an item.\n     */\n    itemWidth?: CSSProperties['width'];\n    /**\n     * whether the tooltip should be shown.\n     */\n    isDisabled?: boolean;\n    /**\n     * Whether the tooltip should be hidden after the children is not hovered.\n     */\n    shouldHideOnChildrenLeave?: boolean;\n    /**\n     * Whether the width of the children should be used.\n     */\n    shouldUseChildrenWidth?: boolean;\n    /**\n     * The Y offset of the tooltip to the children.\n     */\n    yOffset?: number;\n};\n\nconst Tooltip: FC<TooltipProps> = ({\n    item,\n    children,\n    container,\n    isDisabled,\n    shouldHideOnChildrenLeave,\n    yOffset,\n    itemWidth,\n    shouldUseChildrenWidth = true,\n}) => {\n    const tooltipRef = useRef<PopupRef>(null);\n\n    const content = useMemo(() => {\n        if (isValidElement(item)) {\n            return item;\n        }\n\n        return (\n            <TooltipItem\n                width={itemWidth}\n                text={(item as ITooltipItem).text}\n                headline={(item as ITooltipItem).headline}\n                imageUrl={(item as ITooltipItem).imageUrl}\n                button={(item as ITooltipItem).button}\n            />\n        );\n    }, [item, itemWidth]);\n\n    return useMemo(\n        () => (\n            <StyledTooltip>\n                {isDisabled ? (\n                    <StyledTooltipChildren\n                        $isOnlyText={isTextOnlyElement(children)}\n                        $shouldUseChildrenWidth={shouldUseChildrenWidth}\n                    >\n                        {children}\n                    </StyledTooltipChildren>\n                ) : (\n                    <Popup\n                        shouldShowOnHover\n                        shouldHideOnChildrenLeave={shouldHideOnChildrenLeave}\n                        content={content}\n                        ref={tooltipRef}\n                        container={container}\n                        yOffset={yOffset}\n                        shouldUseChildrenWidth={shouldUseChildrenWidth}\n                    >\n                        <StyledTooltipChildren\n                            $isOnlyText={isTextOnlyElement(children)}\n                            $shouldUseChildrenWidth={shouldUseChildrenWidth}\n                        >\n                            {children}\n                        </StyledTooltipChildren>\n                    </Popup>\n                )}\n            </StyledTooltip>\n        ),\n        [\n            isDisabled,\n            children,\n            shouldUseChildrenWidth,\n            shouldHideOnChildrenLeave,\n            content,\n            container,\n            yOffset,\n        ],\n    );\n};\n\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,cAAc,EAAaC,OAAO,EAAEC,MAAM,QAA4B,OAAO;AAGjG,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,WAAW,MAAM,4BAA4B;AACpD,SAASC,aAAa,EAAEC,qBAAqB,QAAQ,kBAAkB;AAqCvE,MAAMC,OAAyB,GAAGC,IAAA,IAS5B;EAAA,IAT6B;IAC/BC,IAAI;IACJC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,yBAAyB;IACzBC,OAAO;IACPC,SAAS;IACTC,sBAAsB,GAAG;EAC7B,CAAC,GAAAR,IAAA;EACG,MAAMS,UAAU,GAAGhB,MAAM,CAAW,IAAI,CAAC;EAEzC,MAAMiB,OAAO,GAAGlB,OAAO,CAAC,MAAM;IAC1B,iBAAID,cAAc,CAACU,IAAI,CAAC,EAAE;MACtB,OAAOA,IAAI;IACf;IAEA,oBACIX,KAAA,CAAAqB,aAAA,CAACf,WAAW;MACRgB,KAAK,EAAEL,SAAU;MACjBM,IAAI,EAAGZ,IAAI,CAAkBY,IAAK;MAClCC,QAAQ,EAAGb,IAAI,CAAkBa,QAAS;MAC1CC,QAAQ,EAAGd,IAAI,CAAkBc,QAAS;MAC1CC,MAAM,EAAGf,IAAI,CAAkBe;IAAO,CACzC,CAAC;EAEV,CAAC,EAAE,CAACf,IAAI,EAAEM,SAAS,CAAC,CAAC;EAErB,OAAOf,OAAO,CACV,mBACIF,KAAA,CAAAqB,aAAA,CAACd,aAAa,QACTO,UAAU,gBACPd,KAAA,CAAAqB,aAAA,CAACb,qBAAqB;IAClBmB,WAAW,EAAEvB,iBAAiB,CAACQ,QAAQ,CAAE;IACzCgB,uBAAuB,EAAEV;EAAuB,GAE/CN,QACkB,CAAC,gBAExBZ,KAAA,CAAAqB,aAAA,CAAChB,KAAK;IACFwB,iBAAiB;IACjBd,yBAAyB,EAAEA,yBAA0B;IACrDK,OAAO,EAAEA,OAAQ;IACjBU,GAAG,EAAEX,UAAW;IAChBN,SAAS,EAAEA,SAAU;IACrBG,OAAO,EAAEA,OAAQ;IACjBE,sBAAsB,EAAEA;EAAuB,gBAE/ClB,KAAA,CAAAqB,aAAA,CAACb,qBAAqB;IAClBmB,WAAW,EAAEvB,iBAAiB,CAACQ,QAAQ,CAAE;IACzCgB,uBAAuB,EAAEV;EAAuB,GAE/CN,QACkB,CACpB,CAEA,CAClB,EACD,CACIE,UAAU,EACVF,QAAQ,EACRM,sBAAsB,EACtBH,yBAAyB,EACzBK,OAAO,EACPP,SAAS,EACTG,OAAO,CAEf,CAAC;AACL,CAAC;AAEDP,OAAO,CAACsB,WAAW,GAAG,SAAS;AAE/B,eAAetB,OAAO","ignoreList":[]}

package/lib/esm/components/tooltip/Tooltip.styles.js

@@ -0,0 +1,21 @@
+import styled, { css } from 'styled-components';
+export const StyledTooltip = styled.div``;
+export const StyledTooltipChildren = styled.div`
+    ${_ref => {
+  let {
+    $isOnlyText,
+    theme,
+    $shouldUseChildrenWidth
+  } = _ref;
+  return $isOnlyText && css`
+            ${$shouldUseChildrenWidth && css`
+                width: fit-content;
+            `}
+
+            border-bottom-width: 1px;
+            border-bottom-style: dotted;
+            border-bottom-color: ${theme.text};
+        `;
+}}
+`;
+//# sourceMappingURL=Tooltip.styles.js.map

package/lib/esm/components/tooltip/Tooltip.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.styles.js","names":["styled","css","StyledTooltip","div","StyledTooltipChildren","_ref","$isOnlyText","theme","$shouldUseChildrenWidth","text"],"sources":["../../../../src/components/tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTooltip = styled.div``;\n\ntype StyledTooltipChildrenProps = WithTheme<{\n    $isOnlyText: boolean;\n    $shouldUseChildrenWidth: boolean;\n}>;\nexport const StyledTooltipChildren = styled.div<StyledTooltipChildrenProps>`\n    ${({ $isOnlyText, theme, $shouldUseChildrenWidth }: StyledTooltipChildrenProps) =>\n        $isOnlyText &&\n        css`\n            ${$shouldUseChildrenWidth &&\n            css`\n                width: fit-content;\n            `}\n\n            border-bottom-width: 1px;\n            border-bottom-style: dotted;\n            border-bottom-color: ${theme.text};\n        `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,MAAMC,aAAa,GAAGF,MAAM,CAACG,GAAG,EAAE;AAMzC,OAAO,MAAMC,qBAAqB,GAAGJ,MAAM,CAACG,GAA+B;AAC3E,MAAME,IAAA;EAAA,IAAC;IAAEC,WAAW;IAAEC,KAAK;IAAEC;EAAoD,CAAC,GAAAH,IAAA;EAAA,OAC1EC,WAAW,IACXL,GAAG;AACX,cAAcO,uBAAuB,IACzBP,GAAG;AACf;AACA,aAAa;AACb;AACA;AACA;AACA,mCAAmCM,KAAK,CAACE,IAAI;AAC7C,SAAS;AAAA;AACT,CAAC","ignoreList":[]}

package/lib/esm/components/tooltip/tooltip-item/TooltipItem.js

@@ -0,0 +1,22 @@
+import React, { useMemo } from 'react';
+import Button from '../../button/Button';
+import { StyledTooltipItem, StyledTooltipItemButtonWrapper, StyledTooltipItemHeadline, StyledTooltipItemImage, StyledTooltipItemText } from './TooltipItem.styles';
+const TooltipItem = _ref => {
+  let {
+    headline,
+    text,
+    button,
+    imageUrl,
+    width
+  } = _ref;
+  return useMemo(() => /*#__PURE__*/React.createElement(StyledTooltipItem, {
+    $width: width
+  }, headline && /*#__PURE__*/React.createElement(StyledTooltipItemHeadline, null, headline), imageUrl && /*#__PURE__*/React.createElement(StyledTooltipItemImage, {
+    src: imageUrl
+  }), /*#__PURE__*/React.createElement(StyledTooltipItemText, null, text), button && /*#__PURE__*/React.createElement(StyledTooltipItemButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: button.onClick
+  }, button.text))), [button, headline, imageUrl, text, width]);
+};
+TooltipItem.displayName = 'TooltipItem';
+export default TooltipItem;
+//# sourceMappingURL=TooltipItem.js.map

package/lib/esm/components/tooltip/tooltip-item/TooltipItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipItem.js","names":["React","useMemo","Button","StyledTooltipItem","StyledTooltipItemButtonWrapper","StyledTooltipItemHeadline","StyledTooltipItemImage","StyledTooltipItemText","TooltipItem","_ref","headline","text","button","imageUrl","width","createElement","$width","src","onClick","displayName"],"sources":["../../../../../src/components/tooltip/tooltip-item/TooltipItem.tsx"],"sourcesContent":["import React, { FC, useMemo, type CSSProperties } from 'react';\nimport Button from '../../button/Button';\nimport {\n    StyledTooltipItem,\n    StyledTooltipItemButtonWrapper,\n    StyledTooltipItemHeadline,\n    StyledTooltipItemImage,\n    StyledTooltipItemText,\n} from './TooltipItem.styles';\n\nexport type TooltipProps = {\n    headline?: string;\n    text: string;\n    imageUrl?: string;\n    button?: { text: string; onClick: () => void };\n    width?: CSSProperties['width'];\n};\n\nconst TooltipItem: FC<TooltipProps> = ({ headline, text, button, imageUrl, width }) =>\n    useMemo(\n        () => (\n            <StyledTooltipItem $width={width}>\n                {headline && <StyledTooltipItemHeadline>{headline}</StyledTooltipItemHeadline>}\n                {imageUrl && <StyledTooltipItemImage src={imageUrl} />}\n                <StyledTooltipItemText>{text}</StyledTooltipItemText>\n                {button && (\n                    <StyledTooltipItemButtonWrapper>\n                        <Button onClick={button.onClick}>{button.text}</Button>\n                    </StyledTooltipItemButtonWrapper>\n                )}\n            </StyledTooltipItem>\n        ),\n        [button, headline, imageUrl, text, width],\n    );\n\nTooltipItem.displayName = 'TooltipItem';\n\nexport default TooltipItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAA4B,OAAO;AAC9D,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SACIC,iBAAiB,EACjBC,8BAA8B,EAC9BC,yBAAyB,EACzBC,sBAAsB,EACtBC,qBAAqB,QAClB,sBAAsB;AAU7B,MAAMC,WAA6B,GAAGC,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAAL,IAAA;EAAA,OAC9ER,OAAO,CACH,mBACID,KAAA,CAAAe,aAAA,CAACZ,iBAAiB;IAACa,MAAM,EAAEF;EAAM,GAC5BJ,QAAQ,iBAAIV,KAAA,CAAAe,aAAA,CAACV,yBAAyB,QAAEK,QAAoC,CAAC,EAC7EG,QAAQ,iBAAIb,KAAA,CAAAe,aAAA,CAACT,sBAAsB;IAACW,GAAG,EAAEJ;EAAS,CAAE,CAAC,eACtDb,KAAA,CAAAe,aAAA,CAACR,qBAAqB,QAAEI,IAA4B,CAAC,EACpDC,MAAM,iBACHZ,KAAA,CAAAe,aAAA,CAACX,8BAA8B,qBAC3BJ,KAAA,CAAAe,aAAA,CAACb,MAAM;IAACgB,OAAO,EAAEN,MAAM,CAACM;EAAQ,GAAEN,MAAM,CAACD,IAAa,CAC1B,CAErB,CACtB,EACD,CAACC,MAAM,EAAEF,QAAQ,EAAEG,QAAQ,EAAEF,IAAI,EAAEG,KAAK,CAC5C,CAAC;AAAA;AAELN,WAAW,CAACW,WAAW,GAAG,aAAa;AAEvC,eAAeX,WAAW","ignoreList":[]}

package/lib/esm/components/tooltip/tooltip-item/TooltipItem.styles.js

@@ -0,0 +1,43 @@
+import styled, { css } from 'styled-components';
+export const StyledTooltipItem = styled.div`
+    padding: 5px;
+
+    width: ${_ref => {
+  let {
+    $width
+  } = _ref;
+  return $width ? `${$width}px` : '100%';
+}};
+
+    ${_ref2 => {
+  let {
+    $width
+  } = _ref2;
+  return $width && css`
+            width: ${$width};
+        `;
+}}
+`;
+export const StyledTooltipItemHeadline = styled.h5`
+    color: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.headline;
+}};
+    margin: 0;
+`;
+export const StyledTooltipItemImage = styled.img``;
+export const StyledTooltipItemButtonWrapper = styled.div`
+    display: flex;
+    justify-content: center;
+`;
+export const StyledTooltipItemText = styled.p`
+    color: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.text;
+}};
+`;
+//# sourceMappingURL=TooltipItem.styles.js.map

package/lib/esm/components/tooltip/tooltip-item/TooltipItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipItem.styles.js","names":["styled","css","StyledTooltipItem","div","_ref","$width","_ref2","StyledTooltipItemHeadline","h5","_ref3","theme","headline","StyledTooltipItemImage","img","StyledTooltipItemButtonWrapper","StyledTooltipItemText","p","_ref4","text"],"sources":["../../../../../src/components/tooltip/tooltip-item/TooltipItem.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledTooltipItemProps = WithTheme<{ $width?: CSSProperties['width'] }>;\n\nexport const StyledTooltipItem = styled.div<StyledTooltipItemProps>`\n    padding: 5px;\n\n    width: ${({ $width }) => ($width ? `${$width}px` : '100%')};\n\n    ${({ $width }) =>\n        $width &&\n        css`\n            width: ${$width};\n        `}\n`;\n\ntype StyledTooltipItemHeadlineProps = WithTheme<unknown>;\n\nexport const StyledTooltipItemHeadline = styled.h5<StyledTooltipItemHeadlineProps>`\n    color: ${({ theme }: StyledTooltipItemHeadlineProps) => theme.headline};\n    margin: 0;\n`;\n\nexport const StyledTooltipItemImage = styled.img``;\n\nexport const StyledTooltipItemButtonWrapper = styled.div`\n    display: flex;\n    justify-content: center;\n`;\n\ntype StyledTooltipItemTextProps = WithTheme<unknown>;\n\nexport const StyledTooltipItemText = styled.p<StyledTooltipItemTextProps>`\n    color: ${({ theme }: StyledTooltipItemTextProps) => theme.text};\n`;\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAK/C,OAAO,MAAMC,iBAAiB,GAAGF,MAAM,CAACG,GAA2B;AACnE;AACA;AACA,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OAAMC,MAAM,GAAG,GAAGA,MAAM,IAAI,GAAG,MAAM;AAAA,CAAC;AAC9D;AACA,MAAMC,KAAA;EAAA,IAAC;IAAED;EAAO,CAAC,GAAAC,KAAA;EAAA,OACTD,MAAM,IACNJ,GAAG;AACX,qBAAqBI,MAAM;AAC3B,SAAS;AAAA;AACT,CAAC;AAID,OAAO,MAAME,yBAAyB,GAAGP,MAAM,CAACQ,EAAkC;AAClF,aAAaC,KAAA;EAAA,IAAC;IAAEC;EAAsC,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAACC,QAAQ;AAAA;AAC1E;AACA,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAGZ,MAAM,CAACa,GAAG,EAAE;AAElD,OAAO,MAAMC,8BAA8B,GAAGd,MAAM,CAACG,GAAG;AACxD;AACA;AACA,CAAC;AAID,OAAO,MAAMY,qBAAqB,GAAGf,MAAM,CAACgB,CAA6B;AACzE,aAAaC,KAAA;EAAA,IAAC;IAAEP;EAAkC,CAAC,GAAAO,KAAA;EAAA,OAAKP,KAAK,CAACQ,IAAI;AAAA;AAClE,CAAC","ignoreList":[]}

package/lib/esm/components/truncation/Truncation.js

@@ -0,0 +1,167 @@
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { ClampPosition } from '../../types/truncation';
+import { debounce } from '../../utils/debounce';
+import { truncateElement } from '../../utils/truncation';
+import { StyledMotionTruncationContent, StyledTruncation, StyledTruncationClamp, StyledTruncationClampWrapper, StyledTruncationPseudoContent } from './Truncation.styles';
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+const Truncation = _ref => {
+  let {
+    collapsedHeight = 150,
+    clampPosition = ClampPosition.Right,
+    isOpen,
+    moreLabel = 'Mehr',
+    lessLabel = 'Weniger',
+    onChange,
+    children
+  } = _ref;
+  const [internalIsOpen, setInternalIsOpen] = useState(false);
+  const [showClamp, setShowClamp] = useState(true);
+  const [newCollapsedHeight, setNewCollapsedHeight] = useState(collapsedHeight);
+  const [originalHeight, setOriginalHeight] = useState(0);
+  const [shouldShowCollapsedElement, setShouldShowCollapsedElement] = useState(true);
+  const [hasSizeChanged, setHasSizeChanged] = useState(false);
+  const [initialRender, setInitialRender] = useState(true);
+  const [originalSmallHeight, setOriginalSmallHeight] = useState(0);
+  const [originalBigHeight, setOriginalBigHeight] = useState(0);
+  useEffect(() => {
+    setInitialRender(false);
+  }, []);
+  const parentRef = useRef(null);
+  const pseudoChildrenRef = useRef(null);
+  const childrenRef = useRef(null);
+  const originalChildrenRef = useRef(null);
+  const hasCollapsed = useRef(false);
+  const isAnimating = useRef(false);
+  const hasSizeRecentlyChanged = useRef(false);
+  const canResetSizeChanged = useRef(true);
+  useEffect(() => {
+    if (typeof isOpen === 'boolean') {
+      setInternalIsOpen(isOpen);
+      setShowClamp(!isOpen);
+    }
+  }, [isOpen]);
+
+  // Changes the state of the truncation
+  const handleClampClick = useCallback(event => {
+    setInternalIsOpen(current => {
+      if (typeof onChange === 'function') {
+        onChange(event, !current);
+      }
+      return !current;
+    });
+  }, [onChange]);
+  const handleAnimationEnd = useCallback(() => {
+    hasCollapsed.current = true;
+    isAnimating.current = false;
+    if (canResetSizeChanged.current) {
+      setHasSizeChanged(false);
+      canResetSizeChanged.current = false;
+    }
+    window.setTimeout(() => {
+      hasSizeRecentlyChanged.current = false;
+    }, 10);
+    setShouldShowCollapsedElement(!internalIsOpen);
+    window.setTimeout(() => {
+      hasCollapsed.current = false;
+    }, 30);
+  }, [internalIsOpen]);
+  useEffect(() => {
+    if (!pseudoChildrenRef.current) {
+      return;
+    }
+    setOriginalHeight(pseudoChildrenRef.current.offsetHeight);
+    setOriginalBigHeight(pseudoChildrenRef.current.offsetHeight);
+    truncateElement(pseudoChildrenRef.current, collapsedHeight);
+    setNewCollapsedHeight(pseudoChildrenRef.current.offsetHeight);
+    setOriginalSmallHeight(pseudoChildrenRef.current.offsetHeight);
+  }, [collapsedHeight, pseudoChildrenRef, children]);
+
+  // Checks if the clamp should be shown
+  useEffect(() => {
+    if (pseudoChildrenRef.current && !hasSizeChanged && !initialRender) {
+      setShowClamp(originalHeight > newCollapsedHeight);
+    }
+  }, [collapsedHeight, hasSizeChanged, initialRender, newCollapsedHeight, originalHeight, children]);
+  useEffect(() => {
+    if (childrenRef.current && pseudoChildrenRef.current && originalChildrenRef.current) {
+      while (childrenRef.current.firstChild) {
+        childrenRef.current.removeChild(childrenRef.current.firstChild);
+      }
+      childrenRef.current.appendChild(shouldShowCollapsedElement && !internalIsOpen ? pseudoChildrenRef.current : originalChildrenRef.current);
+      parentRef.current?.appendChild(shouldShowCollapsedElement && !internalIsOpen ? originalChildrenRef.current : pseudoChildrenRef.current);
+      childrenRef.current.children[0].style.visibility = 'visible';
+    }
+  }, [children, internalIsOpen, shouldShowCollapsedElement]);
+  useIsomorphicLayoutEffect(() => {
+    if (originalChildrenRef.current) {
+      const resizeObserver = new ResizeObserver(entries => {
+        if (entries && entries[0]) {
+          const observedHeight = entries[0].contentRect.height;
+          setOriginalHeight(observedHeight < originalBigHeight ? originalBigHeight : observedHeight);
+          if (!hasCollapsed.current && !isAnimating.current && !hasSizeRecentlyChanged.current) {
+            void debounce(() => {
+              canResetSizeChanged.current = true;
+            }, 250)();
+            setHasSizeChanged(true);
+            hasSizeRecentlyChanged.current = true;
+          }
+        }
+      });
+      resizeObserver.observe(originalChildrenRef.current);
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+    return () => {};
+  }, [originalBigHeight, children]);
+  useIsomorphicLayoutEffect(() => {
+    if (pseudoChildrenRef.current) {
+      const resizeObserver = new ResizeObserver(entries => {
+        if (entries && entries[0]) {
+          const observedHeight = entries[0].contentRect.height;
+          setNewCollapsedHeight(observedHeight < originalSmallHeight ? originalSmallHeight : observedHeight);
+          if (!hasCollapsed.current && !isAnimating.current && !hasSizeRecentlyChanged.current) {
+            void debounce(() => {
+              canResetSizeChanged.current = true;
+            }, 250)();
+            setHasSizeChanged(true);
+            hasSizeRecentlyChanged.current = true;
+          }
+        }
+      });
+      resizeObserver.observe(pseudoChildrenRef.current);
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+    return () => {};
+  }, [originalSmallHeight, children]);
+  return useMemo(() => /*#__PURE__*/React.createElement(StyledTruncation, {
+    className: "beta-chayns-truncation",
+    ref: parentRef
+  }, /*#__PURE__*/React.createElement(StyledTruncationPseudoContent, {
+    ref: pseudoChildrenRef
+  }, children), /*#__PURE__*/React.createElement(StyledTruncationPseudoContent, {
+    ref: originalChildrenRef
+  }, children), /*#__PURE__*/React.createElement(StyledMotionTruncationContent, {
+    animate: {
+      height: internalIsOpen ? originalHeight : newCollapsedHeight
+    },
+    initial: false,
+    transition: {
+      type: 'tween',
+      duration: hasSizeChanged ? 0 : 0.2
+    },
+    onAnimationComplete: handleAnimationEnd,
+    onAnimationStart: () => {
+      isAnimating.current = true;
+    },
+    ref: childrenRef
+  }), showClamp && /*#__PURE__*/React.createElement(StyledTruncationClampWrapper, {
+    $position: clampPosition
+  }, /*#__PURE__*/React.createElement(StyledTruncationClamp, {
+    onClick: handleClampClick
+  }, internalIsOpen ? lessLabel : moreLabel))), [children, clampPosition, handleAnimationEnd, handleClampClick, hasSizeChanged, internalIsOpen, lessLabel, moreLabel, newCollapsedHeight, originalHeight, showClamp]);
+};
+export default Truncation;
+//# sourceMappingURL=Truncation.js.map

package/lib/esm/components/truncation/Truncation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Truncation.js","names":["React","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","ClampPosition","debounce","truncateElement","StyledMotionTruncationContent","StyledTruncation","StyledTruncationClamp","StyledTruncationClampWrapper","StyledTruncationPseudoContent","useIsomorphicLayoutEffect","window","Truncation","_ref","collapsedHeight","clampPosition","Right","isOpen","moreLabel","lessLabel","onChange","children","internalIsOpen","setInternalIsOpen","showClamp","setShowClamp","newCollapsedHeight","setNewCollapsedHeight","originalHeight","setOriginalHeight","shouldShowCollapsedElement","setShouldShowCollapsedElement","hasSizeChanged","setHasSizeChanged","initialRender","setInitialRender","originalSmallHeight","setOriginalSmallHeight","originalBigHeight","setOriginalBigHeight","parentRef","pseudoChildrenRef","childrenRef","originalChildrenRef","hasCollapsed","isAnimating","hasSizeRecentlyChanged","canResetSizeChanged","handleClampClick","event","current","handleAnimationEnd","setTimeout","offsetHeight","firstChild","removeChild","appendChild","style","visibility","resizeObserver","ResizeObserver","entries","observedHeight","contentRect","height","observe","disconnect","createElement","className","ref","animate","initial","transition","type","duration","onAnimationComplete","onAnimationStart","$position","onClick"],"sources":["../../../../src/components/truncation/Truncation.tsx"],"sourcesContent":["import React, {\n    FC,\n    MouseEvent,\n    MouseEventHandler,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { ClampPosition } from '../../types/truncation';\nimport { debounce } from '../../utils/debounce';\nimport { truncateElement } from '../../utils/truncation';\nimport {\n    StyledMotionTruncationContent,\n    StyledTruncation,\n    StyledTruncationClamp,\n    StyledTruncationClampWrapper,\n    StyledTruncationPseudoContent,\n} from './Truncation.styles';\n\nexport type TruncationProps = {\n    /**\n     * The elements that should be expanding or collapsing.\n     */\n    children: ReactElement;\n    /**\n     * The position of the clamp.\n     */\n    clampPosition?: ClampPosition;\n    /**\n     * The height of the children Element in it`s collapsed state.\n     */\n    collapsedHeight?: number;\n    /**\n     * If set to true, the content is exposed.\n     */\n    isOpen?: boolean;\n    /**\n     * A text that should be displayed if the content is expanded.\n     */\n    lessLabel?: string;\n    /**\n     * A text that should be displayed if the content is collapsed.\n     */\n    moreLabel?: string;\n    /**\n     * Function to be executed when the component is expanding or collapsing.\n     */\n    onChange?: (event: MouseEvent<HTMLAnchorElement>, isOpen: boolean) => void;\n};\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nconst Truncation: FC<TruncationProps> = ({\n    collapsedHeight = 150,\n    clampPosition = ClampPosition.Right,\n    isOpen,\n    moreLabel = 'Mehr',\n    lessLabel = 'Weniger',\n    onChange,\n    children,\n}) => {\n    const [internalIsOpen, setInternalIsOpen] = useState(false);\n    const [showClamp, setShowClamp] = useState(true);\n    const [newCollapsedHeight, setNewCollapsedHeight] = useState(collapsedHeight);\n    const [originalHeight, setOriginalHeight] = useState(0);\n    const [shouldShowCollapsedElement, setShouldShowCollapsedElement] = useState(true);\n    const [hasSizeChanged, setHasSizeChanged] = useState(false);\n    const [initialRender, setInitialRender] = useState(true);\n\n    const [originalSmallHeight, setOriginalSmallHeight] = useState(0);\n    const [originalBigHeight, setOriginalBigHeight] = useState(0);\n\n    useEffect(() => {\n        setInitialRender(false);\n    }, []);\n\n    const parentRef = useRef<HTMLDivElement>(null);\n    const pseudoChildrenRef = useRef<HTMLDivElement>(null);\n    const childrenRef = useRef<HTMLDivElement>(null);\n    const originalChildrenRef = useRef<HTMLDivElement>(null);\n    const hasCollapsed = useRef(false);\n    const isAnimating = useRef(false);\n    const hasSizeRecentlyChanged = useRef(false);\n    const canResetSizeChanged = useRef(true);\n\n    useEffect(() => {\n        if (typeof isOpen === 'boolean') {\n            setInternalIsOpen(isOpen);\n            setShowClamp(!isOpen);\n        }\n    }, [isOpen]);\n\n    // Changes the state of the truncation\n    const handleClampClick = useCallback<MouseEventHandler<HTMLAnchorElement>>(\n        (event) => {\n            setInternalIsOpen((current) => {\n                if (typeof onChange === 'function') {\n                    onChange(event, !current);\n                }\n\n                return !current;\n            });\n        },\n        [onChange],\n    );\n\n    const handleAnimationEnd = useCallback(() => {\n        hasCollapsed.current = true;\n        isAnimating.current = false;\n\n        if (canResetSizeChanged.current) {\n            setHasSizeChanged(false);\n            canResetSizeChanged.current = false;\n        }\n\n        window.setTimeout(() => {\n            hasSizeRecentlyChanged.current = false;\n        }, 10);\n\n        setShouldShowCollapsedElement(!internalIsOpen);\n\n        window.setTimeout(() => {\n            hasCollapsed.current = false;\n        }, 30);\n    }, [internalIsOpen]);\n\n    useEffect(() => {\n        if (!pseudoChildrenRef.current) {\n            return;\n        }\n\n        setOriginalHeight(pseudoChildrenRef.current.offsetHeight);\n        setOriginalBigHeight(pseudoChildrenRef.current.offsetHeight);\n\n        truncateElement(pseudoChildrenRef.current, collapsedHeight);\n\n        setNewCollapsedHeight(pseudoChildrenRef.current.offsetHeight);\n        setOriginalSmallHeight(pseudoChildrenRef.current.offsetHeight);\n    }, [collapsedHeight, pseudoChildrenRef, children]);\n\n    // Checks if the clamp should be shown\n    useEffect(() => {\n        if (pseudoChildrenRef.current && !hasSizeChanged && !initialRender) {\n            setShowClamp(originalHeight > newCollapsedHeight);\n        }\n    }, [\n        collapsedHeight,\n        hasSizeChanged,\n        initialRender,\n        newCollapsedHeight,\n        originalHeight,\n        children,\n    ]);\n\n    useEffect(() => {\n        if (childrenRef.current && pseudoChildrenRef.current && originalChildrenRef.current) {\n            while (childrenRef.current.firstChild) {\n                childrenRef.current.removeChild(childrenRef.current.firstChild);\n            }\n\n            childrenRef.current.appendChild(\n                shouldShowCollapsedElement && !internalIsOpen\n                    ? pseudoChildrenRef.current\n                    : originalChildrenRef.current,\n            );\n\n            parentRef.current?.appendChild(\n                shouldShowCollapsedElement && !internalIsOpen\n                    ? originalChildrenRef.current\n                    : pseudoChildrenRef.current,\n            );\n\n            (childrenRef.current.children[0] as HTMLDivElement).style.visibility = 'visible';\n        }\n    }, [children, internalIsOpen, shouldShowCollapsedElement]);\n\n    useIsomorphicLayoutEffect(() => {\n        if (originalChildrenRef.current) {\n            const resizeObserver = new ResizeObserver((entries) => {\n                if (entries && entries[0]) {\n                    const observedHeight = entries[0].contentRect.height;\n\n                    setOriginalHeight(\n                        observedHeight < originalBigHeight ? originalBigHeight : observedHeight,\n                    );\n\n                    if (\n                        !hasCollapsed.current &&\n                        !isAnimating.current &&\n                        !hasSizeRecentlyChanged.current\n                    ) {\n                        void debounce(() => {\n                            canResetSizeChanged.current = true;\n                        }, 250)();\n\n                        setHasSizeChanged(true);\n                        hasSizeRecentlyChanged.current = true;\n                    }\n                }\n            });\n\n            resizeObserver.observe(originalChildrenRef.current);\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }\n\n        return () => {};\n    }, [originalBigHeight, children]);\n\n    useIsomorphicLayoutEffect(() => {\n        if (pseudoChildrenRef.current) {\n            const resizeObserver = new ResizeObserver((entries) => {\n                if (entries && entries[0]) {\n                    const observedHeight = entries[0].contentRect.height;\n\n                    setNewCollapsedHeight(\n                        observedHeight < originalSmallHeight ? originalSmallHeight : observedHeight,\n                    );\n\n                    if (\n                        !hasCollapsed.current &&\n                        !isAnimating.current &&\n                        !hasSizeRecentlyChanged.current\n                    ) {\n                        void debounce(() => {\n                            canResetSizeChanged.current = true;\n                        }, 250)();\n\n                        setHasSizeChanged(true);\n                        hasSizeRecentlyChanged.current = true;\n                    }\n                }\n            });\n\n            resizeObserver.observe(pseudoChildrenRef.current);\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }\n\n        return () => {};\n    }, [originalSmallHeight, children]);\n\n    return useMemo(\n        () => (\n            <StyledTruncation className=\"beta-chayns-truncation\" ref={parentRef}>\n                <StyledTruncationPseudoContent ref={pseudoChildrenRef}>\n                    {children}\n                </StyledTruncationPseudoContent>\n                <StyledTruncationPseudoContent ref={originalChildrenRef}>\n                    {children}\n                </StyledTruncationPseudoContent>\n                <StyledMotionTruncationContent\n                    animate={{ height: internalIsOpen ? originalHeight : newCollapsedHeight }}\n                    initial={false}\n                    transition={{ type: 'tween', duration: hasSizeChanged ? 0 : 0.2 }}\n                    onAnimationComplete={handleAnimationEnd}\n                    onAnimationStart={() => {\n                        isAnimating.current = true;\n                    }}\n                    ref={childrenRef}\n                />\n                {showClamp && (\n                    <StyledTruncationClampWrapper $position={clampPosition}>\n                        <StyledTruncationClamp onClick={handleClampClick}>\n                            {internalIsOpen ? lessLabel : moreLabel}\n                        </StyledTruncationClamp>\n                    </StyledTruncationClampWrapper>\n                )}\n            </StyledTruncation>\n        ),\n        [\n            children,\n            clampPosition,\n            handleAnimationEnd,\n            handleClampClick,\n            hasSizeChanged,\n            internalIsOpen,\n            lessLabel,\n            moreLabel,\n            newCollapsedHeight,\n            originalHeight,\n            showClamp,\n        ],\n    );\n};\n\nexport default Truncation;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/truncation/Truncation.styles.js

@@ -0,0 +1,46 @@
+import { motion } from 'framer-motion';
+import styled, { css } from 'styled-components';
+import { ClampPosition } from '../../types/truncation';
+export const StyledTruncation = styled.div`
+    position: relative;
+    overflow: hidden;
+`;
+
+// Fix framer-motion bug
+export const StyledMotionTruncationContent = styled(motion.div)`
+    overflow: hidden;
+    position: relative;
+`;
+export const StyledTruncationPseudoContent = styled.div`
+    visibility: hidden;
+    position: absolute;
+    width: 100%;
+`;
+export const StyledTruncationClampWrapper = styled.div`
+    display: flex;
+
+    ${_ref => {
+  let {
+    $position
+  } = _ref;
+  switch ($position) {
+    case ClampPosition.Left:
+      return css`
+                    justify-content: left;
+                `;
+    case ClampPosition.Middle:
+      return css`
+                    justify-content: center;
+                `;
+    default:
+      return css`
+                    justify-content: right;
+                `;
+  }
+}}
+`;
+export const StyledTruncationClamp = styled.a`
+    cursor: pointer;
+    z-index: 2;
+`;
+//# sourceMappingURL=Truncation.styles.js.map

package/lib/esm/components/truncation/Truncation.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Truncation.styles.js","names":["motion","styled","css","ClampPosition","StyledTruncation","div","StyledMotionTruncationContent","StyledTruncationPseudoContent","StyledTruncationClampWrapper","_ref","$position","Left","Middle","StyledTruncationClamp","a"],"sources":["../../../../src/components/truncation/Truncation.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport { ClampPosition } from '../../types/truncation';\nimport type { FramerMotionBugFix, WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTruncation = styled.div`\n    position: relative;\n    overflow: hidden;\n`;\n\n// Fix framer-motion bug\nexport const StyledMotionTruncationContent = styled(motion.div)<FramerMotionBugFix>`\n    overflow: hidden;\n    position: relative;\n`;\n\nexport const StyledTruncationPseudoContent = styled.div`\n    visibility: hidden;\n    position: absolute;\n    width: 100%;\n`;\n\ntype StyledTruncationClampWrapperProps = WithTheme<{ $position: ClampPosition }>;\n\nexport const StyledTruncationClampWrapper = styled.div<StyledTruncationClampWrapperProps>`\n    display: flex;\n\n    ${({ $position }) => {\n        switch ($position) {\n            case ClampPosition.Left:\n                return css`\n                    justify-content: left;\n                `;\n            case ClampPosition.Middle:\n                return css`\n                    justify-content: center;\n                `;\n            default:\n                return css`\n                    justify-content: right;\n                `;\n        }\n    }}\n`;\n\nexport const StyledTruncationClamp = styled.a`\n    cursor: pointer;\n    z-index: 2;\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,QAAQ,wBAAwB;AAGtD,OAAO,MAAMC,gBAAgB,GAAGH,MAAM,CAACI,GAAG;AAC1C;AACA;AACA,CAAC;;AAED;AACA,OAAO,MAAMC,6BAA6B,GAAGL,MAAM,CAACD,MAAM,CAACK,GAAG,CAAqB;AACnF;AACA;AACA,CAAC;AAED,OAAO,MAAME,6BAA6B,GAAGN,MAAM,CAACI,GAAG;AACvD;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMG,4BAA4B,GAAGP,MAAM,CAACI,GAAsC;AACzF;AACA;AACA,MAAMI,IAAA,IAAmB;EAAA,IAAlB;IAAEC;EAAU,CAAC,GAAAD,IAAA;EACZ,QAAQC,SAAS;IACb,KAAKP,aAAa,CAACQ,IAAI;MACnB,OAAOT,GAAG;AAC1B;AACA,iBAAiB;IACL,KAAKC,aAAa,CAACS,MAAM;MACrB,OAAOV,GAAG;AAC1B;AACA,iBAAiB;IACL;MACI,OAAOA,GAAG;AAC1B;AACA,iBAAiB;EACT;AACJ,CAAC;AACL,CAAC;AAED,OAAO,MAAMW,qBAAqB,GAAGZ,MAAM,CAACa,CAAC;AAC7C;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/constants/mentionFinder.js

@@ -0,0 +1,6 @@
+export let MentionFinderPopupAlignment = /*#__PURE__*/function (MentionFinderPopupAlignment) {
+  MentionFinderPopupAlignment[MentionFinderPopupAlignment["Top"] = 0] = "Top";
+  MentionFinderPopupAlignment[MentionFinderPopupAlignment["Bottom"] = 1] = "Bottom";
+  return MentionFinderPopupAlignment;
+}({});
+//# sourceMappingURL=mentionFinder.js.map

package/lib/esm/constants/mentionFinder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentionFinder.js","names":["MentionFinderPopupAlignment"],"sources":["../../../src/constants/mentionFinder.ts"],"sourcesContent":["export enum MentionFinderPopupAlignment {\n    Top,\n    Bottom,\n}\n"],"mappings":"AAAA,WAAYA,2BAA2B,0BAA3BA,2BAA2B;EAA3BA,2BAA2B,CAA3BA,2BAA2B;EAA3BA,2BAA2B,CAA3BA,2BAA2B;EAAA,OAA3BA,2BAA2B;AAAA","ignoreList":[]}

package/lib/esm/constants/numberInput.js

@@ -0,0 +1,6 @@
+export const NUMBER_CLEAR_REGEX = /[^\d,.:]/gi;
+export const INTEGER_TEST = /^[1-9][0-9]*$/;
+export const DECIMAL_TEST = /^(0|[1-9][0-9]*)?(\.[0-9]*)?$/;
+export const MONEY_TEST = /^(0|[1-9][0-9]*)?(\.[0-9]{0,2})?$/;
+export const TIME_TEST = /^\d{1,2}(:\d{1,2})?$/;
+//# sourceMappingURL=numberInput.js.map

package/lib/esm/constants/numberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberInput.js","names":["NUMBER_CLEAR_REGEX","INTEGER_TEST","DECIMAL_TEST","MONEY_TEST","TIME_TEST"],"sources":["../../../src/constants/numberInput.ts"],"sourcesContent":["export const NUMBER_CLEAR_REGEX = /[^\\d,.:]/gi;\nexport const INTEGER_TEST = /^[1-9][0-9]*$/;\nexport const DECIMAL_TEST = /^(0|[1-9][0-9]*)?(\\.[0-9]*)?$/;\nexport const MONEY_TEST = /^(0|[1-9][0-9]*)?(\\.[0-9]{0,2})?$/;\nexport const TIME_TEST = /^\\d{1,2}(:\\d{1,2})?$/;\n"],"mappings":"AAAA,OAAO,MAAMA,kBAAkB,GAAG,YAAY;AAC9C,OAAO,MAAMC,YAAY,GAAG,eAAe;AAC3C,OAAO,MAAMC,YAAY,GAAG,+BAA+B;AAC3D,OAAO,MAAMC,UAAU,GAAG,mCAAmC;AAC7D,OAAO,MAAMC,SAAS,GAAG,sBAAsB","ignoreList":[]}

package/lib/esm/constants/pageProvider.js

@@ -0,0 +1,10 @@
+export const PAGE_BREAKPOINTS = {
+  mobile: 'screen and (max-width: 37.438em)',
+  // less than 600px
+  desktop: 'screen and (min-width: 33.5em)',
+  // more than 600px; could:  and (max-width: 63.9375em)
+  desk: 'screen and (min-width: 53.125em)',
+  // more than 850px
+  retina: '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)'
+};
+//# sourceMappingURL=pageProvider.js.map

package/lib/esm/constants/pageProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageProvider.js","names":["PAGE_BREAKPOINTS","mobile","desktop","desk","retina"],"sources":["../../../src/constants/pageProvider.ts"],"sourcesContent":["export const PAGE_BREAKPOINTS = {\n    mobile: 'screen and (max-width: 37.438em)', // less than 600px\n    desktop: 'screen and (min-width: 33.5em)', // more than 600px; could:  and (max-width: 63.9375em)\n    desk: 'screen and (min-width: 53.125em)', // more than 850px\n    retina: '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)',\n};\n"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,GAAG;EAC5BC,MAAM,EAAE,kCAAkC;EAAE;EAC5CC,OAAO,EAAE,gCAAgC;EAAE;EAC3CC,IAAI,EAAE,kCAAkC;EAAE;EAC1CC,MAAM,EAAE;AACZ,CAAC","ignoreList":[]}