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

package/lib/esm/hooks/element.js

@@ -0,0 +1,140 @@
+import React, { Children, cloneElement, isValidElement, useEffect, useRef, useState } from 'react';
+export const useElementSize = (ref, {
+  shouldUseChildElement = false,
+  shouldUseParentElement = false
+} = {}) => {
+  const [size, setSize] = useState();
+  useEffect(() => {
+    let target = ref.current;
+    if (shouldUseParentElement) {
+      target = ref.current?.parentElement;
+    }
+    if (shouldUseChildElement) {
+      target = ref.current?.firstElementChild;
+    }
+    if (!target) return () => {};
+    const updateSize = () => setSize(target.getBoundingClientRect());
+    updateSize();
+    const observer = new ResizeObserver(entries => {
+      entries.forEach(entry => {
+        if (entry.target === target) {
+          setSize(entry.contentRect);
+        }
+      });
+    });
+    observer.observe(target);
+    return () => observer.disconnect();
+  }, [ref, shouldUseChildElement, shouldUseParentElement]);
+  return size;
+};
+const cloneWithTabIndex = node => {
+  if (! /*#__PURE__*/isValidElement(node)) return node;
+  const element = node;
+  const tmpChildren = element.props.children;
+  const children = tmpChildren ? Children.map(tmpChildren, cloneWithTabIndex) : tmpChildren;
+  if (element.type.displayName === 'Button') {
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/button-has-type
+      React.createElement("button", {
+        tabIndex: -1
+      }, children)
+    );
+  }
+  return /*#__PURE__*/cloneElement(element, {
+    ...element.props,
+    tabIndex: -1,
+    children
+  });
+};
+const getClonedElement = content => {
+  const preventEvents = {
+    onClick: e => e.stopPropagation(),
+    onMouseDown: e => e.stopPropagation(),
+    onMouseUp: e => e.stopPropagation(),
+    onKeyDown: e => e.stopPropagation(),
+    onKeyUp: e => e.stopPropagation(),
+    onFocus: e => e.stopPropagation(),
+    onBlur: e => e.stopPropagation()
+  };
+  if (typeof content === 'string') {
+    return /*#__PURE__*/React.createElement("span", {
+      tabIndex: -1,
+      "data-measured-clone": true
+    }, content);
+  }
+  if (/*#__PURE__*/isValidElement(content)) {
+    return cloneWithTabIndex(/*#__PURE__*/cloneElement(content, {
+      ...preventEvents,
+      'data-measured-clone': true
+    }));
+  }
+  return content;
+};
+export const useMeasuredClone = ({
+  content,
+  shouldPreventTextWrapping = true
+}) => {
+  const ref = useRef(null);
+  const [size, setSize] = useState({
+    width: 0,
+    height: 0
+  });
+  const clonedElement = getClonedElement(content);
+  useEffect(() => {
+    const measure = () => {
+      if (!ref.current) return;
+      const {
+        offsetWidth: width,
+        offsetHeight: height
+      } = ref.current;
+      setSize({
+        width: width + (shouldPreventTextWrapping ? 10 : 0),
+        height
+      });
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    if (ref.current) observer.observe(ref.current);
+    return () => observer.disconnect();
+  }, [shouldPreventTextWrapping]);
+  const measuredElement = /*#__PURE__*/React.createElement("div", {
+    "data-measured-clone": "true",
+    ref: ref,
+    style: {
+      position: 'fixed',
+      opacity: 0,
+      pointerEvents: 'none',
+      userSelect: 'none',
+      zIndex: -1,
+      height: 'auto',
+      width: 'auto',
+      visibility: 'hidden'
+    },
+    inert: "true",
+    tabIndex: -1
+  }, clonedElement);
+  return {
+    measuredElement,
+    width: size.width,
+    height: size.height
+  };
+};
+export const useIsMeasuredClone = () => {
+  const ref = useRef(null);
+  const [isClone, setIsClone] = useState(false);
+  useEffect(() => {
+    if (!ref.current) return;
+    let el = ref.current;
+    while (el) {
+      if (el.hasAttribute('data-measured-clone')) {
+        setIsClone(true);
+        return;
+      }
+      el = el.parentElement;
+    }
+    setIsClone(false);
+  }, []);
+  return [isClone, ref];
+};
+//# sourceMappingURL=element.js.map

package/lib/esm/hooks/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","names":["React","Children","cloneElement","isValidElement","useEffect","useRef","useState","useElementSize","ref","shouldUseChildElement","shouldUseParentElement","size","setSize","target","current","parentElement","firstElementChild","updateSize","getBoundingClientRect","observer","ResizeObserver","entries","forEach","entry","contentRect","observe","disconnect","cloneWithTabIndex","node","element","tmpChildren","props","children","map","type","displayName","createElement","tabIndex","getClonedElement","content","preventEvents","onClick","e","stopPropagation","onMouseDown","onMouseUp","onKeyDown","onKeyUp","onFocus","onBlur","useMeasuredClone","shouldPreventTextWrapping","width","height","clonedElement","measure","offsetWidth","offsetHeight","measuredElement","style","position","opacity","pointerEvents","userSelect","zIndex","visibility","inert","useIsMeasuredClone","isClone","setIsClone","el","hasAttribute"],"sources":["../../../src/hooks/element.tsx"],"sourcesContent":["import React, {\n    Children,\n    cloneElement,\n    HTMLAttributes,\n    isValidElement,\n    MutableRefObject,\n    ReactElement,\n    ReactNode,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\ninterface UseElementSizeOptions {\n    shouldUseChildElement?: boolean;\n    shouldUseParentElement?: boolean;\n}\n\nexport const useElementSize = (\n    ref: MutableRefObject<HTMLDivElement | HTMLLabelElement | null>,\n    { shouldUseChildElement = false, shouldUseParentElement = false }: UseElementSizeOptions = {},\n): DOMRectReadOnly | undefined => {\n    const [size, setSize] = useState<DOMRectReadOnly>();\n\n    useEffect(() => {\n        let target = ref.current as HTMLElement | null;\n\n        if (shouldUseParentElement) {\n            target = ref.current?.parentElement as HTMLElement | null;\n        }\n\n        if (shouldUseChildElement) {\n            target = ref.current?.firstElementChild as HTMLElement | null;\n        }\n\n        if (!target) return () => {};\n\n        const updateSize = () => setSize(target.getBoundingClientRect());\n\n        updateSize();\n\n        const observer = new ResizeObserver((entries) => {\n            entries.forEach((entry) => {\n                if (entry.target === target) {\n                    setSize(entry.contentRect);\n                }\n            });\n        });\n\n        observer.observe(target);\n\n        return () => observer.disconnect();\n    }, [ref, shouldUseChildElement, shouldUseParentElement]);\n\n    return size;\n};\n\nconst cloneWithTabIndex = (node: ReactNode): ReactNode => {\n    if (!isValidElement(node)) return node;\n\n    const element = node as ReactElement;\n\n    const tmpChildren = (element.props as { children: ReactNode[] }).children;\n\n    const children = tmpChildren ? Children.map(tmpChildren, cloneWithTabIndex) : tmpChildren;\n\n    if ((element.type as unknown as { displayName: string }).displayName === 'Button') {\n        return (\n            // eslint-disable-next-line react/button-has-type\n            <button tabIndex={-1}>{children}</button>\n        );\n    }\n\n    return cloneElement(element, {\n        ...element.props,\n        tabIndex: -1,\n        children,\n    });\n};\n\nconst getClonedElement = (content: ReactNode) => {\n    const preventEvents: Partial<HTMLAttributes<never>> = {\n        onClick: (e) => e.stopPropagation(),\n        onMouseDown: (e) => e.stopPropagation(),\n        onMouseUp: (e) => e.stopPropagation(),\n        onKeyDown: (e) => e.stopPropagation(),\n        onKeyUp: (e) => e.stopPropagation(),\n        onFocus: (e) => e.stopPropagation(),\n        onBlur: (e) => e.stopPropagation(),\n    };\n\n    if (typeof content === 'string') {\n        return (\n            <span tabIndex={-1} data-measured-clone>\n                {content}\n            </span>\n        );\n    }\n\n    if (isValidElement(content)) {\n        return cloneWithTabIndex(\n            cloneElement(content, {\n                ...preventEvents,\n                'data-measured-clone': true,\n            }),\n        );\n    }\n\n    return content;\n};\n\ninterface UseMeasuredCloneOptions {\n    content: ReactNode;\n    shouldPreventTextWrapping?: boolean;\n}\n\nexport const useMeasuredClone = ({\n    content,\n    shouldPreventTextWrapping = true,\n}: UseMeasuredCloneOptions) => {\n    const ref = useRef<HTMLDivElement>(null);\n\n    const [size, setSize] = useState({ width: 0, height: 0 });\n\n    const clonedElement = getClonedElement(content);\n\n    useEffect(() => {\n        const measure = () => {\n            if (!ref.current) return;\n\n            const { offsetWidth: width, offsetHeight: height } = ref.current;\n\n            setSize({ width: width + (shouldPreventTextWrapping ? 10 : 0), height });\n        };\n\n        measure();\n\n        const observer = new ResizeObserver(measure);\n\n        if (ref.current) observer.observe(ref.current);\n\n        return () => observer.disconnect();\n    }, [shouldPreventTextWrapping]);\n\n    const measuredElement = (\n        <div\n            data-measured-clone=\"true\"\n            ref={ref}\n            style={{\n                position: 'fixed',\n                opacity: 0,\n                pointerEvents: 'none',\n                userSelect: 'none',\n                zIndex: -1,\n                height: 'auto',\n                width: 'auto',\n                visibility: 'hidden',\n            }}\n            inert=\"true\"\n            tabIndex={-1}\n        >\n            {clonedElement}\n        </div>\n    );\n\n    return {\n        measuredElement,\n        width: size.width,\n        height: size.height,\n    };\n};\n\nexport const useIsMeasuredClone = <T extends HTMLElement>() => {\n    const ref = useRef<T | null>(null);\n\n    const [isClone, setIsClone] = useState(false);\n\n    useEffect(() => {\n        if (!ref.current) return;\n\n        let el: HTMLElement | null = ref.current;\n\n        while (el) {\n            if (el.hasAttribute('data-measured-clone')) {\n                setIsClone(true);\n\n                return;\n            }\n\n            el = el.parentElement;\n        }\n\n        setIsClone(false);\n    }, []);\n\n    return [isClone, ref] as const;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/hooks/ref.js

@@ -0,0 +1,20 @@
+import { useCallback, useEffect, useLayoutEffect, useRef } from 'react';
+export const useCombinedRefs = (...refs) => useCallback(element => {
+  refs.forEach(ref => {
+    if (!ref) return;
+    if (typeof ref === 'function') {
+      ref(element);
+    } else if (typeof ref === 'object' && ref !== null) {
+      ref.current = element;
+    }
+  });
+}, [refs]);
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+export const useInitialRenderRef = initialValue => {
+  const ref = useRef(initialValue);
+  useIsomorphicLayoutEffect(() => {
+    ref.current = false;
+  }, []);
+  return ref;
+};
+//# sourceMappingURL=ref.js.map

package/lib/esm/hooks/ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ref.js","names":["useCallback","useEffect","useLayoutEffect","useRef","useCombinedRefs","refs","element","forEach","ref","current","useIsomorphicLayoutEffect","window","useInitialRenderRef","initialValue"],"sources":["../../../src/hooks/ref.ts"],"sourcesContent":["import {\n    MutableRefObject,\n    Ref,\n    RefCallback,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useRef,\n} from 'react';\n\nexport const useCombinedRefs = <T>(...refs: (Ref<T> | undefined)[]): RefCallback<T> =>\n    useCallback(\n        (element: T) => {\n            refs.forEach((ref) => {\n                if (!ref) return;\n\n                if (typeof ref === 'function') {\n                    ref(element);\n                } else if (typeof ref === 'object' && ref !== null) {\n                    (ref as MutableRefObject<T | null>).current = element;\n                }\n            });\n        },\n        [refs],\n    );\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport const useInitialRenderRef = (initialValue: boolean) => {\n    const ref = useRef<boolean>(initialValue);\n\n    useIsomorphicLayoutEffect(() => {\n        ref.current = false;\n    }, []);\n\n    return ref;\n};\n"],"mappings":"AAAA,SAIIA,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,MAAM,QACH,OAAO;AAEd,OAAO,MAAMC,eAAe,GAAGA,CAAI,GAAGC,IAA4B,KAC9DL,WAAW,CACNM,OAAU,IAAK;EACZD,IAAI,CAACE,OAAO,CAAEC,GAAG,IAAK;IAClB,IAAI,CAACA,GAAG,EAAE;IAEV,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACF,OAAO,CAAC;IAChB,CAAC,MAAM,IAAI,OAAOE,GAAG,KAAK,QAAQ,IAAIA,GAAG,KAAK,IAAI,EAAE;MAC/CA,GAAG,CAAgCC,OAAO,GAAGH,OAAO;IACzD;EACJ,CAAC,CAAC;AACN,CAAC,EACD,CAACD,IAAI,CACT,CAAC;AAEL,MAAMK,yBAAyB,GAAG,OAAOC,MAAM,KAAK,WAAW,GAAGT,eAAe,GAAGD,SAAS;AAE7F,OAAO,MAAMW,mBAAmB,GAAIC,YAAqB,IAAK;EAC1D,MAAML,GAAG,GAAGL,MAAM,CAAUU,YAAY,CAAC;EAEzCH,yBAAyB,CAAC,MAAM;IAC5BF,GAAG,CAACC,OAAO,GAAG,KAAK;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOD,GAAG;AACd,CAAC","ignoreList":[]}

package/lib/esm/hooks/resize.js

@@ -0,0 +1,40 @@
+import { useEffect } from 'react';
+import { AppFlavor, useDevice } from 'chayns-api';
+
+/**
+ * Forces multiple repaints on the referenced element whenever it gains focus.
+ * Useful for Safari/iOS WebView cursor misalignment issues.
+ */
+export function useCursorRepaint(ref) {
+  const {
+    app,
+    os
+  } = useDevice();
+  useEffect(() => {
+    // only run on iOS in chayns app
+    if (app?.flavor !== AppFlavor.Chayns || os !== 'iOS') {
+      return () => {};
+    }
+    const triggerRepaint = (el, delay) => {
+      window.setTimeout(() => {
+        // eslint-disable-next-line no-param-reassign
+        el.style.transform = 'translateZ(0px)';
+        requestAnimationFrame(() => {
+          // eslint-disable-next-line no-param-reassign
+          el.style.transform = '';
+        });
+      }, delay);
+    };
+    const handleFocus = () => {
+      const el = ref.current;
+      if (!el) return;
+      [50, 100, 150, 200, 250, 300, 350, 400, 450, 500].forEach(delay => triggerRepaint(el, delay));
+    };
+    const el = ref.current;
+    if (el) el.addEventListener('focus', handleFocus);
+    return () => {
+      if (el) el.removeEventListener('focus', handleFocus);
+    };
+  }, [app, os, ref]);
+}
+//# sourceMappingURL=resize.js.map

package/lib/esm/hooks/resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize.js","names":["useEffect","AppFlavor","useDevice","useCursorRepaint","ref","app","os","flavor","Chayns","triggerRepaint","el","delay","window","setTimeout","style","transform","requestAnimationFrame","handleFocus","current","forEach","addEventListener","removeEventListener"],"sources":["../../../src/hooks/resize.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react';\nimport { AppFlavor, useDevice } from 'chayns-api';\n\n/**\n * Forces multiple repaints on the referenced element whenever it gains focus.\n * Useful for Safari/iOS WebView cursor misalignment issues.\n */\nexport function useCursorRepaint<T extends HTMLElement>(ref: RefObject<T>) {\n    const { app, os } = useDevice();\n\n    useEffect(() => {\n        // only run on iOS in chayns app\n        if (app?.flavor !== AppFlavor.Chayns || os !== 'iOS') {\n            return () => {};\n        }\n\n        const triggerRepaint = (el: HTMLElement, delay: number) => {\n            window.setTimeout(() => {\n                // eslint-disable-next-line no-param-reassign\n                el.style.transform = 'translateZ(0px)';\n\n                requestAnimationFrame(() => {\n                    // eslint-disable-next-line no-param-reassign\n                    el.style.transform = '';\n                });\n            }, delay);\n        };\n\n        const handleFocus = () => {\n            const el = ref.current;\n            if (!el) return;\n\n            [50, 100, 150, 200, 250, 300, 350, 400, 450, 500].forEach((delay) =>\n                triggerRepaint(el, delay),\n            );\n        };\n\n        const el = ref.current;\n        if (el) el.addEventListener('focus', handleFocus);\n\n        return () => {\n            if (el) el.removeEventListener('focus', handleFocus);\n        };\n    }, [app, os, ref]);\n}\n"],"mappings":"AAAA,SAAoBA,SAAS,QAAQ,OAAO;AAC5C,SAASC,SAAS,EAAEC,SAAS,QAAQ,YAAY;;AAEjD;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAwBC,GAAiB,EAAE;EACvE,MAAM;IAAEC,GAAG;IAAEC;EAAG,CAAC,GAAGJ,SAAS,CAAC,CAAC;EAE/BF,SAAS,CAAC,MAAM;IACZ;IACA,IAAIK,GAAG,EAAEE,MAAM,KAAKN,SAAS,CAACO,MAAM,IAAIF,EAAE,KAAK,KAAK,EAAE;MAClD,OAAO,MAAM,CAAC,CAAC;IACnB;IAEA,MAAMG,cAAc,GAAGA,CAACC,EAAe,EAAEC,KAAa,KAAK;MACvDC,MAAM,CAACC,UAAU,CAAC,MAAM;QACpB;QACAH,EAAE,CAACI,KAAK,CAACC,SAAS,GAAG,iBAAiB;QAEtCC,qBAAqB,CAAC,MAAM;UACxB;UACAN,EAAE,CAACI,KAAK,CAACC,SAAS,GAAG,EAAE;QAC3B,CAAC,CAAC;MACN,CAAC,EAAEJ,KAAK,CAAC;IACb,CAAC;IAED,MAAMM,WAAW,GAAGA,CAAA,KAAM;MACtB,MAAMP,EAAE,GAAGN,GAAG,CAACc,OAAO;MACtB,IAAI,CAACR,EAAE,EAAE;MAET,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAACS,OAAO,CAAER,KAAK,IAC5DF,cAAc,CAACC,EAAE,EAAEC,KAAK,CAC5B,CAAC;IACL,CAAC;IAED,MAAMD,EAAE,GAAGN,GAAG,CAACc,OAAO;IACtB,IAAIR,EAAE,EAAEA,EAAE,CAACU,gBAAgB,CAAC,OAAO,EAAEH,WAAW,CAAC;IAEjD,OAAO,MAAM;MACT,IAAIP,EAAE,EAAEA,EAAE,CAACW,mBAAmB,CAAC,OAAO,EAAEJ,WAAW,CAAC;IACxD,CAAC;EACL,CAAC,EAAE,CAACZ,GAAG,EAAEC,EAAE,EAAEF,GAAG,CAAC,CAAC;AACtB","ignoreList":[]}

package/lib/esm/index.js

@@ -6,30 +6,46 @@ export { default as AccordionGroup } from './components/accordion/accordion-grou
 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 VerificationBadge } from './components/verification-badge/VerificationBadge';
 export { AreaContext, default as AreaProvider } from './components/area-provider/AreaContextProvider';
 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 ColorSchemeProvider, useColorScheme } from './components/color-scheme-provider/ColorSchemeProvider';
+export { BadgeSize, BadgeDesign } from './components/badge/Badge.types';
+export { useContainer, ContainerAnchor } from './hooks/container';
+export { DropdownDirection } from './types/dropdown';
+export { useIsMeasuredClone } from './hooks/element';
+export { useCombinedRefs } from './hooks/ref';
+export { default as Filter } from './components/filter/Filter';
+export { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';
+export { default as FileList } from './components/file-list/FileList';
+export { default as FileSelect } from './components/file-select/FileSelect';
+export { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';
 export { default as ComboBox } from './components/combobox/ComboBox';
 export { default as ContentCard } from './components/content-card/ContentCard';
+export { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';
 export { default as ContextMenu } from './components/context-menu/ContextMenu';
+export { ContextMenuAlignment } from './components/context-menu/ContextMenu.types';
 export { default as ExpandableContent } from './components/expandable-content/ExpandableContent';
-export { default as FileInput } from './components/file-input/FileInput';
+export { default as FileInput, STREAMINGSERVICE_FILE_TYPES, TSIMG_FILE_TYPES } from './components/file-input/FileInput';
 export { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';
 export { default as FilterButtons } from './components/filter-buttons/FilterButtons';
 export { default as GridImage } from './components/grid-image/GridImage';
+export { default as GroupedImage } from './components/grouped-image/GroupedImage';
 export { default as Icon } from './components/icon/Icon';
 export { default as Input, InputSize } 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 { default as MentionFinder } from './components/mention-finder/MentionFinder';
+export { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';
 export { default as NumberInput } from './components/number-input/NumberInput';
 export { default as PageProvider } from './components/page-provider/PageProvider';
 export { default as Popup } from './components/popup/Popup';
 export { default as PopupContent } from './components/popup/popup-content/PopupContent';
 export { default as ProgressBar } from './components/progress-bar/ProgressBar';
+export { PopupAlignment } from './types/popup';
 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';
@@ -48,13 +64,13 @@ 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 { MentionFinderPopupAlignment } from './constants/mentionFinder';
-export { useElementSize } from './hooks/useElementSize';
-export { ComboBoxDirection } from './types/comboBox';
+export { useElementSize } from './hooks/element';
 export { ContentCardType } from './types/contentCard';
-export { ContextMenuAlignment } from './types/contextMenu';
+export { isValidFileType } from './utils/file';
 export { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';
+export { MultiActionButtonHeight, MultiActionButtonStatusType } from './components/multi-action-button/MultiActionButton.types';
 export { ClampPosition } from './types/truncation';
-export { getIsTouch } from './utils/environment';
+export { useIsTouch } from './utils/environment';
 export { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';
 export { isTobitEmployee } from './utils/isTobitEmployee';
 export { getUsableHeight } from './utils/pageProvider';

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Accordion","AccordionContent","AccordionGroup","AccordionIntro","AccordionItem","AmountControl","AreaContext","AreaProvider","Badge","Button","Checkbox","ColorSchemeProvider","useColorScheme","ComboBox","ContentCard","ContextMenu","ExpandableContent","FileInput","FilterButton","FilterButtons","GridImage","Icon","Input","InputSize","List","ListItemContent","ListItem","MentionFinder","NumberInput","PageProvider","Popup","PopupContent","ProgressBar","RadioButtonGroup","RadioButton","ScrollView","SearchBox","SearchInput","SelectButton","SetupWizardItem","SetupWizard","SharingBar","Signature","SliderButton","Slider","SmallWaitCursor","SmallWaitCursorSize","SmallWaitCursorSpeed","TagInput","TextArea","Tooltip","Truncation","MentionFinderPopupAlignment","useElementSize","ComboBoxDirection","ContentCardType","ContextMenuAlignment","FilterButtonItemShape","FilterButtonSize","ClampPosition","getIsTouch","filterFilesByMimeType","getFileAsArrayBuffer","selectFiles","isTobitEmployee","getUsableHeight","uploadFile"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport {\n    AreaContext,\n    default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n    default as ColorSchemeProvider,\n    useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport type {\n    ColorSchemeContextProps,\n    FramerMotionBugFix,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport {\n    default as ComboBox,\n    type ComboBoxTextStyles,\n    type IComboBoxItem as ComboBoxItem,\n    type IComboBoxItems as ComboBoxItems,\n} from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport {\n    default as ContextMenu,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport { default as FileInput, type FileInputRef } from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as Icon } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n    default as ListItem,\n    type ListItemElements,\n    type ListItemProps,\n} from './components/list/list-item/ListItem';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport {\n    default as RadioButtonGroup,\n    type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/useElementSize';\nexport type { BrowserName } from './types/chayns';\nexport { ComboBoxDirection } from './types/comboBox';\nexport { ContentCardType } from './types/contentCard';\nexport { ContextMenuAlignment } from './types/contextMenu';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n    ISearchBoxItem as SearchBoxItem,\n    ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport { ClampPosition } from './types/truncation';\nexport { getIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Accordion","AccordionContent","AccordionGroup","AccordionIntro","AccordionItem","AmountControl","VerificationBadge","AreaContext","AreaProvider","Badge","Button","Checkbox","ColorSchemeProvider","useColorScheme","BadgeSize","BadgeDesign","useContainer","ContainerAnchor","DropdownDirection","useIsMeasuredClone","useCombinedRefs","Filter","AnimatedNumber","FileList","FileSelect","DropdownBodyWrapper","ComboBox","ContentCard","HighlightSlider","ContextMenu","ContextMenuAlignment","ExpandableContent","FileInput","STREAMINGSERVICE_FILE_TYPES","TSIMG_FILE_TYPES","FilterButton","FilterButtons","GridImage","GroupedImage","Icon","Input","InputSize","List","ListItemContent","ListItem","MentionFinder","MultiActionButton","NumberInput","PageProvider","Popup","PopupContent","ProgressBar","PopupAlignment","RadioButtonGroup","RadioButton","ScrollView","SearchBox","SearchInput","SelectButton","SetupWizardItem","SetupWizard","SharingBar","Signature","SliderButton","Slider","SmallWaitCursor","SmallWaitCursorSize","SmallWaitCursorSpeed","TagInput","TextArea","Tooltip","Truncation","MentionFinderPopupAlignment","useElementSize","ContentCardType","isValidFileType","FilterButtonItemShape","FilterButtonSize","MultiActionButtonHeight","MultiActionButtonStatusType","ClampPosition","useIsTouch","filterFilesByMimeType","getFileAsArrayBuffer","selectFiles","isTobitEmployee","getUsableHeight","uploadFile"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n    AreaContext,\n    default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n    default as ColorSchemeProvider,\n    useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n    ColorSchemeContextProps,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n    type SortItem,\n    type SearchConfig,\n    type SortConfig,\n    type CheckboxConfig,\n    type FilterButtonConfig,\n    type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n    default as FileList,\n    type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport {\n    default as ComboBox,\n    type ComboBoxTextStyles,\n    type IComboBoxItem as ComboBoxItem,\n    type IComboBoxItems as ComboBoxItems,\n    type ComboBoxRef,\n} from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n    ContextMenuAlignment,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuProps,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n    default as FileInput,\n    type FileInputRef,\n    STREAMINGSERVICE_FILE_TYPES,\n    TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n    default as ListItem,\n    type ListItemElements,\n    type ListItemProps,\n    type ListItemRef,\n} from './components/list/list-item/ListItem';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport {\n    default as RadioButtonGroup,\n    type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n    ISearchBoxItem as SearchBoxItem,\n    ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n    type MultiActionButtonAction,\n    type MultiActionButtonActionEvent,\n    type MultiActionButtonActionStatus,\n    MultiActionButtonHeight,\n    type MultiActionButtonProps,\n    MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/types/chayns.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=chayns.js.map

package/lib/esm/types/contentCard.js

@@ -3,6 +3,7 @@ export let ContentCardType = /*#__PURE__*/function (ContentCardType) {
   ContentCardType["Error"] = "error";
   ContentCardType["Success"] = "success";
   ContentCardType["Warning"] = "warning";
+  ContentCardType["SiteColor"] = "siteColor";
   return ContentCardType;
 }({});
 //# sourceMappingURL=contentCard.js.map

package/lib/esm/types/contentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"contentCard.js","names":["ContentCardType"],"sources":["../../../src/types/contentCard.ts"],"sourcesContent":["export enum ContentCardType {\n    Default = 'default',\n    Error = 'error',\n    Success = 'success',\n    Warning = 'warning',\n}\n"],"mappings":"AAAA,WAAYA,eAAe,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA","ignoreList":[]}
+{"version":3,"file":"contentCard.js","names":["ContentCardType"],"sources":["../../../src/types/contentCard.ts"],"sourcesContent":["export enum ContentCardType {\n    Default = 'default',\n    Error = 'error',\n    Success = 'success',\n    Warning = 'warning',\n    SiteColor = 'siteColor',\n}\n"],"mappings":"AAAA,WAAYA,eAAe,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA","ignoreList":[]}

package/lib/esm/types/contextMenu.js

@@ -1,11 +1,2 @@
 // Alignment of the popup
-export let ContextMenuAlignment = /*#__PURE__*/function (ContextMenuAlignment) {
-  ContextMenuAlignment[ContextMenuAlignment["TopLeft"] = 0] = "TopLeft";
-  ContextMenuAlignment[ContextMenuAlignment["BottomLeft"] = 1] = "BottomLeft";
-  ContextMenuAlignment[ContextMenuAlignment["TopRight"] = 2] = "TopRight";
-  ContextMenuAlignment[ContextMenuAlignment["BottomRight"] = 3] = "BottomRight";
-  ContextMenuAlignment[ContextMenuAlignment["TopCenter"] = 4] = "TopCenter";
-  ContextMenuAlignment[ContextMenuAlignment["BottomCenter"] = 5] = "BottomCenter";
-  return ContextMenuAlignment;
-}({});
 //# sourceMappingURL=contextMenu.js.map

package/lib/esm/types/contextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"contextMenu.js","names":["ContextMenuAlignment"],"sources":["../../../src/types/contextMenu.ts"],"sourcesContent":["// Alignment of the popup\nexport enum ContextMenuAlignment {\n    TopLeft,\n    BottomLeft,\n    TopRight,\n    BottomRight,\n    TopCenter,\n    BottomCenter,\n}\n"],"mappings":"AAAA;AACA,WAAYA,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA","ignoreList":[]}
+{"version":3,"file":"contextMenu.js","names":[],"sources":["../../../src/types/contextMenu.ts"],"sourcesContent":["// Alignment of the popup\n"],"mappings":"AAAA","ignoreList":[]}

package/lib/esm/types/dropdown.js

@@ -0,0 +1,12 @@
+export let DropdownDirection = /*#__PURE__*/function (DropdownDirection) {
+  DropdownDirection[DropdownDirection["BOTTOM"] = 0] = "BOTTOM";
+  DropdownDirection[DropdownDirection["TOP"] = 1] = "TOP";
+  DropdownDirection[DropdownDirection["BOTTOM_LEFT"] = 2] = "BOTTOM_LEFT";
+  DropdownDirection[DropdownDirection["BOTTOM_RIGHT"] = 3] = "BOTTOM_RIGHT";
+  DropdownDirection[DropdownDirection["TOP_LEFT"] = 4] = "TOP_LEFT";
+  DropdownDirection[DropdownDirection["TOP_RIGHT"] = 5] = "TOP_RIGHT";
+  DropdownDirection[DropdownDirection["LEFT"] = 6] = "LEFT";
+  DropdownDirection[DropdownDirection["RIGHT"] = 7] = "RIGHT";
+  return DropdownDirection;
+}({});
+//# sourceMappingURL=dropdown.js.map

package/lib/esm/types/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","names":["DropdownDirection"],"sources":["../../../src/types/dropdown.ts"],"sourcesContent":["export interface DropdownCoordinates {\n    x: number;\n    y: number;\n}\n\nexport interface DropdownTransform {\n    x: string;\n    y: string;\n}\n\nexport enum DropdownDirection {\n    BOTTOM,\n    TOP,\n    BOTTOM_LEFT,\n    BOTTOM_RIGHT,\n    TOP_LEFT,\n    TOP_RIGHT,\n    LEFT,\n    RIGHT,\n}\n\nexport interface DropdownMeasurements {\n    width: number;\n    height: number;\n    scrollHeight: number;\n    x: number;\n    y: number;\n    element: Element;\n}\n"],"mappings":"AAUA,WAAYA,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}

package/lib/esm/types/file.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=file.js.map

package/lib/esm/types/fileInput.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=fileInput.js.map

package/lib/esm/types/filter.js

@@ -0,0 +1,9 @@
+export let FilterType = /*#__PURE__*/function (FilterType) {
+  FilterType[FilterType["ONLY_SEARCH"] = 0] = "ONLY_SEARCH";
+  FilterType[FilterType["ONLY_FILTER"] = 1] = "ONLY_FILTER";
+  FilterType[FilterType["ONLY_SORT"] = 2] = "ONLY_SORT";
+  FilterType[FilterType["ONLY_CHECKBOX"] = 3] = "ONLY_CHECKBOX";
+  FilterType[FilterType["MULTIPLE"] = 4] = "MULTIPLE";
+  return FilterType;
+}({});
+//# sourceMappingURL=filter.js.map

package/lib/esm/types/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.js","names":["FilterType"],"sources":["../../../src/types/filter.ts"],"sourcesContent":["import { FilterButtonsProps } from '../components/filter-buttons/FilterButtons';\nimport { CheckboxProps } from '../components/checkbox/Checkbox';\n\nexport interface SearchConfig {\n    onSearchChange: (search: string) => void;\n    searchValue: string;\n}\n\nexport interface SortItem {\n    text: string;\n    id: string | number;\n}\n\nexport interface SortConfig {\n    onSortChange: (item: SortItem) => void;\n    selectedItem: SortItem;\n    items: SortItem[];\n}\n\nexport type CheckboxConfig = CheckboxProps;\n\nexport type FilterButtonConfig = FilterButtonsProps;\n\nexport type FilterRef = {\n    hide: VoidFunction;\n    show: VoidFunction;\n};\n\nexport enum FilterType {\n    ONLY_SEARCH,\n    ONLY_FILTER,\n    ONLY_SORT,\n    ONLY_CHECKBOX,\n    MULTIPLE,\n}\n"],"mappings":"AA4BA,WAAYA,UAAU,0BAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA","ignoreList":[]}

package/lib/esm/types/filterButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterButtons.js","names":["FilterButtonItemShape","FilterButtonSize"],"sources":["../../../src/types/filterButtons.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nexport enum FilterButtonItemShape {\n    Round,\n    Rectangular,\n}\nexport enum FilterButtonSize {\n    Small,\n    Normal,\n}\n\nexport interface IFilterButtonItem {\n    id: string;\n    text: string;\n    color?: CSSProperties['color'];\n    icons?: string[];\n    count?: number;\n}\n"],"mappings":"AAEA,WAAYA,qBAAqB,0BAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA;AAIjC,WAAYC,gBAAgB,0BAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA","ignoreList":[]}
+{"version":3,"file":"filterButtons.js","names":["FilterButtonItemShape","FilterButtonSize"],"sources":["../../../src/types/filterButtons.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nexport enum FilterButtonItemShape {\n    Round,\n    Rectangular,\n}\n\nexport enum FilterButtonSize {\n    Small,\n    Normal,\n}\n\nexport interface IFilterButtonItem {\n    id: string;\n    text: string;\n    color?: CSSProperties['color'];\n    icons?: string[];\n    count?: number;\n    isDisabled?: boolean;\n}\n"],"mappings":"AAEA,WAAYA,qBAAqB,0BAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA;AAKjC,WAAYC,gBAAgB,0BAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA","ignoreList":[]}

package/lib/esm/types/general.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=general.js.map

package/lib/esm/types/general.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"general.js","names":[],"sources":["../../../src/types/general.ts"],"sourcesContent":["export interface SelectDialogResult {\n    buttonType: number;\n    result: number[];\n}\n"],"mappings":"","ignoreList":[]}

package/lib/esm/types/global.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=global.d.js.map

package/lib/esm/types/global.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.d.js","names":[],"sources":["../../../src/types/global.d.ts"],"sourcesContent":["declare namespace React {\n    interface HTMLAttributes<T> {\n        inert?: boolean | string;\n    }\n}\n"],"mappings":"","ignoreList":[]}

package/lib/esm/types/list.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=list.js.map

package/lib/esm/types/popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.js","names":["PopupAlignment"],"sources":["../../../src/types/popup.ts"],"sourcesContent":["export enum PopupAlignment {\n    TopLeft,\n    TopCenter,\n    TopRight,\n    BottomLeft,\n    BottomCenter,\n    BottomRight,\n}\n\nexport type PopupCoordinates = {\n    x: number;\n    y: number;\n};\n\nexport type PopupRef = {\n    hide: VoidFunction;\n    show: VoidFunction;\n};\n"],"mappings":"AAAA,WAAYA,cAAc,0BAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}
+{"version":3,"file":"popup.js","names":["PopupAlignment"],"sources":["../../../src/types/popup.ts"],"sourcesContent":["export enum PopupAlignment {\n    TopLeft,\n    TopCenter,\n    TopRight,\n    BottomLeft,\n    BottomCenter,\n    BottomRight,\n}\n\nexport type PopupCoordinates = {\n    x: number;\n    y: number;\n};\n\nexport interface PopupRef {\n    hide: VoidFunction;\n    show: VoidFunction;\n}\n"],"mappings":"AAAA,WAAYA,cAAc,0BAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

package/lib/esm/types/radioButton.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=radioButton.js.map

package/lib/esm/types/searchBox.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=searchBox.js.map

package/lib/esm/types/selectButton.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=selectButton.js.map

package/lib/esm/types/selectButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectButton.js","names":[],"sources":["../../../src/types/selectButton.ts"],"sourcesContent":["export interface SelectButtonItem {\n    text: string;\n    id: number;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"selectButton.js","names":[],"sources":["../../../src/types/selectButton.ts"],"sourcesContent":["export interface SelectButtonItem {\n    text: string;\n    id: number | string;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/esm/types/sharingBar.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=sharingBar.js.map

package/lib/esm/types/signature.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=signature.js.map

package/lib/esm/types/slider-button.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=slider-button.js.map

package/lib/esm/types/tagInput.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=tagInput.js.map

package/lib/esm/types/tagInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"tagInput.js","names":[],"sources":["../../../src/types/tagInput.ts"],"sourcesContent":["export interface Tag {\n    id: string;\n    text: string;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"tagInput.js","names":[],"sources":["../../../src/types/tagInput.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport interface Tag {\n    id: string;\n    text: string;\n    rightElement?: ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/esm/types/tooltip.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=tooltip.js.map

package/lib/esm/utils/accordion.js

@@ -1,18 +1,16 @@
 import { Children, isValidElement } from 'react';
-export const getAccordionHeadHeight = _ref => {
-  let {
-    isWrapped,
-    title,
-    width,
-    hasSearch
-  } = _ref;
+export const getAccordionHeadHeight = ({
+  isWrapped,
+  title,
+  width,
+  hasSearch
+}) => {
   const element = document.createElement('div');
-  element.style.fontSize = '1rem';
-  element.style.opacity = '0';
+  element.style.opacity = '1';
   element.style.pointerEvents = 'none';
   element.style.whiteSpace = 'nowrap';
   element.style.width = `${width}px`;
-  element.innerHTML = title;
+  element.innerHTML = title ?? '';
   document.body.appendChild(element);
   const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);
   if (isWrapped) {
@@ -33,11 +31,26 @@ export const getElementClickEvent = element => {
   let hasClickHandler = false;
   const checkForClickHandler = el => {
     if (! /*#__PURE__*/isValidElement(el)) return;
-    if (el.props.onClick) {
+    if (typeof el.type !== 'string' && 'displayName' in el.type && (el.type.displayName === 'Checkbox' || el.type.displayName === 'ComboBox' || el.type.displayName === 'SelectButton' || el.type.displayName === 'AmountControl')) {
       hasClickHandler = true;
       return;
     }
+    if (
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    el.props.onClick ||
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    el.props.onPointerDown ||
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    el.props.onMouseDown ||
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    el.props.onTouchStart) {
+      hasClickHandler = true;
+      return;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
     if (el.props.children) {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-unsafe-member-access
       Children.forEach(el.props.children, checkForClickHandler);
     }
   };