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

package/lib/esm/components/accordion/accordion-group/AccordionGroup.js

@@ -0,0 +1,88 @@
+import { AnimatePresence, MotionConfig } from 'framer-motion';
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { useUuid } from '../../../hooks/uuid';
+import { AreaContext } from '../../area-provider/AreaContextProvider';
+export const AccordionGroupContext = /*#__PURE__*/React.createContext({
+  isWrapped: undefined,
+  openAccordionUuid: undefined,
+  setOpenAccordionUuid: undefined,
+  updateOpenAccordionUuid: undefined,
+  accordionUuids: undefined,
+  updateAccordionUuids: undefined,
+  accordionGroupUuid: undefined
+});
+AccordionGroupContext.displayName = 'AccordionGroupContext';
+const AccordionGroup = _ref => {
+  let {
+    children,
+    isWrapped,
+    onClose,
+    onOpen
+  } = _ref;
+  const [openAccordionUuid, setOpenAccordionUuid] = useState(undefined);
+  const [accordionUuids, setAccordionUuids] = useState();
+  const accordionGroupId = useUuid();
+  const isInitialRenderRef = useRef(true);
+  const updateAccordionUuids = useCallback(uuids => {
+    setAccordionUuids(uuids);
+  }, []);
+  const areaProvider = useContext(AreaContext);
+  const childrenCount = React.Children.count(children);
+  const shouldWrap = areaProvider.shouldChangeColor ? true : isWrapped;
+  const updateOpenAccordionUuid = useCallback(function (uuid) {
+    let {
+      shouldOnlyOpen
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    setOpenAccordionUuid(currentOpenAccordionUuid => {
+      if (currentOpenAccordionUuid === uuid && shouldOnlyOpen !== true) {
+        return undefined;
+      }
+      return uuid;
+    });
+  }, [setOpenAccordionUuid]);
+  useEffect(() => {
+    if (childrenCount === 0) return;
+    const elements = document.querySelectorAll('[data-uuid]');
+    const elementUuids = Array.from(elements).map(el => el.getAttribute('data-uuid'));
+    const result = [];
+    elementUuids.forEach(elementUuid => {
+      const [groupUuid, accordionUuid] = (elementUuid ?? '').split('---');
+      if (groupUuid === accordionGroupId && typeof accordionUuid === 'string') {
+        result.push(accordionUuid);
+      }
+    });
+    updateAccordionUuids(result);
+  }, [accordionGroupId, childrenCount, updateAccordionUuids]);
+  useEffect(() => {
+    if (isInitialRenderRef.current) {
+      isInitialRenderRef.current = false;
+    } else if (typeof openAccordionUuid === 'string') {
+      if (typeof onOpen === 'function') {
+        onOpen();
+      }
+    } else if (typeof onClose === 'function') {
+      onClose();
+    }
+  }, [onClose, onOpen, openAccordionUuid]);
+  const providerValue = useMemo(() => ({
+    isWrapped: shouldWrap,
+    openAccordionUuid,
+    setOpenAccordionUuid,
+    updateOpenAccordionUuid,
+    updateAccordionUuids,
+    accordionUuids,
+    accordionGroupUuid: accordionGroupId
+  }), [accordionGroupId, accordionUuids, shouldWrap, openAccordionUuid, updateAccordionUuids, updateOpenAccordionUuid]);
+  return /*#__PURE__*/React.createElement(AccordionGroupContext.Provider, {
+    value: providerValue
+  }, /*#__PURE__*/React.createElement(MotionConfig, {
+    transition: {
+      type: 'tween'
+    }
+  }, /*#__PURE__*/React.createElement(AnimatePresence, {
+    initial: false
+  }, children)));
+};
+AccordionGroup.displayName = 'AccordionGroup';
+export default AccordionGroup;
+//# sourceMappingURL=AccordionGroup.js.map

package/lib/esm/components/accordion/accordion-group/AccordionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.js","names":["AnimatePresence","MotionConfig","React","useCallback","useContext","useEffect","useMemo","useRef","useState","useUuid","AreaContext","AccordionGroupContext","createContext","isWrapped","undefined","openAccordionUuid","setOpenAccordionUuid","updateOpenAccordionUuid","accordionUuids","updateAccordionUuids","accordionGroupUuid","displayName","AccordionGroup","_ref","children","onClose","onOpen","setAccordionUuids","accordionGroupId","isInitialRenderRef","uuids","areaProvider","childrenCount","Children","count","shouldWrap","shouldChangeColor","uuid","shouldOnlyOpen","arguments","length","currentOpenAccordionUuid","elements","document","querySelectorAll","elementUuids","Array","from","map","el","getAttribute","result","forEach","elementUuid","groupUuid","accordionUuid","split","push","current","providerValue","createElement","Provider","value","transition","type","initial"],"sources":["../../../../../src/components/accordion/accordion-group/AccordionGroup.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n    Dispatch,\n    FC,\n    ReactNode,\n    SetStateAction,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useUuid } from '../../../hooks/uuid';\nimport { AreaContext } from '../../area-provider/AreaContextProvider';\n\ntype IUpdateOpenAccordionUuid = (uuid: string, options?: { shouldOnlyOpen?: boolean }) => void;\ntype IUpdateAccordionUuids = (uuids: string[]) => void;\n\ninterface IAccordionGroupContext {\n    isWrapped?: boolean;\n    openAccordionUuid?: string;\n    setOpenAccordionUuid?: Dispatch<SetStateAction<string | undefined>>;\n    updateOpenAccordionUuid?: IUpdateOpenAccordionUuid;\n    accordionUuids?: string[];\n    updateAccordionUuids?: IUpdateAccordionUuids;\n    accordionGroupUuid?: string;\n}\n\nexport const AccordionGroupContext = React.createContext<IAccordionGroupContext>({\n    isWrapped: undefined,\n    openAccordionUuid: undefined,\n    setOpenAccordionUuid: undefined,\n    updateOpenAccordionUuid: undefined,\n    accordionUuids: undefined,\n    updateAccordionUuids: undefined,\n    accordionGroupUuid: undefined,\n});\n\nAccordionGroupContext.displayName = 'AccordionGroupContext';\n\ntype AccordionGroupProps = {\n    /**\n     * The Accordions that should be grouped. Accordions with the same group are\n     * automatically closed when an `Accordion` of the group is opened.\n     */\n    children: ReactNode;\n    /**\n     * This value must be set for nested AccordionGroup components. This adjusts the style of\n     * the head and the padding of the content accordions.\n     */\n    isWrapped?: boolean;\n    /**\n     * Function that is executed when all accordions in group are closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function that is executed when any accordion in group will be opened.\n     */\n    onOpen?: VoidFunction;\n};\n\nconst AccordionGroup: FC<AccordionGroupProps> = ({ children, isWrapped, onClose, onOpen }) => {\n    const [openAccordionUuid, setOpenAccordionUuid] =\n        useState<IAccordionGroupContext['openAccordionUuid']>(undefined);\n    const [accordionUuids, setAccordionUuids] = useState<string[]>();\n\n    const accordionGroupId = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const updateAccordionUuids = useCallback((uuids: string[]) => {\n        setAccordionUuids(uuids);\n    }, []);\n\n    const areaProvider = useContext(AreaContext);\n\n    const childrenCount = React.Children.count(children);\n\n    const shouldWrap = areaProvider.shouldChangeColor ? true : isWrapped;\n\n    const updateOpenAccordionUuid = useCallback<IUpdateOpenAccordionUuid>(\n        (uuid, { shouldOnlyOpen } = {}) => {\n            setOpenAccordionUuid((currentOpenAccordionUuid) => {\n                if (currentOpenAccordionUuid === uuid && shouldOnlyOpen !== true) {\n                    return undefined;\n                }\n\n                return uuid;\n            });\n        },\n        [setOpenAccordionUuid],\n    );\n\n    useEffect(() => {\n        if (childrenCount === 0) return;\n\n        const elements = document.querySelectorAll('[data-uuid]');\n        const elementUuids = Array.from(elements).map((el) => el.getAttribute('data-uuid'));\n\n        const result: string[] = [];\n\n        elementUuids.forEach((elementUuid) => {\n            const [groupUuid, accordionUuid] = (elementUuid ?? '').split('---');\n\n            if (groupUuid === accordionGroupId && typeof accordionUuid === 'string') {\n                result.push(accordionUuid);\n            }\n        });\n\n        updateAccordionUuids(result);\n    }, [accordionGroupId, childrenCount, updateAccordionUuids]);\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (typeof openAccordionUuid === 'string') {\n            if (typeof onOpen === 'function') {\n                onOpen();\n            }\n        } else if (typeof onClose === 'function') {\n            onClose();\n        }\n    }, [onClose, onOpen, openAccordionUuid]);\n\n    const providerValue = useMemo<IAccordionGroupContext>(\n        () => ({\n            isWrapped: shouldWrap,\n            openAccordionUuid,\n            setOpenAccordionUuid,\n            updateOpenAccordionUuid,\n            updateAccordionUuids,\n            accordionUuids,\n            accordionGroupUuid: accordionGroupId,\n        }),\n        [\n            accordionGroupId,\n            accordionUuids,\n            shouldWrap,\n            openAccordionUuid,\n            updateAccordionUuids,\n            updateOpenAccordionUuid,\n        ],\n    );\n\n    return (\n        <AccordionGroupContext.Provider value={providerValue}>\n            <MotionConfig transition={{ type: 'tween' }}>\n                <AnimatePresence initial={false}>{children}</AnimatePresence>\n            </MotionConfig>\n        </AccordionGroupContext.Provider>\n    );\n};\n\nAccordionGroup.displayName = 'AccordionGroup';\n\nexport default AccordionGroup;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/accordion/accordion-head/AccordionHead.js

@@ -0,0 +1,191 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { AnimatePresence, LayoutGroup } from 'framer-motion';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useTheme } from 'styled-components';
+import { useElementSize } from '../../../hooks/useElementSize';
+import { getAccordionHeadHeight, getElementClickEvent } from '../../../utils/accordion';
+import { AreaContext } from '../../area-provider/AreaContextProvider';
+import Icon from '../../icon/Icon';
+import Input, { InputSize } from '../../input/Input';
+import SearchInput from '../../search-input/SearchInput';
+import { StyledAccordionIcon, StyledMotionAccordionHead, StyledMotionContentWrapper, StyledMotionIconWrapper, StyledMotionRightElementWrapper, StyledMotionSearchWrapper, StyledMotionTitle, StyledMotionTitleElementWrapper, StyledMotionTitleWrapper, StyledRightWrapper } from './AccordionHead.styles';
+const AccordionHead = _ref => {
+  let {
+    icon,
+    isOpen,
+    isFixed,
+    isTitleGreyed,
+    isWrapped,
+    onClick,
+    onSearchChange,
+    rightElement,
+    searchPlaceholder,
+    searchValue,
+    shouldRotateIcon,
+    title,
+    titleElement,
+    uuid,
+    titleInputProps,
+    onTitleInputChange,
+    titleColor
+  } = _ref;
+  const [headHeight, setHeadHeight] = useState({
+    closed: isWrapped ? 40 : 33,
+    open: isWrapped ? 40 : 33
+  });
+  const theme = useTheme();
+  const titleElementWrapperRef = useRef(null);
+  const titleWrapperRef = useRef(null);
+  const [internalSearchValue, setInternalSearchValue] = useState();
+  useEffect(() => {
+    setInternalSearchValue(searchValue);
+  }, [searchValue]);
+  const handleOnSearchChance = event => {
+    setInternalSearchValue(event.target.value);
+    if (typeof onSearchChange === 'function') {
+      onSearchChange(event);
+    }
+  };
+  const titleElementChildrenSize = useElementSize(titleElementWrapperRef, {
+    shouldUseChildElement: true
+  });
+  const shouldPreventRightElementClick = useMemo(() => getElementClickEvent(rightElement), [rightElement]);
+  useEffect(() => {
+    if (typeof onTitleInputChange === 'function') {
+      setHeadHeight({
+        closed: 50,
+        open: 50
+      });
+    } else {
+      setHeadHeight(getAccordionHeadHeight({
+        isWrapped,
+        title,
+        width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,
+        hasSearch: typeof onSearchChange === 'function'
+      }));
+    }
+    // The fontSize need to be included to trigger a new calculation.
+    // After the size is increased, the Title is cut at the bottom.
+  }, [isWrapped, onSearchChange, onTitleInputChange, theme.fontSize, title]);
+  const iconElement = useMemo(() => {
+    if (icon || isFixed) {
+      return /*#__PURE__*/React.createElement(Icon, {
+        icons: [isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']
+      });
+    }
+    let internalIcon = 'f105';
+    if (theme?.accordionIcon && theme.accordionIcon !== 110 && theme.accordionIcon !== 1110100) {
+      internalIcon = theme.accordionIcon.toString(16);
+    }
+    const internalIconStyle = theme?.iconStyle ? theme.iconStyle : 'fa-regular';
+    return /*#__PURE__*/React.createElement(StyledAccordionIcon, {
+      className: internalIconStyle,
+      $icon: internalIcon
+    });
+  }, [icon, theme, isFixed]);
+  let accordionHeadHeight = isOpen ? headHeight.open : headHeight.closed;
+  if (titleElementChildrenSize && titleElementChildrenSize.height > accordionHeadHeight) {
+    // If the titleElement is bigger than the title, the height of the accordion head should be increased.
+    // The height of the titleElement is increased by 8px because of the padding of the accordion head element.
+    accordionHeadHeight = titleElementChildrenSize.height + 8;
+  }
+  return /*#__PURE__*/React.createElement(StyledMotionAccordionHead, {
+    animate: {
+      height: accordionHeadHeight
+    },
+    className: "beta-chayns-accordion-head",
+    initial: false,
+    key: `accordionHead--${uuid}`
+  }, /*#__PURE__*/React.createElement(StyledMotionIconWrapper, {
+    animate: {
+      rotate: (isOpen || isFixed) && shouldRotateIcon ? 90 : 0
+    },
+    initial: false,
+    onClick: !isFixed ? onClick : undefined,
+    key: `accordionHeadIcon--${uuid}`
+  }, iconElement), /*#__PURE__*/React.createElement(StyledMotionContentWrapper, {
+    animate: {
+      opacity: isTitleGreyed ? 0.5 : 1
+    },
+    initial: false,
+    onClick: !isFixed ? onClick : undefined,
+    ref: titleWrapperRef,
+    $isWrapped: isWrapped,
+    key: `accordionHeadContentWrapper--${uuid}`
+  }, typeof onTitleInputChange === 'function' ?
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-no-constructed-context-values
+  React.createElement(AreaContext.Provider, {
+    value: {
+      shouldChangeColor: true
+    }
+  }, /*#__PURE__*/React.createElement(Input, _extends({}, titleInputProps, {
+    value: title,
+    onChange: onTitleInputChange
+  }))) : /*#__PURE__*/React.createElement(LayoutGroup, {
+    key: `accordionHeadLayoutGroup--${uuid}`
+  }, /*#__PURE__*/React.createElement(StyledMotionTitleWrapper, {
+    key: `accordionHeadTitleWrapperWrapper--${uuid}`
+  }, /*#__PURE__*/React.createElement(AnimatePresence, {
+    initial: false,
+    key: `accordionHeadTitleWrapper--${uuid}`
+  }, /*#__PURE__*/React.createElement(StyledMotionTitle, {
+    animate: {
+      scale: 1
+    },
+    initial: {
+      scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3
+    },
+    exit: {
+      opacity: 0
+    },
+    $isOpen: isOpen,
+    $isWrapped: isWrapped,
+    $color: titleColor,
+    $hasSearch: typeof onSearchChange === 'function',
+    transition: {
+      opacity: {
+        duration: 0
+      }
+    },
+    key: isOpen && !isWrapped ? `accordionHeadTitleBig--${uuid}` : `accordionHeadTitle--${uuid}`
+  }, title))), titleElement && /*#__PURE__*/React.createElement(StyledMotionTitleElementWrapper, {
+    layout: true,
+    key: `accordionTitleElement--${uuid}`,
+    ref: titleElementWrapperRef
+  }, titleElement))), (typeof onSearchChange === 'function' || rightElement) && /*#__PURE__*/React.createElement(StyledRightWrapper, null, /*#__PURE__*/React.createElement(AnimatePresence, {
+    initial: false,
+    key: `accordionRightWrapper--${uuid}`
+  }, typeof onSearchChange === 'function' && isOpen && /*#__PURE__*/React.createElement(StyledMotionSearchWrapper, {
+    animate: {
+      opacity: 1
+    },
+    exit: {
+      opacity: 0
+    },
+    initial: {
+      opacity: 0
+    },
+    key: `searchWrapper--${uuid}`
+  }, /*#__PURE__*/React.createElement(SearchInput, {
+    onChange: handleOnSearchChance,
+    placeholder: searchPlaceholder,
+    size: InputSize.Small,
+    value: internalSearchValue
+  })), rightElement && /*#__PURE__*/React.createElement(StyledMotionRightElementWrapper, {
+    animate: {
+      opacity: 1
+    },
+    exit: {
+      opacity: 0
+    },
+    initial: {
+      opacity: 0
+    },
+    key: `rightElementWrapper--${uuid}`,
+    onClick: !isFixed && !shouldPreventRightElementClick ? onClick : undefined
+  }, rightElement))));
+};
+AccordionHead.displayName = 'AccordionHead';
+export default AccordionHead;
+//# sourceMappingURL=AccordionHead.js.map

package/lib/esm/components/accordion/accordion-head/AccordionHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHead.js","names":["AnimatePresence","LayoutGroup","React","useEffect","useMemo","useRef","useState","useTheme","useElementSize","getAccordionHeadHeight","getElementClickEvent","AreaContext","Icon","Input","InputSize","SearchInput","StyledAccordionIcon","StyledMotionAccordionHead","StyledMotionContentWrapper","StyledMotionIconWrapper","StyledMotionRightElementWrapper","StyledMotionSearchWrapper","StyledMotionTitle","StyledMotionTitleElementWrapper","StyledMotionTitleWrapper","StyledRightWrapper","AccordionHead","_ref","icon","isOpen","isFixed","isTitleGreyed","isWrapped","onClick","onSearchChange","rightElement","searchPlaceholder","searchValue","shouldRotateIcon","title","titleElement","uuid","titleInputProps","onTitleInputChange","titleColor","headHeight","setHeadHeight","closed","open","theme","titleElementWrapperRef","titleWrapperRef","internalSearchValue","setInternalSearchValue","handleOnSearchChance","event","target","value","titleElementChildrenSize","shouldUseChildElement","shouldPreventRightElementClick","width","current","clientWidth","hasSearch","fontSize","iconElement","createElement","icons","internalIcon","accordionIcon","toString","internalIconStyle","iconStyle","className","$icon","accordionHeadHeight","height","animate","initial","key","rotate","undefined","opacity","ref","$isWrapped","Provider","shouldChangeColor","_extends","onChange","scale","exit","$isOpen","$color","$hasSearch","transition","duration","layout","placeholder","size","Small","displayName"],"sources":["../../../../../src/components/accordion/accordion-head/AccordionHead.tsx"],"sourcesContent":["import { AnimatePresence, LayoutGroup } from 'framer-motion';\nimport React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type CSSProperties,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport { useElementSize } from '../../../hooks/useElementSize';\nimport { getAccordionHeadHeight, getElementClickEvent } from '../../../utils/accordion';\nimport { AreaContext } from '../../area-provider/AreaContextProvider';\nimport Icon from '../../icon/Icon';\nimport Input, { InputSize, type InputProps } from '../../input/Input';\nimport SearchInput from '../../search-input/SearchInput';\nimport {\n    StyledAccordionIcon,\n    StyledMotionAccordionHead,\n    StyledMotionContentWrapper,\n    StyledMotionIconWrapper,\n    StyledMotionRightElementWrapper,\n    StyledMotionSearchWrapper,\n    StyledMotionTitle,\n    StyledMotionTitleElementWrapper,\n    StyledMotionTitleWrapper,\n    StyledRightWrapper,\n} from './AccordionHead.styles';\n\nexport type AccordionHeadProps = {\n    icon?: string;\n    isOpen: boolean;\n    isFixed: boolean;\n    isTitleGreyed: boolean;\n    isWrapped: boolean;\n    onClick: MouseEventHandler<HTMLDivElement>;\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    rightElement?: ReactNode;\n    searchPlaceholder?: string;\n    searchValue?: string;\n    shouldRotateIcon?: boolean;\n    title: string;\n    titleElement?: ReactNode;\n    uuid: string;\n    onTitleInputChange?: ChangeEventHandler<HTMLInputElement>;\n    titleInputProps?: InputProps;\n    titleColor?: CSSProperties['color'];\n};\n\ninterface HeadHeight {\n    closed: number;\n    open: number;\n}\n\nconst AccordionHead: FC<AccordionHeadProps> = ({\n    icon,\n    isOpen,\n    isFixed,\n    isTitleGreyed,\n    isWrapped,\n    onClick,\n    onSearchChange,\n    rightElement,\n    searchPlaceholder,\n    searchValue,\n    shouldRotateIcon,\n    title,\n    titleElement,\n    uuid,\n    titleInputProps,\n    onTitleInputChange,\n    titleColor,\n}) => {\n    const [headHeight, setHeadHeight] = useState<HeadHeight>({\n        closed: isWrapped ? 40 : 33,\n        open: isWrapped ? 40 : 33,\n    });\n\n    const theme = useTheme();\n\n    const titleElementWrapperRef = useRef<HTMLDivElement>(null);\n    const titleWrapperRef = useRef<HTMLDivElement>(null);\n\n    const [internalSearchValue, setInternalSearchValue] = useState<string>();\n\n    useEffect(() => {\n        setInternalSearchValue(searchValue);\n    }, [searchValue]);\n\n    const handleOnSearchChance = (event: ChangeEvent<HTMLInputElement>) => {\n        setInternalSearchValue(event.target.value);\n        if (typeof onSearchChange === 'function') {\n            onSearchChange(event);\n        }\n    };\n\n    const titleElementChildrenSize = useElementSize(titleElementWrapperRef, {\n        shouldUseChildElement: true,\n    });\n\n    const shouldPreventRightElementClick = useMemo(\n        () => getElementClickEvent(rightElement),\n        [rightElement],\n    );\n\n    useEffect(() => {\n        if (typeof onTitleInputChange === 'function') {\n            setHeadHeight({ closed: 50, open: 50 });\n        } else {\n            setHeadHeight(\n                getAccordionHeadHeight({\n                    isWrapped,\n                    title,\n                    width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n                    hasSearch: typeof onSearchChange === 'function',\n                }),\n            );\n        }\n        // The fontSize need to be included to trigger a new calculation.\n        // After the size is increased, the Title is cut at the bottom.\n    }, [isWrapped, onSearchChange, onTitleInputChange, theme.fontSize, title]);\n\n    const iconElement = useMemo(() => {\n        if (icon || isFixed) {\n            return (\n                <Icon\n                    icons={[isFixed ? 'fa fa-horizontal-rule' : (icon ?? 'fa fa-chevron-right')]}\n                />\n            );\n        }\n\n        let internalIcon = 'f105';\n\n        if (\n            theme?.accordionIcon &&\n            theme.accordionIcon !== 110 &&\n            theme.accordionIcon !== 1110100\n        ) {\n            internalIcon = (theme.accordionIcon as number).toString(16);\n        }\n\n        const internalIconStyle = theme?.iconStyle ? (theme.iconStyle as string) : 'fa-regular';\n\n        return <StyledAccordionIcon className={internalIconStyle} $icon={internalIcon} />;\n    }, [icon, theme, isFixed]);\n\n    let accordionHeadHeight = isOpen ? headHeight.open : headHeight.closed;\n\n    if (titleElementChildrenSize && titleElementChildrenSize.height > accordionHeadHeight) {\n        // If the titleElement is bigger than the title, the height of the accordion head should be increased.\n        // The height of the titleElement is increased by 8px because of the padding of the accordion head element.\n        accordionHeadHeight = titleElementChildrenSize.height + 8;\n    }\n\n    return (\n        <StyledMotionAccordionHead\n            animate={{ height: accordionHeadHeight }}\n            className=\"beta-chayns-accordion-head\"\n            initial={false}\n            key={`accordionHead--${uuid}`}\n        >\n            <StyledMotionIconWrapper\n                animate={{ rotate: (isOpen || isFixed) && shouldRotateIcon ? 90 : 0 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n                key={`accordionHeadIcon--${uuid}`}\n            >\n                {iconElement}\n            </StyledMotionIconWrapper>\n            <StyledMotionContentWrapper\n                animate={{ opacity: isTitleGreyed ? 0.5 : 1 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n                ref={titleWrapperRef}\n                $isWrapped={isWrapped}\n                key={`accordionHeadContentWrapper--${uuid}`}\n            >\n                {typeof onTitleInputChange === 'function' ? (\n                    // eslint-disable-next-line react/jsx-no-constructed-context-values\n                    <AreaContext.Provider value={{ shouldChangeColor: true }}>\n                        <Input {...titleInputProps} value={title} onChange={onTitleInputChange} />\n                    </AreaContext.Provider>\n                ) : (\n                    <LayoutGroup key={`accordionHeadLayoutGroup--${uuid}`}>\n                        <StyledMotionTitleWrapper key={`accordionHeadTitleWrapperWrapper--${uuid}`}>\n                            <AnimatePresence\n                                initial={false}\n                                key={`accordionHeadTitleWrapper--${uuid}`}\n                            >\n                                <StyledMotionTitle\n                                    animate={{ scale: 1 }}\n                                    initial={{ scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n                                    exit={{ opacity: 0 }}\n                                    $isOpen={isOpen}\n                                    $isWrapped={isWrapped}\n                                    $color={titleColor}\n                                    $hasSearch={typeof onSearchChange === 'function'}\n                                    transition={{\n                                        opacity: {\n                                            duration: 0,\n                                        },\n                                    }}\n                                    key={\n                                        isOpen && !isWrapped\n                                            ? `accordionHeadTitleBig--${uuid}`\n                                            : `accordionHeadTitle--${uuid}`\n                                    }\n                                >\n                                    {title}\n                                </StyledMotionTitle>\n                            </AnimatePresence>\n                        </StyledMotionTitleWrapper>\n                        {titleElement && (\n                            <StyledMotionTitleElementWrapper\n                                layout\n                                key={`accordionTitleElement--${uuid}`}\n                                ref={titleElementWrapperRef}\n                            >\n                                {titleElement}\n                            </StyledMotionTitleElementWrapper>\n                        )}\n                    </LayoutGroup>\n                )}\n            </StyledMotionContentWrapper>\n            {(typeof onSearchChange === 'function' || rightElement) && (\n                <StyledRightWrapper>\n                    <AnimatePresence initial={false} key={`accordionRightWrapper--${uuid}`}>\n                        {typeof onSearchChange === 'function' && isOpen && (\n                            <StyledMotionSearchWrapper\n                                animate={{ opacity: 1 }}\n                                exit={{ opacity: 0 }}\n                                initial={{ opacity: 0 }}\n                                key={`searchWrapper--${uuid}`}\n                            >\n                                <SearchInput\n                                    onChange={handleOnSearchChance}\n                                    placeholder={searchPlaceholder}\n                                    size={InputSize.Small}\n                                    value={internalSearchValue}\n                                />\n                            </StyledMotionSearchWrapper>\n                        )}\n                        {rightElement && (\n                            <StyledMotionRightElementWrapper\n                                animate={{ opacity: 1 }}\n                                exit={{ opacity: 0 }}\n                                initial={{ opacity: 0 }}\n                                key={`rightElementWrapper--${uuid}`}\n                                onClick={\n                                    !isFixed && !shouldPreventRightElementClick\n                                        ? onClick\n                                        : undefined\n                                }\n                            >\n                                {rightElement}\n                            </StyledMotionRightElementWrapper>\n                        )}\n                    </AnimatePresence>\n                </StyledRightWrapper>\n            )}\n        </StyledMotionAccordionHead>\n    );\n};\n\nAccordionHead.displayName = 'AccordionHead';\n\nexport default AccordionHead;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/accordion/accordion-head/AccordionHead.styles.js

@@ -0,0 +1,199 @@
+import { motion } from 'framer-motion';
+import styled, { css } from 'styled-components';
+export const StyledMotionAccordionHead = styled(motion.div)`
+    align-items: center;
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.text;
+}};
+    display: flex;
+    overflow: hidden;
+    padding: 4px 0;
+`;
+export const StyledMotionIconWrapper = styled(motion.div)`
+    align-items: center;
+    cursor: ${_ref2 => {
+  let {
+    onClick
+  } = _ref2;
+  return typeof onClick === 'function' ? 'pointer' : 'default';
+}};
+    display: flex;
+    flex: 0 0 auto;
+    height: 25px;
+    justify-content: center;
+    width: 25px;
+`;
+export const StyledAccordionIcon = styled.i`
+    align-items: center;
+    justify-content: center;
+    display: flex;
+    color: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.headline;
+}};
+
+    &:before {
+        content: ${_ref4 => {
+  let {
+    $icon
+  } = _ref4;
+  return `"\\${$icon}"`;
+}};
+        font-family: 'Font Awesome 6 Pro', Fontawesome !important;
+    }
+`;
+export const StyledMotionContentWrapper = styled(motion.div)`
+    align-self: flex-start;
+    cursor: ${_ref5 => {
+  let {
+    onClick
+  } = _ref5;
+  return typeof onClick === 'function' ? 'pointer' : 'default';
+}};
+    display: flex;
+    flex: 1 1 auto;
+    height: 100%;
+    overflow: hidden;
+    margin-right: 10px;
+
+    ${_ref6 => {
+  let {
+    $isWrapped
+  } = _ref6;
+  return $isWrapped && css`
+            align-items: center;
+        `;
+}}
+`;
+export const StyledMotionTitleWrapper = styled(motion.div)`
+    display: grid;
+    flex: 0 1 auto;
+    grid-template-areas: 'header';
+`;
+export const StyledMotionTitle = styled(motion.div)`
+    font-size: ${_ref7 => {
+  let {
+    $isOpen,
+    $isWrapped
+  } = _ref7;
+  return $isOpen && !$isWrapped ? '1.3rem' : undefined;
+}};
+    font-weight: ${_ref8 => {
+  let {
+    $isOpen,
+    $isWrapped
+  } = _ref8;
+  return $isOpen && $isWrapped ? 700 : 'normal';
+}};
+    grid-area: header;
+    height: ${_ref9 => {
+  let {
+    $isWrapped,
+    $hasSearch
+  } = _ref9;
+  return $isWrapped || $hasSearch ? '100%' : undefined;
+}};
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transform-origin: top left;
+    user-select: none;
+    color: ${_ref10 => {
+  let {
+    $color,
+    theme
+  } = _ref10;
+  return $color ?? theme.text;
+}};
+    white-space: ${_ref11 => {
+  let {
+    $isOpen,
+    $isWrapped,
+    $hasSearch
+  } = _ref11;
+  return $isOpen && !$isWrapped && !$hasSearch ? 'normal' : 'nowrap';
+}};
+
+    will-change: unset !important;
+
+    ${_ref12 => {
+  let {
+    $isWrapped
+  } = _ref12;
+  return $isWrapped && css`
+            align-content: center;
+        `;
+}}
+`;
+export const StyledMotionTitleElementWrapper = styled(motion.div)`
+    align-items: center;
+    display: flex;
+    flex: 1 1 auto;
+    margin-left: 8px;
+    min-width: 0;
+`;
+export const StyledRightWrapper = styled.div`
+    display: flex;
+    flex: 0 0 auto;
+    gap: 8px;
+    margin-right: 5px;
+    overflow: hidden;
+    position: relative;
+`;
+export const StyledMotionSearchWrapper = styled(motion.div)`
+    align-items: center;
+    display: flex;
+`;
+export const StyledMotionRightElementWrapper = styled(motion.div)`
+    align-items: center;
+    display: flex;
+
+    cursor: ${_ref13 => {
+  let {
+    onClick
+  } = _ref13;
+  return typeof onClick === 'function' ? 'pointer' : 'default';
+}};
+
+    will-change: unset !important;
+`;
+export const StyledMotionRightInput = styled(motion.input)`
+    background-color: transparent;
+    border: 1px solid transparent;
+    border-bottom-color: rgba(
+        ${_ref14 => {
+  let {
+    theme
+  } = _ref14;
+  return theme['headline-rgb'];
+}},
+        0.45
+    );
+    color: ${_ref15 => {
+  let {
+    theme
+  } = _ref15;
+  return theme.text;
+}};
+    grid-area: header;
+    padding: ${_ref16 => {
+  let {
+    $hasIcon
+  } = _ref16;
+  return $hasIcon ? '5px 23px 5px 1px' : '5px 1px';
+}};
+`;
+export const StyledMotionRightInputIconWrapper = styled(motion.div)`
+    align-items: center;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    position: absolute;
+    right: 4px;
+    top: 0;
+`;
+//# sourceMappingURL=AccordionHead.styles.js.map

package/lib/esm/components/accordion/accordion-head/AccordionHead.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHead.styles.js","names":["motion","styled","css","StyledMotionAccordionHead","div","_ref","theme","text","StyledMotionIconWrapper","_ref2","onClick","StyledAccordionIcon","i","_ref3","headline","_ref4","$icon","StyledMotionContentWrapper","_ref5","_ref6","$isWrapped","StyledMotionTitleWrapper","StyledMotionTitle","_ref7","$isOpen","undefined","_ref8","_ref9","$hasSearch","_ref10","$color","_ref11","_ref12","StyledMotionTitleElementWrapper","StyledRightWrapper","StyledMotionSearchWrapper","StyledMotionRightElementWrapper","_ref13","StyledMotionRightInput","input","_ref14","_ref15","_ref16","$hasIcon","StyledMotionRightInputIconWrapper"],"sources":["../../../../../src/components/accordion/accordion-head/AccordionHead.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\nimport type {\n    FramerMotionBugFix,\n    WithTheme,\n} from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionHeadProps = WithTheme<unknown>;\n\nexport const StyledMotionAccordionHead = styled(motion.div)<StyledMotionAccordionHeadProps>`\n    align-items: center;\n    color: ${({ theme }: StyledMotionAccordionHeadProps) => theme.text};\n    display: flex;\n    overflow: hidden;\n    padding: 4px 0;\n`;\n\nexport const StyledMotionIconWrapper = styled(motion.div)<FramerMotionBugFix>`\n    align-items: center;\n    cursor: ${({ onClick }) => (typeof onClick === 'function' ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    height: 25px;\n    justify-content: center;\n    width: 25px;\n`;\n\ntype StyledAccordionIconProps = WithTheme<{ $icon: string }>;\n\nexport const StyledAccordionIcon = styled.i<StyledAccordionIconProps>`\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    color: ${({ theme }: StyledAccordionIconProps) => theme.headline};\n\n    &:before {\n        content: ${({ $icon }) => `\"\\\\${$icon}\"`};\n        font-family: 'Font Awesome 6 Pro', Fontawesome !important;\n    }\n`;\n\ntype StyledMotionContentWrapperProps = WithTheme<{ $isWrapped: boolean }>;\n\nexport const StyledMotionContentWrapper = styled(motion.div)<StyledMotionContentWrapperProps>`\n    align-self: flex-start;\n    cursor: ${({ onClick }) => (typeof onClick === 'function' ? 'pointer' : 'default')};\n    display: flex;\n    flex: 1 1 auto;\n    height: 100%;\n    overflow: hidden;\n    margin-right: 10px;\n\n    ${({ $isWrapped }) =>\n        $isWrapped &&\n        css`\n            align-items: center;\n        `}\n`;\n\nexport const StyledMotionTitleWrapper = styled(motion.div)<FramerMotionBugFix>`\n    display: grid;\n    flex: 0 1 auto;\n    grid-template-areas: 'header';\n`;\n\ntype StyledMotionTitleProps = WithTheme<{\n    $isOpen: boolean;\n    $isWrapped: boolean;\n    $color?: CSSProperties['color'];\n    $hasSearch: boolean;\n}>;\n\nexport const StyledMotionTitle = styled(motion.div)<StyledMotionTitleProps>`\n    font-size: ${({ $isOpen, $isWrapped }) => ($isOpen && !$isWrapped ? '1.3rem' : undefined)};\n    font-weight: ${({ $isOpen, $isWrapped }) => ($isOpen && $isWrapped ? 700 : 'normal')};\n    grid-area: header;\n    height: ${({ $isWrapped, $hasSearch }) => ($isWrapped || $hasSearch ? '100%' : undefined)};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transform-origin: top left;\n    user-select: none;\n    color: ${({ $color, theme }: StyledMotionTitleProps) => $color ?? theme.text};\n    white-space: ${({ $isOpen, $isWrapped, $hasSearch }) =>\n        $isOpen && !$isWrapped && !$hasSearch ? 'normal' : 'nowrap'};\n\n    will-change: unset !important;\n\n    ${({ $isWrapped }) =>\n        $isWrapped &&\n        css`\n            align-content: center;\n        `}\n`;\n\nexport const StyledMotionTitleElementWrapper = styled(motion.div)<FramerMotionBugFix>`\n    align-items: center;\n    display: flex;\n    flex: 1 1 auto;\n    margin-left: 8px;\n    min-width: 0;\n`;\n\nexport const StyledRightWrapper = styled.div`\n    display: flex;\n    flex: 0 0 auto;\n    gap: 8px;\n    margin-right: 5px;\n    overflow: hidden;\n    position: relative;\n`;\n\nexport const StyledMotionSearchWrapper = styled(motion.div)<FramerMotionBugFix>`\n    align-items: center;\n    display: flex;\n`;\n\nexport const StyledMotionRightElementWrapper = styled(motion.div)<FramerMotionBugFix>`\n    align-items: center;\n    display: flex;\n\n    cursor: ${({ onClick }) => (typeof onClick === 'function' ? 'pointer' : 'default')};\n\n    will-change: unset !important;\n`;\n\ntype StyledMotionRightInputProps = WithTheme<{\n    $hasIcon: boolean;\n}>;\n\nexport const StyledMotionRightInput = styled(motion.input)<StyledMotionRightInputProps>`\n    background-color: transparent;\n    border: 1px solid transparent;\n    border-bottom-color: rgba(\n        ${({ theme }: StyledMotionRightInputProps) => theme['headline-rgb']},\n        0.45\n    );\n    color: ${({ theme }: StyledMotionRightInputProps) => theme.text};\n    grid-area: header;\n    padding: ${({ $hasIcon }) => ($hasIcon ? '5px 23px 5px 1px' : '5px 1px')};\n`;\n\nexport const StyledMotionRightInputIconWrapper = styled(motion.div)<FramerMotionBugFix>`\n    align-items: center;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    position: absolute;\n    right: 4px;\n    top: 0;\n`;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/accordion/accordion-intro/AccordionIntro.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { StyledAccordionIntro } from './AccordionIntro.styles';
+const AccordionIntro = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(StyledAccordionIntro, {
+    className: "beta-chayns-accordion-intro"
+  }, children);
+};
+AccordionIntro.displayName = 'AccordionIntro';
+export default AccordionIntro;
+//# sourceMappingURL=AccordionIntro.js.map

package/lib/esm/components/accordion/accordion-intro/AccordionIntro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionIntro.js","names":["React","StyledAccordionIntro","AccordionIntro","_ref","children","createElement","className","displayName"],"sources":["../../../../../src/components/accordion/accordion-intro/AccordionIntro.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { StyledAccordionIntro } from './AccordionIntro.styles';\n\nexport type AccordionIntroProps = {\n    /**\n     * The content of the accordion content element\n     */\n    children: ReactNode;\n};\n\nconst AccordionIntro: FC<AccordionIntroProps> = ({ children }) => (\n    <StyledAccordionIntro className=\"beta-chayns-accordion-intro\">{children}</StyledAccordionIntro>\n);\n\nAccordionIntro.displayName = 'AccordionIntro';\n\nexport default AccordionIntro;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAyB,OAAO;AAC5C,SAASC,oBAAoB,QAAQ,yBAAyB;AAS9D,MAAMC,cAAuC,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAAA,oBACzDH,KAAA,CAAAK,aAAA,CAACJ,oBAAoB;IAACK,SAAS,EAAC;EAA6B,GAAEF,QAA+B,CAAC;AAAA,CAClG;AAEDF,cAAc,CAACK,WAAW,GAAG,gBAAgB;AAE7C,eAAeL,cAAc","ignoreList":[]}

package/lib/esm/components/accordion/accordion-intro/AccordionIntro.styles.js

@@ -0,0 +1,5 @@
+import styled from 'styled-components';
+export const StyledAccordionIntro = styled.div`
+    padding: 0 9px 6px;
+`;
+//# sourceMappingURL=AccordionIntro.styles.js.map

package/lib/esm/components/accordion/accordion-intro/AccordionIntro.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionIntro.styles.js","names":["styled","StyledAccordionIntro","div"],"sources":["../../../../../src/components/accordion/accordion-intro/AccordionIntro.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledAccordionIntro = styled.div`\n    padding: 0 9px 6px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,oBAAoB,GAAGD,MAAM,CAACE,GAAG;AAC9C;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/accordion/accordion-item/AccordionItem.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { AccordionContext } from '../Accordion';
+import { StyledAccordionItem } from './AccordionItem.styles';
+const AccordionItem = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(AccordionContext.Consumer, null, _ref2 => {
+    let {
+      isWrapped
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(StyledAccordionItem, {
+      className: "beta-chayns-accordion-item",
+      $isWrapped: isWrapped
+    }, children);
+  });
+};
+AccordionItem.displayName = 'AccordionItem';
+export default AccordionItem;
+//# sourceMappingURL=AccordionItem.js.map

package/lib/esm/components/accordion/accordion-item/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","names":["React","AccordionContext","StyledAccordionItem","AccordionItem","_ref","children","createElement","Consumer","_ref2","isWrapped","className","$isWrapped","displayName"],"sources":["../../../../../src/components/accordion/accordion-item/AccordionItem.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { AccordionContext } from '../Accordion';\nimport { StyledAccordionItem } from './AccordionItem.styles';\n\nexport type AccordionItemProps = {\n    /**\n     * The content of the accordion content element\n     */\n    children: ReactNode;\n};\n\nconst AccordionItem: FC<AccordionItemProps> = ({ children }) => (\n    <AccordionContext.Consumer>\n        {({ isWrapped }) => (\n            <StyledAccordionItem className=\"beta-chayns-accordion-item\" $isWrapped={isWrapped}>\n                {children}\n            </StyledAccordionItem>\n        )}\n    </AccordionContext.Consumer>\n);\n\nAccordionItem.displayName = 'AccordionItem';\n\nexport default AccordionItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAyB,OAAO;AAC5C,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,mBAAmB,QAAQ,wBAAwB;AAS5D,MAAMC,aAAqC,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAAA,oBACvDJ,KAAA,CAAAM,aAAA,CAACL,gBAAgB,CAACM,QAAQ,QACrBC,KAAA;IAAA,IAAC;MAAEC;IAAU,CAAC,GAAAD,KAAA;IAAA,oBACXR,KAAA,CAAAM,aAAA,CAACJ,mBAAmB;MAACQ,SAAS,EAAC,4BAA4B;MAACC,UAAU,EAAEF;IAAU,GAC7EJ,QACgB,CAAC;EAAA,CAEH,CAAC;AAAA,CAC/B;AAEDF,aAAa,CAACS,WAAW,GAAG,eAAe;AAE3C,eAAeT,aAAa","ignoreList":[]}

package/lib/esm/components/accordion/accordion-item/AccordionItem.styles.js

@@ -0,0 +1,26 @@
+import styled from 'styled-components';
+export const StyledAccordionItem = styled.div`
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.text;
+}};
+    padding: ${_ref2 => {
+  let {
+    $isWrapped
+  } = _ref2;
+  return $isWrapped ? '8px 9px 8px 30px' : '8px 9px';
+}};
+
+    &:not(:first-child) {
+        border-top: 1px solid
+            rgba(${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme['headline-rgb'];
+}}, 0.5);
+    }
+`;
+//# sourceMappingURL=AccordionItem.styles.js.map

package/lib/esm/components/accordion/accordion-item/AccordionItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.styles.js","names":["styled","StyledAccordionItem","div","_ref","theme","text","_ref2","$isWrapped","_ref3"],"sources":["../../../../../src/components/accordion/accordion-item/AccordionItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledAccordionItemProps = WithTheme<{\n    $isWrapped?: boolean;\n}>;\n\nexport const StyledAccordionItem = styled.div<StyledAccordionItemProps>`\n    color: ${({ theme }: StyledAccordionItemProps) => theme.text};\n    padding: ${({ $isWrapped }) => ($isWrapped ? '8px 9px 8px 30px' : '8px 9px')};\n\n    &:not(:first-child) {\n        border-top: 1px solid\n            rgba(${({ theme }: StyledAccordionItemProps) => theme['headline-rgb']}, 0.5);\n    }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAOtC,OAAO,MAAMC,mBAAmB,GAAGD,MAAM,CAACE,GAA6B;AACvE,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAgC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA;AAChE,eAAeC,KAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,KAAA;EAAA,OAAMC,UAAU,GAAG,kBAAkB,GAAG,SAAS;AAAA,CAAC;AAChF;AACA;AACA;AACA,mBAAmBC,KAAA;EAAA,IAAC;IAAEJ;EAAgC,CAAC,GAAAI,KAAA;EAAA,OAAKJ,KAAK,CAAC,cAAc,CAAC;AAAA;AACjF;AACA,CAAC","ignoreList":[]}