@odx/websites-react 0.0.1

package/dist/components/layout/mediaGallery/MediaGallery.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import useEmblaCarousel from 'embla-carousel-react';
+import * as React from 'react';
+import { Headline } from '../../typography/headline/Headline';
+import { BodyText } from '../../typography/bodyText';
+import { cn } from '../../../utils';
+import { IconChevronLeft, IconChevronRight } from '../../../icons';
+import { Button } from '../../actions/button';
+import { Controls, ControlsItem } from '../../navigation/controls';
+const MediaGalleryItem = ({ mediaComponent, headline, copy, className, ...props }) => (_jsxs("div", { ...props, className: cn('max-w-5xl w-full', className), children: [mediaComponent, _jsxs("div", { className: "px-12 py-8 bg-draeger-light-sand", children: [_jsx(Headline, { headingLevel: "h6", children: headline }), _jsx(BodyText, { variant: "small", children: copy })] })] }));
+const MediaGallery = ({ children, className, ...props }) => {
+    const [emblaRef, emblaApi] = useEmblaCarousel({
+        align: 'start',
+        containScroll: 'keepSnaps',
+    });
+    const [scrollSnaps, setScrollSnaps] = React.useState([]);
+    const [activeIndex, setActiveIndex] = React.useState(0);
+    const scrollPrev = React.useCallback(() => emblaApi && emblaApi.scrollPrev(), [emblaApi]);
+    const scrollNext = React.useCallback(() => emblaApi && emblaApi.scrollNext(), [emblaApi]);
+    const scrollTo = React.useCallback((index) => emblaApi && emblaApi.scrollTo(index), [emblaApi]);
+    const onSelect = React.useCallback(() => {
+        if (!emblaApi) {
+            return;
+        }
+        setActiveIndex(emblaApi.selectedScrollSnap());
+    }, [emblaApi]);
+    React.useEffect(() => {
+        if (!emblaApi) {
+            return;
+        }
+        onSelect();
+        setScrollSnaps(emblaApi.scrollSnapList());
+        emblaApi.on('select', onSelect);
+    }, [emblaApi]);
+    return (_jsxs("div", { className: cn('font-text overflow-hidden relative', className), ...props, children: [_jsx("div", { className: "max-w-5xl md:pr-auto", ref: emblaRef, children: _jsx("div", { className: "flex md:gap-x-14", children: children.map((child, index) => (_jsx("div", { className: "flex-[0_0_100%] max-w-5xl last:mr-auto", children: child }, index))) }) }), _jsxs("div", { className: "absolute top-0 left-0 z-10 hidden md:block", children: [_jsx(Button, { onClick: scrollPrev, disabled: activeIndex === 0, icon: IconChevronLeft, size: "lg" }), _jsx(Button, { onClick: scrollNext, disabled: activeIndex === scrollSnaps.length - 1, icon: IconChevronRight, size: "lg" })] }), _jsx(Controls, { children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { active: activeIndex === index, onClick: () => scrollTo(index) }, index))) })] }));
+};
+export { MediaGallery, MediaGalleryItem };
+//# sourceMappingURL=MediaGallery.js.map

package/dist/components/layout/mediaGallery/MediaGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/mediaGallery/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MediaGallery';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/mediaGallery/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/layout/mediaGallery/index.js

@@ -0,0 +1,2 @@
+export * from './MediaGallery';
+//# sourceMappingURL=index.js.map

package/dist/components/layout/mediaGallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/layout/modal/Modal.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import * as Dialog from '@radix-ui/react-dialog';
+import { VariantProps } from 'class-variance-authority';
+import { DialogProps } from '@radix-ui/react-dialog';
+declare const modalVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const modalSectionVariants: (props?: ({
+    color?: "white" | "lightSand" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ModalProps extends DialogProps, VariantProps<typeof modalVariants> {
+    canClose?: boolean;
+}
+export interface ModalHeaderProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
+    title: string;
+    description?: string;
+    titleProps?: React.ComponentProps<typeof Dialog.Title>;
+    descriptionProps?: React.ComponentProps<typeof Dialog.Description>;
+}
+export interface ModalBodyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof modalSectionVariants> {
+}
+export interface ModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+declare const ModalHeader: React.FC<ModalHeaderProps>;
+declare const ModalBody: React.FC<ModalBodyProps>;
+declare const ModalFooter: React.FC<ModalFooterProps>;
+declare const Modal: React.FC<ModalProps>;
+export { Modal, ModalBody, ModalHeader, ModalFooter };
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/layout/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAK3D,OAAO,EAAC,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAInD,QAAA,MAAM,aAAa;;mFAYjB,CAAC;AAEH,QAAA,MAAM,oBAAoB;;mFAUxB,CAAC;AAiBH,MAAM,WAAW,UACf,SAAQ,WAAW,EACjB,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,kBAAkB,CAAC,cAAc,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAC;CACpE;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2B3C,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsCvC,CAAC;AAOF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAQ3C,CAAC;AAcF,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkC/B,CAAC;AAEF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAC,CAAC"}

package/dist/components/layout/modal/Modal.js

@@ -0,0 +1,92 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import * as Dialog from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { cn, debounce } from '../../../utils';
+import { IconClose } from '../../../icons';
+import { SvgIcon } from '../../images-icons/svg-icon';
+import { Headline } from '../../typography/headline';
+import { useIsomorphicLayoutEffect } from '../../../hooks/useIsomorphicLayoutEffect';
+import { BodyText } from '../../typography/bodyText';
+const modalVariants = cva('max-w-[100%] h-full md:h-auto', {
+    variants: {
+        size: {
+            sm: 'md:max-w-[48%] lg:max-w-[32%] xl:max-w-[24%] md:max-h-[48%]',
+            md: 'md:max-w-[60%] lg:max-w-[42%] xl:max-w-[36%] md:max-h-[72%]',
+            lg: 'md:max-w-[84%] lg:max-w-[60%] xl:max-w-[48%] md:max-h-[84%]',
+            xl: 'md:max-w-[96%] lg:max-w-[84%] xl:max-w-[72%] md:max-h-[96%]',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+const modalSectionVariants = cva('px-7 py-5', {
+    variants: {
+        color: {
+            white: 'bg-draeger-white',
+            lightSand: 'bg-draeger-light-sand-50',
+        },
+    },
+    defaultVariants: {
+        color: 'white',
+    },
+});
+const fadeOutOverlayVariants = cva('bg-[linear-gradient(0deg,currentColor_0%,transparent_100%)] min-h-[64px] -mt-[63px] z-10', {
+    variants: {
+        color: {
+            white: 'text-draeger-white',
+            lightSand: 'text-draeger-light-sand-50',
+        },
+    },
+    defaultVariants: {
+        color: 'white',
+    },
+});
+const ModalHeader = ({ className, title, description, titleProps, descriptionProps, ...props }) => (_jsxs("div", { className: cn('px-7 py-5 flex flex-col grow-0 gap-y-3', className), ...props, children: [_jsx(Dialog.Title, { asChild: true, ...titleProps, children: _jsx(Headline, { headingLevel: "h5", children: title }) }), description && (_jsx(BodyText, { variant: 'large', children: _jsx(Dialog.Description, { asChild: true, ...descriptionProps, className: cn(descriptionProps?.className), children: _jsx("span", { children: description }) }) }))] }));
+const ModalBody = ({ className, children, color, ...props }) => {
+    const ref = React.useRef(null);
+    const [isScrollable, setIsScrollable] = React.useState(false);
+    useIsomorphicLayoutEffect(() => {
+        const handler = () => {
+            if (!ref.current)
+                return;
+            const { scrollHeight, clientHeight } = ref.current;
+            setIsScrollable(scrollHeight > clientHeight + 0);
+        };
+        handler();
+        const debouncedHandler = debounce(handler, 50);
+        window.addEventListener('resize', debouncedHandler);
+        return () => window.removeEventListener('resize', debouncedHandler);
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: ref, className: cn('overflow-scroll relative', modalSectionVariants({ color, className }), isScrollable && 'pb-16'), ...props, children: children }), _jsx("div", { className: cn(isScrollable && fadeOutOverlayVariants({ color })) })] }));
+};
+const modalFooterClasses = `
+  p-7 flex justify-end items-center grow-0 gap-3 flex-col flex-wrap sm:flex-row
+
+`;
+const ModalFooter = ({ className, children, ...props }) => (_jsx("div", { className: cn(modalFooterClasses, className), ...props, children: children }));
+const modalClasses = `
+  fixed group flex flex-col w-full top-1/2 left-1/2 translate-x-[-50%] translate-y-[-50%]
+  z-overlay overflow-x-auto font-text focus:outline-none bg-draeger-white shadow-draeger-modal
+  data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]
+  data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]
+`;
+const modalOverlayClasses = `
+  bg-draeger-backdrop backdrop-blur-[15px]
+  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-overlay
+`;
+const Modal = ({ open, onOpenChange, children, canClose, size, }) => {
+    return (_jsx(Dialog.Root, { open: open, onOpenChange: onOpenChange, children: _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Overlay, { className: cn(modalOverlayClasses) }), _jsxs(Dialog.Content, { onEscapeKeyDown: event => {
+                        if (!canClose)
+                            event.preventDefault();
+                    }, onPointerDownOutside: event => {
+                        if (!canClose)
+                            event.preventDefault();
+                    }, onFocusOutside: event => {
+                        event.preventDefault();
+                    }, className: cn(modalClasses, modalVariants({ size })), "data-size": size, children: [children, canClose && (_jsx(Dialog.Close, { className: "absolute top-2 right-2", children: _jsx(SvgIcon, { icon: IconClose, size: "md", square: true }) }))] })] }) }));
+};
+export { Modal, ModalBody, ModalHeader, ModalFooter };
+//# sourceMappingURL=Modal.js.map

package/dist/components/layout/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/layout/modal/index.js

@@ -0,0 +1,2 @@
+export * from './Modal';
+//# sourceMappingURL=index.js.map

package/dist/components/layout/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/layout/pagination/Pagination.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    page: number;
+    count: number;
+    onChange: (page: number) => void;
+}
+declare const Pagination: React.FC<PaginationProps>;
+export { Pagination };
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/layout/pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkE/B,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwDzC,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/dist/components/layout/pagination/Pagination.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../utils';
+import { SvgIcon } from '../../images-icons/svg-icon';
+import { IconChevronLeft } from '../../../icons/uncolored/IconChevronLeft';
+import { IconChevronRight } from '../../../icons';
+const buttonClasses = 'p-1.5 flex justify-center align-middle';
+const PaginationButton = ({ disabled, icon, className, ...props }) => (_jsx("button", { disabled: disabled, className: cn(buttonClasses, className, disabled
+        ? 'invisible'
+        : 'bg-draeger-white border border-draeger-air-blue font-draeger-air-blue text-draeger-air-blue hover:bg-draeger-air-blue hover:font-draeger-white hover:text-draeger-white'), ...props, children: _jsx(SvgIcon, { icon: icon, size: "md" }) }));
+const PaginationNumber = ({ children, className, active, ...props }) => (_jsx("button", { className: cn('text-lg w-10 border-draeger-air-blue font-semibold hover:border', active
+        ? 'text-draeger-white bg-draeger-air-blue font-semibold'
+        : 'text-draeger-air-blue font-regular', className), ...props, children: children }));
+const PaginationDots = () => (_jsx("div", { className: "text-draeger-air-blue text-lg w-10 text-center font-semibold py-1.5", children: "..." }));
+const Pagination = ({ page, count, onChange, ...props }) => {
+    const numberElements = Array.from({ length: count }, (_, index) => (_jsx(PaginationNumber, { onClick: () => onChange(index + 1), active: index + 1 === page, children: index + 1 }, index)));
+    let pages;
+    if (count < 8) {
+        pages = numberElements;
+    }
+    else if (page < 5) {
+        pages = [
+            ...numberElements.slice(0, 5),
+            _jsx(PaginationDots, {}, "dots-2"),
+            numberElements[numberElements.length - 1],
+        ];
+    }
+    else if (count - page + 1 < 5) {
+        pages = [
+            numberElements[0],
+            _jsx(PaginationDots, {}, "dots-1"),
+            ...numberElements.slice(-5),
+        ];
+    }
+    else {
+        pages = [
+            numberElements[0],
+            _jsx(PaginationDots, {}, "dots-1"),
+            ...numberElements.slice(page - 2, page + 1),
+            _jsx(PaginationDots, {}, "dots-2"),
+            numberElements[numberElements.length - 1],
+        ];
+    }
+    return (_jsxs("div", { className: cn('flex font-text'), ...props, children: [_jsx(PaginationButton, { disabled: page === 1, icon: IconChevronLeft, onClick: () => onChange(page - 1), className: "rounded-l-sm" }), pages, _jsx(PaginationButton, { disabled: page === count, icon: IconChevronRight, onClick: () => onChange(page + 1), className: "rounded-r-sm" })] }));
+};
+export { Pagination };
+//# sourceMappingURL=Pagination.js.map

package/dist/components/layout/pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/layout/pagination/Pagination.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Pagination';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/layout/pagination/index.js

@@ -0,0 +1,2 @@
+export * from './Pagination';
+//# sourceMappingURL=index.js.map

package/dist/components/layout/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/layout/resultList/ResultList.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface ResultListComponentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode | React.ReactNode[];
+}
+export interface ResultListProps extends ResultListComponentProps {
+    checkboxes?: {
+        checkedItems: number[];
+        onCheckedChange: (item: number) => void;
+    };
+}
+declare const ResultList: React.FC<ResultListProps>;
+export { ResultList };
+//# sourceMappingURL=ResultList.d.ts.map

package/dist/components/layout/resultList/ResultList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultList.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/resultList/ResultList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAMD,MAAM,WAAW,eAAgB,SAAQ,wBAAwB;IAC/D,UAAU,CAAC,EAAE;QACX,YAAY,EAAE,MAAM,EAAE,CAAC;QACvB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;KACzC,CAAC;CACH;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAczC,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/dist/components/layout/resultList/ResultList.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ResultListContext } from './ResultListContext';
+const ResultListComponent = ({ children, }) => _jsx("div", { className: "flex flex-col gap-12 font-text", children: children });
+const ResultList = ({ children, checkboxes }) => {
+    if (checkboxes !== undefined) {
+        return (_jsx(ResultListContext.Provider, { value: {
+                checkedItems: checkboxes.checkedItems,
+                onCheckedChange: checkboxes.onCheckedChange,
+            }, children: _jsx(ResultListComponent, { children: children }) }));
+    }
+    return _jsx(ResultListComponent, { children: children });
+};
+export { ResultList };
+//# sourceMappingURL=ResultList.js.map

package/dist/components/layout/resultList/ResultList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultList.js","sourceRoot":"","sources":["../../../../src/components/layout/resultList/ResultList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAOtD,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,GACT,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,CAAC;AASvE,MAAM,UAAU,GAA8B,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAC,EAAE,EAAE;IACvE,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,YAAY,EAAE,UAAU,CAAC,YAAY;gBACrC,eAAe,EAAE,UAAU,CAAC,eAAe;aAC5C,YAED,KAAC,mBAAmB,cAAE,QAAQ,GAAuB,GAC1B,CAC9B,CAAC;IACJ,CAAC;IACD,OAAO,KAAC,mBAAmB,cAAE,QAAQ,GAAuB,CAAC;AAC/D,CAAC,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/dist/components/layout/resultList/ResultListContext.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+interface ResultListContextType {
+    checkedItems: number[];
+    onCheckedChange: (item: number) => void;
+}
+export declare const ResultListContext: React.Context<ResultListContextType>;
+export declare const ResultListItemContext: React.Context<number>;
+export declare const useResultListItemContext: () => {
+    isChecked: boolean;
+    onCheckedChange: () => void;
+};
+export {};
+//# sourceMappingURL=ResultListContext.d.ts.map

package/dist/components/layout/resultList/ResultListContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultListContext.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/resultList/ResultListContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,qBAAqB;IAC7B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,iBAAiB,sCAG5B,CAAC;AAEH,eAAO,MAAM,qBAAqB,uBAAyB,CAAC;AAE5D,eAAO,MAAM,wBAAwB;;;CAOpC,CAAC"}

package/dist/components/layout/resultList/ResultListContext.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export const ResultListContext = React.createContext({
+    checkedItems: [],
+    onCheckedChange: () => { },
+});
+export const ResultListItemContext = React.createContext(0);
+export const useResultListItemContext = () => {
+    const value = React.useContext(ResultListItemContext);
+    const { checkedItems, onCheckedChange } = React.useContext(ResultListContext);
+    const isChecked = checkedItems.includes(value);
+    return { isChecked, onCheckedChange: () => onCheckedChange(value) };
+};
+//# sourceMappingURL=ResultListContext.js.map

package/dist/components/layout/resultList/ResultListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultListContext.js","sourceRoot":"","sources":["../../../../src/components/layout/resultList/ResultListContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAwB;IAC1E,YAAY,EAAE,EAAE;IAChB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACtD,MAAM,EAAC,YAAY,EAAE,eAAe,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAE5E,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,EAAC,SAAS,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAAC,CAAC;AACpE,CAAC,CAAC"}

package/dist/components/layout/resultList/ResultListItem.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { BodyTextProps } from '../../typography/bodyText';
+import { ButtonProps } from '../../actions/button';
+import { RichCopyText } from '../../typography/richText';
+export interface ResultListItemHeadlineProps extends BodyTextProps {
+}
+declare const ResultListItemHeadline: React.FC<ResultListItemHeadlineProps>;
+export interface ResultListItemDescriptionProps extends Omit<BodyTextProps, 'children'> {
+    text: RichCopyText;
+}
+declare const ResultListItemDescription: React.FC<ResultListItemDescriptionProps>;
+export interface ResultListItemButtonContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const ResultListItemButtonContainer: React.FC<ResultListItemButtonContainerProps>;
+export interface ResultListItemButtonProps extends Omit<ButtonProps, 'size' | 'fontSize'> {
+}
+declare const ResultListItemButton: React.FC<ResultListItemButtonProps>;
+export interface ResultListItemImageContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const ResultListItemImageContainer: React.FC<ResultListItemImageContainerProps>;
+export interface ResultListItemFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode | React.ReactNode[];
+}
+declare const ResultListItemFooter: React.FC<ResultListItemFooterProps>;
+export interface ResultListItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode | React.ReactNode[];
+    checkboxId?: number;
+}
+declare const ResultListItem: React.FC<ResultListItemProps>;
+export { ResultListItem, ResultListItemHeadline, ResultListItemDescription, ResultListItemButton, ResultListItemButtonContainer, ResultListItemImageContainer, ResultListItemFooter, };
+//# sourceMappingURL=ResultListItem.d.ts.map

package/dist/components/layout/resultList/ResultListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/resultList/ResultListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAOlE,OAAO,EAAS,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAC,YAAY,EAAW,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,2BAA4B,SAAQ,aAAa;CAAG;AAErE,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAQjE,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACvC,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAOvE,CAAC;AAEF,MAAM,WAAW,kCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAC3C,kCAAkC,CAKnC,CAAC;AAEF,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,UAAU,CAAC;CAAG;AAEnD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAU7D,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAKlC,CAAC;AAEF,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAC/C;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAW7D,CAAC;AAcF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqBjD,CAAC;AAEF,OAAO,EACL,cAAc,EACd,sBAAsB,EACtB,yBAAyB,EACzB,oBAAoB,EACpB,6BAA6B,EAC7B,4BAA4B,EAC5B,oBAAoB,GACrB,CAAC"}

package/dist/components/layout/resultList/ResultListItem.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BodyText } from '../../typography/bodyText';
+import { cn } from '../../../utils';
+import { Checkbox } from '../../actions/checkbox';
+import { ResultListItemContext, useResultListItemContext, } from './ResultListContext';
+import { Button } from '../../actions/button';
+import { RichText } from '../../typography/richText';
+const ResultListItemHeadline = ({ children, className, ...props }) => (_jsx(BodyText, { className: cn('font-semibold', className), ...props, children: children }));
+const ResultListItemDescription = ({ text, ...props }) => (_jsx(BodyText, { ...props, children: _jsx(RichText, { text: text.value }) }));
+const ResultListItemButtonContainer = ({ className, children, ...props }) => (_jsx("div", { className: cn('self-center max-w-44 w-full', className), ...props, children: children }));
+const ResultListItemButton = ({ className, ...props }) => (_jsx(Button, { className: cn('font-semibold', className), size: "resultListButton", fontSize: "lg", ...props }));
+const ResultListItemImageContainer = ({ className, children, ...props }) => (_jsx("div", { className: cn('max-w-36', className), ...props, children: children }));
+const ResultListItemFooter = ({ className, children, ...props }) => (_jsx("div", { className: cn('flex flex-col sm:flex-row gap-x-6 gap-y-1 mt-3', className), ...props, children: _jsx(BodyText, { variant: "small", children: children }) }));
+const ResultListItemCheckbox = () => {
+    const { isChecked, onCheckedChange } = useResultListItemContext();
+    return (_jsx("div", { className: "pr-3.5 self-center hidden sm:block", children: _jsx(Checkbox, { checked: isChecked, onCheckedChange: onCheckedChange }) }));
+};
+const ResultListItemClassNames = 'border-draeger-light-blue-150 border-b pb-2 flex flex-col sm:flex-row gap-6';
+const ResultListItem = ({ children, checkboxId, className, ...props }) => {
+    if (checkboxId !== undefined) {
+        return (_jsx(ResultListItemContext.Provider, { value: checkboxId, children: _jsxs("div", { className: cn(ResultListItemClassNames, className), ...props, children: [_jsx(ResultListItemCheckbox, {}), children] }) }));
+    }
+    return (_jsx("div", { className: cn(ResultListItemClassNames, className), ...props, children: children }));
+};
+export { ResultListItem, ResultListItemHeadline, ResultListItemDescription, ResultListItemButton, ResultListItemButtonContainer, ResultListItemImageContainer, ResultListItemFooter, };
+//# sourceMappingURL=ResultListItem.js.map

package/dist/components/layout/resultList/ResultListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/resultList/ResultListItem.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/resultList/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ResultList';
+export * from './ResultListItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/resultList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/resultList/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

package/dist/components/layout/resultList/index.js

@@ -0,0 +1,3 @@
+export * from './ResultList';
+export * from './ResultListItem';
+//# sourceMappingURL=index.js.map

package/dist/components/layout/resultList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/resultList/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

package/dist/components/layout/sectionWrapper/SectionWrapper.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export interface SectionWrapperProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof sectionWrapperVariants> {
+    anchor?: string;
+}
+declare const sectionWrapperVariants: (props?: ({
+    background?: "white" | "paleBlue" | "lightSand" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const SectionWrapper: React.FC<SectionWrapperProps>;
+export { SectionWrapper };
+//# sourceMappingURL=SectionWrapper.d.ts.map

package/dist/components/layout/sectionWrapper/SectionWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/SectionWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,sBAAsB;;mFAW1B,CAAC;AAEH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiBjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}

package/dist/components/layout/sectionWrapper/SectionWrapper.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../utils';
+const sectionWrapperVariants = cva('font-text py-10', {
+    variants: {
+        background: {
+            white: 'bg-draeger-white',
+            lightSand: 'bg-draeger-light-sand-50',
+            paleBlue: 'bg-draeger-pale-blue',
+        },
+    },
+    defaultVariants: {
+        background: 'white',
+    },
+});
+const SectionWrapper = ({ background, anchor, children, className, ...props }) => {
+    return (_jsx("section", { ...props, className: cn(sectionWrapperVariants({ background, className })), "data-section-id": anchor, id: anchor, children: children }));
+};
+export { SectionWrapper };
+//# sourceMappingURL=SectionWrapper.js.map

package/dist/components/layout/sectionWrapper/SectionWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionWrapper.js","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/SectionWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,MAAM,sBAAsB,GAAG,GAAG,CAAC,iBAAiB,EAAE;IACpD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,sBAAsB;SACjC;KACF;IACD,eAAe,EAAE;QACf,UAAU,EAAE,OAAO;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,cAAc,GAAkC,CAAC,EACrD,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,qBACM,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAC,UAAU,EAAE,SAAS,EAAC,CAAC,CAAC,qBAC7C,MAAM,EACvB,EAAE,EAAE,MAAM,YAET,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}

package/dist/components/layout/sectionWrapper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SectionWrapper';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/sectionWrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/layout/sectionWrapper/index.js

@@ -0,0 +1,2 @@
+export * from './SectionWrapper';
+//# sourceMappingURL=index.js.map

package/dist/components/layout/sectionWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/layout/showMore/ShowMore.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface ShowMoreProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof showMoreVariants> {
+    toggleElement?: React.ReactNode;
+    initiallyExpanded?: boolean;
+}
+export interface ShowMoreToggleProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    children: ((isExpanded: boolean) => React.ReactNode) | React.ReactNode;
+}
+declare const ShowMoreToggle: React.FC<ShowMoreToggleProps>;
+declare const showMoreVariants: (props?: ({
+    color?: "white" | "paleBlue" | "lightSand" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const ShowMore: React.FC<ShowMoreProps>;
+export { ShowMore, ShowMoreToggle };
+//# sourceMappingURL=ShowMore.d.ts.map

package/dist/components/layout/showMore/ShowMore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMore.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/showMore/ShowMore.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAG3D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,QAAQ,EAAE,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CACxE;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBjD,CAAC;AAEF,QAAA,MAAM,gBAAgB;;mFAQpB,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwCrC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/layout/showMore/ShowMore.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../../utils';
+import { useElementHeight } from '../../../hooks/useElementHeight';
+import { useToggle } from '../../../hooks/useToggle';
+import { ShowMoreContext, useShowMoreContext } from './ShowMoreContext';
+import { cva } from 'class-variance-authority';
+import { ContentArea } from '../contentArea';
+const ShowMoreToggle = ({ children, className, ...props }) => {
+    const { isExpanded, handleExpand, id } = useShowMoreContext();
+    return (_jsx("div", { ...props, className: cn('flex justify-center', className), children: _jsx("div", { role: "button", "aria-controls": id, "aria-expanded": isExpanded, onClick: handleExpand, children: typeof children === 'function' ? children(isExpanded) : children }) }));
+};
+const showMoreVariants = cva('font-text pb-24 bg-transparent', {
+    variants: {
+        color: {
+            white: 'bg-draeger-white',
+            paleBlue: 'bg-draeger-pale-blue',
+            lightSand: 'bg-draeger-light-sand-50',
+        },
+    },
+});
+const ShowMore = ({ children, className, toggleElement, initiallyExpanded = false, color, ...props }) => {
+    const [isExpanded, handleExpand] = useToggle(initiallyExpanded);
+    const [ref, contentHeight] = useElementHeight([isExpanded]);
+    const id = React.useId();
+    return (_jsx(ShowMoreContext.Provider, { value: { isExpanded, handleExpand, id }, children: _jsx("div", { "data-name": "show-more", className: cn(showMoreVariants({ color, className })), ...props, children: _jsxs(ContentArea, { children: [toggleElement, _jsx("div", { className: cn('overflow-hidden transition-[height] duration-300 ease-in-out'), style: {
+                            height: isExpanded ? `${contentHeight}px` : '0',
+                        }, id: id, "data-expanded": isExpanded, children: _jsxs("div", { ref: ref, children: [_jsx("div", { className: "pb-12 pt-11", children: children }), _jsx("div", { className: "pb-1.5", children: toggleElement })] }) })] }) }) }));
+};
+export { ShowMore, ShowMoreToggle };
+//# sourceMappingURL=ShowMore.js.map

package/dist/components/layout/showMore/ShowMore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMore.js","sourceRoot":"","sources":["../../../../src/components/layout/showMore/ShowMore.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAC,eAAe,EAAE,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAc3C,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,UAAU,EAAE,YAAY,EAAE,EAAE,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAE5D,OAAO,CACL,iBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAC7D,cACE,IAAI,EAAC,QAAQ,mBACE,EAAE,mBACF,UAAU,EACzB,OAAO,EAAE,YAAY,YAEpB,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,GAC7D,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,CAAC,gCAAgC,EAAE;IAC7D,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE,kBAAkB;YACzB,QAAQ,EAAE,sBAAsB;YAChC,SAAS,EAAE,0BAA0B;SACtC;KACF;CACF,CAAC,CAAC;AAEH,MAAM,QAAQ,GAA4B,CAAC,EACzC,QAAQ,EACR,SAAS,EACT,aAAa,EACb,iBAAiB,GAAG,KAAK,EACzB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChE,MAAM,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,gBAAgB,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAC5D,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,YAAY,EAAE,EAAE,EAAC,YAC7D,2BACY,WAAW,EACrB,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC,KAC/C,KAAK,YAET,MAAC,WAAW,eACT,aAAa,EACd,cACE,SAAS,EAAE,EAAE,CACX,8DAA8D,CAC/D,EACD,KAAK,EAAE;4BACL,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,GAAG;yBAChD,EACD,EAAE,EAAE,EAAE,mBACS,UAAU,YAEzB,eAAK,GAAG,EAAE,GAAG,aACX,cAAK,SAAS,EAAC,aAAa,YAAE,QAAQ,GAAO,EAC7C,cAAK,SAAS,EAAC,QAAQ,YAAE,aAAa,GAAO,IACzC,GACF,IACM,GACV,GACmB,CAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAC,CAAC"}