@chayns-components/core 5.0.0-beta.4 → 5.0.0-beta.400

package/lib/components/truncation/Truncation.d.ts

@@ -0,0 +1,25 @@
+import { FC, MouseEvent, ReactElement } from 'react';
+export type TruncationProps = {
+    /**
+     * The elements that should be expanding or collapsing.
+     */
+    children: ReactElement;
+    /**
+     * The height of the children Element in it`s collapsed state.
+     */
+    collapsedHeight?: number;
+    /**
+     * A text that should be displayed if the content is expanded.
+     */
+    lessLabel?: string;
+    /**
+     * A text that should be displayed if the content is collapsed.
+     */
+    moreLabel?: string;
+    /**
+     * Function to be executed when the component is expanding or collapsing.
+     */
+    onChange?: (event: MouseEvent<HTMLAnchorElement>, isOpen: boolean) => void;
+};
+declare const Truncation: FC<TruncationProps>;
+export default Truncation;

package/lib/components/truncation/Truncation.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _truncation = require("../../utils/truncation");
+var _Truncation = require("./Truncation.styles");
+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 && Object.prototype.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; }
+const Truncation = _ref => {
+  let {
+    collapsedHeight = 150,
+    moreLabel = 'Mehr',
+    lessLabel = 'Weniger',
+    onChange,
+    children
+  } = _ref;
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const [showClamp, setShowClamp] = (0, _react.useState)(true);
+  const [newCollapsedHeight, setNewCollapsedHeight] = (0, _react.useState)(collapsedHeight);
+  const [originalHeight, setOriginalHeight] = (0, _react.useState)(0);
+  const [shouldShowCollapsedElement, setShouldShowCollapsedElement] = (0, _react.useState)(true);
+  const pseudoChildrenRef = (0, _react.useRef)(null);
+  const childrenRef = (0, _react.useRef)(null);
+  const originalChildrenRef = (0, _react.useRef)(null);
+
+  // Changes the state of the truncation
+  const handleClampClick = (0, _react.useCallback)(event => {
+    setIsOpen(current => {
+      if (typeof onChange === 'function') {
+        onChange(event, !current);
+      }
+      return !current;
+    });
+  }, [onChange]);
+  const handleAnimationEnd = (0, _react.useCallback)(() => {
+    setShouldShowCollapsedElement(!isOpen);
+  }, [isOpen]);
+  (0, _react.useEffect)(() => {
+    if (!pseudoChildrenRef.current) {
+      return;
+    }
+    setOriginalHeight(pseudoChildrenRef.current.offsetHeight);
+    (0, _truncation.truncateElement)(pseudoChildrenRef.current, collapsedHeight);
+    setNewCollapsedHeight(pseudoChildrenRef.current.offsetHeight);
+  }, [collapsedHeight, pseudoChildrenRef]);
+
+  // Checks if the clamp should be shown
+  (0, _react.useEffect)(() => {
+    if (pseudoChildrenRef.current) {
+      setShowClamp(originalHeight > newCollapsedHeight);
+    }
+  }, [collapsedHeight, newCollapsedHeight, originalHeight]);
+  (0, _react.useEffect)(() => {
+    if (childrenRef.current && pseudoChildrenRef.current && originalChildrenRef.current) {
+      while (childrenRef.current.firstChild) {
+        childrenRef.current.removeChild(childrenRef.current.firstChild);
+      }
+      childrenRef.current.appendChild(shouldShowCollapsedElement && !isOpen ? pseudoChildrenRef.current : originalChildrenRef.current);
+      childrenRef.current.children[0].style.visibility = 'visible';
+    }
+  }, [children, isOpen, shouldShowCollapsedElement]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_Truncation.StyledTruncation, {
+    className: "beta-chayns-truncation"
+  }, /*#__PURE__*/_react.default.createElement(_Truncation.StyledTruncationPseudoContent, {
+    ref: pseudoChildrenRef
+  }, children), /*#__PURE__*/_react.default.createElement(_Truncation.StyledTruncationPseudoContent, {
+    ref: originalChildrenRef
+  }, children), /*#__PURE__*/_react.default.createElement(_Truncation.StyledMotionTruncationContent, {
+    animate: {
+      height: isOpen ? originalHeight : newCollapsedHeight
+    },
+    initial: false,
+    transition: {
+      type: 'tween'
+    },
+    onAnimationComplete: handleAnimationEnd,
+    ref: childrenRef
+  }), showClamp && /*#__PURE__*/_react.default.createElement(_Truncation.StyledTruncationClamp, {
+    onClick: handleClampClick
+  }, isOpen ? lessLabel : moreLabel)), [children, handleAnimationEnd, handleClampClick, isOpen, lessLabel, moreLabel, newCollapsedHeight, originalHeight, showClamp]);
+};
+var _default = exports.default = Truncation;
+//# sourceMappingURL=Truncation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Truncation.js","names":["_react","_interopRequireWildcard","require","_truncation","_Truncation","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Truncation","_ref","collapsedHeight","moreLabel","lessLabel","onChange","children","isOpen","setIsOpen","useState","showClamp","setShowClamp","newCollapsedHeight","setNewCollapsedHeight","originalHeight","setOriginalHeight","shouldShowCollapsedElement","setShouldShowCollapsedElement","pseudoChildrenRef","useRef","childrenRef","originalChildrenRef","handleClampClick","useCallback","event","current","handleAnimationEnd","useEffect","offsetHeight","truncateElement","firstChild","removeChild","appendChild","style","visibility","useMemo","createElement","StyledTruncation","className","StyledTruncationPseudoContent","ref","StyledMotionTruncationContent","animate","height","initial","transition","type","onAnimationComplete","StyledTruncationClamp","onClick","_default","exports"],"sources":["../../../src/components/truncation/Truncation.tsx"],"sourcesContent":["import React, {\n    FC,\n    MouseEvent,\n    MouseEventHandler,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { truncateElement } from '../../utils/truncation';\nimport {\n    StyledMotionTruncationContent,\n    StyledTruncation,\n    StyledTruncationClamp,\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 height of the children Element in it`s collapsed state.\n     */\n    collapsedHeight?: number;\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 Truncation: FC<TruncationProps> = ({\n    collapsedHeight = 150,\n    moreLabel = 'Mehr',\n    lessLabel = 'Weniger',\n    onChange,\n    children,\n}) => {\n    const [isOpen, setIsOpen] = 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\n    const pseudoChildrenRef = useRef<HTMLDivElement>(null);\n    const childrenRef = useRef<HTMLDivElement>(null);\n    const originalChildrenRef = useRef<HTMLDivElement>(null);\n\n    // Changes the state of the truncation\n    const handleClampClick = useCallback<MouseEventHandler<HTMLAnchorElement>>(\n        (event) => {\n            setIsOpen((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        setShouldShowCollapsedElement(!isOpen);\n    }, [isOpen]);\n\n    useEffect(() => {\n        if (!pseudoChildrenRef.current) {\n            return;\n        }\n\n        setOriginalHeight(pseudoChildrenRef.current.offsetHeight);\n\n        truncateElement(pseudoChildrenRef.current, collapsedHeight);\n\n        setNewCollapsedHeight(pseudoChildrenRef.current.offsetHeight);\n    }, [collapsedHeight, pseudoChildrenRef]);\n\n    // Checks if the clamp should be shown\n    useEffect(() => {\n        if (pseudoChildrenRef.current) {\n            setShowClamp(originalHeight > newCollapsedHeight);\n        }\n    }, [collapsedHeight, newCollapsedHeight, originalHeight]);\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 && !isOpen\n                    ? pseudoChildrenRef.current\n                    : originalChildrenRef.current,\n            );\n\n            (childrenRef.current.children[0] as HTMLDivElement).style.visibility = 'visible';\n        }\n    }, [children, isOpen, shouldShowCollapsedElement]);\n\n    return useMemo(\n        () => (\n            <StyledTruncation className=\"beta-chayns-truncation\">\n                <StyledTruncationPseudoContent ref={pseudoChildrenRef}>\n                    {children}\n                </StyledTruncationPseudoContent>\n                <StyledTruncationPseudoContent ref={originalChildrenRef}>\n                    {children}\n                </StyledTruncationPseudoContent>\n                <StyledMotionTruncationContent\n                    animate={{ height: isOpen ? originalHeight : newCollapsedHeight }}\n                    initial={false}\n                    transition={{ type: 'tween' }}\n                    onAnimationComplete={handleAnimationEnd}\n                    ref={childrenRef}\n                />\n                {showClamp && (\n                    <StyledTruncationClamp onClick={handleClampClick}>\n                        {isOpen ? lessLabel : moreLabel}\n                    </StyledTruncationClamp>\n                )}\n            </StyledTruncation>\n        ),\n        [\n            children,\n            handleAnimationEnd,\n            handleClampClick,\n            isOpen,\n            lessLabel,\n            moreLabel,\n            newCollapsedHeight,\n            originalHeight,\n            showClamp,\n        ],\n    );\n};\n\nexport default Truncation;\n"],"mappings":"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"}

package/lib/components/truncation/Truncation.styles.d.ts

@@ -0,0 +1,270 @@
+/// <reference types="react" />
+/// <reference types="react" />
+export declare const StyledTruncation: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledMotionTruncationContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
+    slot?: string | undefined;
+    title?: string | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}>> & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTruncationPseudoContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledTruncationClamp: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTruncationPseudoContent = exports.StyledTruncationClamp = exports.StyledTruncation = exports.StyledMotionTruncationContent = void 0;
+var _framerMotion = require("framer-motion");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledTruncation = exports.StyledTruncation = _styledComponents.default.div`
+    position: relative;
+`;
+
+// Fix framer-motion bug
+const StyledMotionTruncationContent = exports.StyledMotionTruncationContent = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    overflow: hidden;
+`;
+const StyledTruncationPseudoContent = exports.StyledTruncationPseudoContent = _styledComponents.default.div`
+    visibility: hidden;
+    position: absolute;
+    width: fit-content;
+`;
+const StyledTruncationClamp = exports.StyledTruncationClamp = _styledComponents.default.a`
+    cursor: pointer;
+    float: right;
+`;
+//# sourceMappingURL=Truncation.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Truncation.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireDefault","obj","__esModule","default","StyledTruncation","exports","styled","div","StyledMotionTruncationContent","motion","StyledTruncationPseudoContent","StyledTruncationClamp","a"],"sources":["../../../src/components/truncation/Truncation.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { FramerMotionBugFix } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTruncation = styled.div`\n    position: relative;\n`;\n\n// Fix framer-motion bug\nexport const StyledMotionTruncationContent = styled(motion.div)<FramerMotionBugFix>`\n    overflow: hidden;\n`;\n\nexport const StyledTruncationPseudoContent = styled.div`\n    visibility: hidden;\n    position: absolute;\n    width: fit-content;\n`;\n\nexport const StyledTruncationClamp = styled.a`\n    cursor: pointer;\n    float: right;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGhC,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC3C;AACA,CAAC;;AAED;AACO,MAAMC,6BAA6B,GAAAH,OAAA,CAAAG,6BAAA,GAAG,IAAAF,yBAAM,EAACG,oBAAM,CAACF,GAAG,CAAsB;AACpF;AACA,CAAC;AAEM,MAAMG,6BAA6B,GAAAL,OAAA,CAAAK,6BAAA,GAAGJ,yBAAM,CAACC,GAAI;AACxD;AACA;AACA;AACA,CAAC;AAEM,MAAMI,qBAAqB,GAAAN,OAAA,CAAAM,qBAAA,GAAGL,yBAAM,CAACM,CAAE;AAC9C;AACA;AACA,CAAC"}

package/lib/constants/codeHighlighter.d.ts

@@ -0,0 +1,7 @@
+import type { CodeHighlighterLanguage } from '../types/codeHighlighter';
+export declare const BABEL_LANGUAGES: CodeHighlighterLanguage[];
+export declare const HTML_LANGUAGES: CodeHighlighterLanguage[];
+export declare const CSS_LANGUAGES: CodeHighlighterLanguage[];
+export declare const MARKDOWN_LANGUAGES: CodeHighlighterLanguage[];
+export declare const GRAPHQL_LANGUAGES: CodeHighlighterLanguage[];
+export declare const YAML_LANGUAGES: CodeHighlighterLanguage[];

package/lib/constants/codeHighlighter.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YAML_LANGUAGES = exports.MARKDOWN_LANGUAGES = exports.HTML_LANGUAGES = exports.GRAPHQL_LANGUAGES = exports.CSS_LANGUAGES = exports.BABEL_LANGUAGES = void 0;
+const BABEL_LANGUAGES = exports.BABEL_LANGUAGES = ['tsx', 'jsx', 'typescript', 'javascript'];
+const HTML_LANGUAGES = exports.HTML_LANGUAGES = ['html'];
+const CSS_LANGUAGES = exports.CSS_LANGUAGES = ['css', 'less', 'scss'];
+const MARKDOWN_LANGUAGES = exports.MARKDOWN_LANGUAGES = ['markdown'];
+const GRAPHQL_LANGUAGES = exports.GRAPHQL_LANGUAGES = ['graphql'];
+const YAML_LANGUAGES = exports.YAML_LANGUAGES = ['yaml'];
+//# sourceMappingURL=codeHighlighter.js.map

package/lib/constants/codeHighlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeHighlighter.js","names":["BABEL_LANGUAGES","exports","HTML_LANGUAGES","CSS_LANGUAGES","MARKDOWN_LANGUAGES","GRAPHQL_LANGUAGES","YAML_LANGUAGES"],"sources":["../../src/constants/codeHighlighter.ts"],"sourcesContent":["import type { CodeHighlighterLanguage } from '../types/codeHighlighter';\n\nexport const BABEL_LANGUAGES: CodeHighlighterLanguage[] = [\n    'tsx',\n    'jsx',\n    'typescript',\n    'javascript',\n];\nexport const HTML_LANGUAGES: CodeHighlighterLanguage[] = ['html'];\nexport const CSS_LANGUAGES: CodeHighlighterLanguage[] = ['css', 'less', 'scss'];\nexport const MARKDOWN_LANGUAGES: CodeHighlighterLanguage[] = ['markdown'];\nexport const GRAPHQL_LANGUAGES: CodeHighlighterLanguage[] = ['graphql'];\nexport const YAML_LANGUAGES: CodeHighlighterLanguage[] = ['yaml'];\n"],"mappings":";;;;;;AAEO,MAAMA,eAA0C,GAAAC,OAAA,CAAAD,eAAA,GAAG,CACtD,KAAK,EACL,KAAK,EACL,YAAY,EACZ,YAAY,CACf;AACM,MAAME,cAAyC,GAAAD,OAAA,CAAAC,cAAA,GAAG,CAAC,MAAM,CAAC;AAC1D,MAAMC,aAAwC,GAAAF,OAAA,CAAAE,aAAA,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;AACxE,MAAMC,kBAA6C,GAAAH,OAAA,CAAAG,kBAAA,GAAG,CAAC,UAAU,CAAC;AAClE,MAAMC,iBAA4C,GAAAJ,OAAA,CAAAI,iBAAA,GAAG,CAAC,SAAS,CAAC;AAChE,MAAMC,cAAyC,GAAAL,OAAA,CAAAK,cAAA,GAAG,CAAC,MAAM,CAAC"}

package/lib/hooks/colorMode.d.ts

@@ -0,0 +1,2 @@
+import type { ColorMode } from 'chayns-api';
+export declare const useColorMode: () => ColorMode;

package/lib/hooks/colorMode.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useColorMode = void 0;
+var _react = require("react");
+const useColorMode = () => {
+  const [colorMode, setColorMode] = (0, _react.useState)(chayns.env.site.colorMode);
+  (0, _react.useEffect)(() => {
+    const listener = () => {
+      setColorMode(chayns.env.site.colorMode);
+    };
+    void chayns.addDesignSettingsChangeListener(listener);
+    return () => {
+      void chayns.removeDesignSettingsChangeListener(listener);
+    };
+  }, []);
+  return colorMode;
+};
+exports.useColorMode = useColorMode;
+//# sourceMappingURL=colorMode.js.map

package/lib/hooks/colorMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorMode.js","names":["_react","require","useColorMode","colorMode","setColorMode","useState","chayns","env","site","useEffect","listener","addDesignSettingsChangeListener","removeDesignSettingsChangeListener","exports"],"sources":["../../src/hooks/colorMode.ts"],"sourcesContent":["import type { ColorMode } from 'chayns-api';\nimport { useEffect, useState } from 'react';\n\nexport const useColorMode = (): ColorMode => {\n    const [colorMode, setColorMode] = useState<ColorMode>(chayns.env.site.colorMode);\n\n    useEffect(() => {\n        const listener = () => {\n            setColorMode(chayns.env.site.colorMode);\n        };\n\n        void chayns.addDesignSettingsChangeListener(listener);\n\n        return () => {\n            void chayns.removeDesignSettingsChangeListener(listener);\n        };\n    }, []);\n\n    return colorMode;\n};\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAGA,CAAA,KAAiB;EACzC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAYC,MAAM,CAACC,GAAG,CAACC,IAAI,CAACL,SAAS,CAAC;EAEhF,IAAAM,gBAAS,EAAC,MAAM;IACZ,MAAMC,QAAQ,GAAGA,CAAA,KAAM;MACnBN,YAAY,CAACE,MAAM,CAACC,GAAG,CAACC,IAAI,CAACL,SAAS,CAAC;IAC3C,CAAC;IAED,KAAKG,MAAM,CAACK,+BAA+B,CAACD,QAAQ,CAAC;IAErD,OAAO,MAAM;MACT,KAAKJ,MAAM,CAACM,kCAAkC,CAACF,QAAQ,CAAC;IAC5D,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOP,SAAS;AACpB,CAAC;AAACU,OAAA,CAAAX,YAAA,GAAAA,YAAA"}

package/lib/hooks/uuid.d.ts

@@ -0,0 +1 @@
+export declare const useUuid: () => string;

package/lib/hooks/uuid.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useUuid = void 0;
+var _react = require("react");
+var _uuid = require("uuid");
+const useUuid = () => {
+  const [uuid] = (0, _react.useState)((0, _uuid.v4)());
+  return uuid;
+};
+exports.useUuid = useUuid;
+//# sourceMappingURL=uuid.js.map

package/lib/hooks/uuid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid.js","names":["_react","require","_uuid","useUuid","uuid","useState","uuidV4","exports"],"sources":["../../src/hooks/uuid.ts"],"sourcesContent":["import { useState } from 'react';\nimport { v4 as uuidV4 } from 'uuid';\n\nexport const useUuid = () => {\n    const [uuid] = useState(uuidV4());\n\n    return uuid;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,OAAO,GAAGA,CAAA,KAAM;EACzB,MAAM,CAACC,IAAI,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAAC,QAAM,EAAC,CAAC,CAAC;EAEjC,OAAOF,IAAI;AACf,CAAC;AAACG,OAAA,CAAAJ,OAAA,GAAAA,OAAA"}

package/lib/index.d.ts

@@ -1,5 +1,55 @@
 export { default as Accordion } from './components/accordion/Accordion';
+export { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';
+export { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';
+export { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';
+export { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';
+export { default as AmountControl } from './components/amount-control/AmountControl';
 export { default as Badge } from './components/badge/Badge';
 export { default as Button } from './components/button/Button';
+export { default as Checkbox } from './components/checkbox/Checkbox';
+export { default as CodeHighlighter } from './components/code-highlighter/CodeHighlighter';
 export { default as ColorSchemeProvider } from './components/color-scheme-provider/ColorSchemeProvider';
+export type { FramerMotionBugFix, WithTheme, } from './components/color-scheme-provider/ColorSchemeProvider';
+export { default as ComboBox } from './components/combobox/ComboBox';
+export type { IComboBoxItem as ComboBoxItem } from './components/combobox/ComboBox';
+export { default as ContentCard } from './components/content-card/ContentCard';
+export { default as ContextMenu } from './components/context-menu/ContextMenu';
+export { default as DateInfo } from './components/date-info/DateInfo';
+export { default as FileInput } from './components/file-input/FileInput';
+export { default as FilterButtons } from './components/filter-buttons/FilterButtons';
+export type { FilterButtonItemShape, FilterButtonSize, IFilterButtonItem as FilterButtonItem, } from './components/filter-buttons/types';
+export { default as GridImage } from './components/grid-image/GridImage';
 export { default as Icon } from './components/icon/Icon';
+export { default as Input } from './components/input/Input';
+export { default as List } from './components/list/List';
+export { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';
+export { default as ListItem } from './components/list/list-item/ListItem';
+export { MentionFinderPopupAlignment } from './components/mention-finder/constants/alignment';
+export { default as MentionFinder } from './components/mention-finder/MentionFinder';
+export type { MentionMember } from './components/mention-finder/MentionFinder';
+export { default as NumberInput } from './components/number-input/NumberInput';
+export { default as Popup } from './components/popup/Popup';
+export type { PopupRef } from './components/popup/types';
+export { default as ProgressBar } from './components/progress-bar/ProgressBar';
+export { default as RadioButtonGroup } from './components/radio-button/radio-button-group/RadioButtonGroup';
+export { default as RadioButton } from './components/radio-button/RadioButton';
+export { default as ScrollView } from './components/scroll-view/ScrollView';
+export { default as SearchBox } from './components/search-box/SearchBox';
+export type { ISearchBoxItem as SearchBoxItem } from './components/search-box/types';
+export { default as SearchInput } from './components/search-input/SearchInput';
+export { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';
+export { default as SetupWizard } from './components/setup-wizard/SetupWizard';
+export type { SetupWizardRef } from './components/setup-wizard/SetupWizard';
+export { default as SharingBar } from './components/sharing-bar/SharingBar';
+export { default as Slider } from './components/slider/Slider';
+export { default as SmallWaitCursor, SmallWaitCursorSize, SmallWaitCursorSpeed, } from './components/small-wait-cursor/SmallWaitCursor';
+export { default as TextArea } from './components/text-area/TextArea';
+export { default as Tooltip } from './components/tooltip/Tooltip';
+export { default as Truncation } from './components/truncation/Truncation';
+export { CodeHighlighterTheme } from './types/codeHighlighter';
+export type { CodeHighlighterLanguage, HighlightedLines } from './types/codeHighlighter';
+export { ComboBoxDirection } from './types/comboBox';
+export type { FileItem, Image, Meta, Video } from './types/file';
+export { getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';
+export { isTobitEmployee } from './utils/isTobitEmployee';
+export { uploadFile } from './utils/uploadFile';