@odx/websites-react 0.0.4 → 0.0.6

package/dist/components/layout/contentItem/ContentItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgBrD,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQnD,CAAC;AAEF,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAUjE,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAQlC,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAc3C,CAAC;AAEF,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}
+{"version":3,"file":"ContentItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgBrD,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQnD,CAAC;AAEF,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAMjE,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAQlC,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAc3C,CAAC;AAEF,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}

package/dist/components/layout/contentItem/ContentItem.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '../../../utils';
-import { Headline } from '../../typography/headline';
+import { ContentHeadings } from '../../../web';
 const ContentItemMedia = ({ className, children, mediaAlignment = 'left', ...props }) => (_jsx("div", { className: cn('shrink-0 basis-[42%] [&_img]:w-full', mediaAlignment === 'right' && 'md:order-1', className), ...props, children: children }));
 const ContentItemBody = ({ className, children, ...props }) => (_jsx("div", { className: cn(className), ...props, children: children }));
-const ContentItemBodyHeading = ({ className, headline, text, ...props }) => (_jsxs("div", { className: cn('pb-10', className), ...props, children: [headline && _jsx(Headline, { headingLevel: "h4", children: headline }), text] }));
+const ContentItemBodyHeading = ({ headline, text, ...props }) => (_jsx(ContentHeadings, { type: "item", headline: headline, text: text, ...props }));
 const ContentItemBodyActionWrapper = ({ className, children, ...props }) => (_jsx("div", { className: cn('flex flex-col items-start self-stretch gap-2', className), ...props, children: children }));
 const ContentItem = ({ className, children, ...props }) => (_jsx("div", { className: cn('font-text flex gap-6 flex-col md:flex-row w-full', className), ...props, children: children }));
 export { ContentItem, ContentItemMedia, ContentItemBody, ContentItemBodyHeading, ContentItemBodyActionWrapper, };

package/dist/components/layout/contentItem/ContentItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAUnD,MAAM,gBAAgB,GAAoC,CAAC,EACzD,SAAS,EACT,QAAQ,EACR,cAAc,GAAG,MAAM,EACvB,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,cAAc,KAAK,OAAO,IAAI,YAAY,EAC1C,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAKF,MAAM,eAAe,GAAmC,CAAC,EACvD,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,YACrC,QAAQ,GACL,CACP,CAAC;AAQF,MAAM,sBAAsB,GAA0C,CAAC,EACrE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,aAC9C,QAAQ,IAAI,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,YAAE,QAAQ,GAAY,EAC7D,IAAI,IACD,CACP,CAAC;AAKF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACvC,cACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}
+{"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAU7C,MAAM,gBAAgB,GAAoC,CAAC,EACzD,SAAS,EACT,QAAQ,EACR,cAAc,GAAG,MAAM,EACvB,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,cAAc,KAAK,OAAO,IAAI,YAAY,EAC1C,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAKF,MAAM,eAAe,GAAmC,CAAC,EACvD,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,YACrC,QAAQ,GACL,CACP,CAAC;AAQF,MAAM,sBAAsB,GAA0C,CAAC,EACrE,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAC3E,CAAC;AAKF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACvC,cACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}

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

@@ -44,7 +44,7 @@ const fadeOutOverlayVariants = cva('bg-[linear-gradient(0deg,currentColor_0%,tra
         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 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: 'small', 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);

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

@@ -1 +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"}
+{"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;AAE3D,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,CAsCrC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAC,CAAC"}

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

@@ -6,12 +6,11 @@ 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', {
+const showMoreVariants = cva('font-text bg-transparent', {
     variants: {
         color: {
             white: 'bg-draeger-white',
@@ -24,9 +23,9 @@ const ShowMore = ({ children, className, toggleElement, initiallyExpanded = fals
     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 })] }) })] }) }) }));
+    return (_jsx(ShowMoreContext.Provider, { value: { isExpanded, handleExpand, id }, children: _jsxs("div", { "data-name": "show-more", className: cn(showMoreVariants({ color, className })), ...props, 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

@@ -1 +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"}
+{"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,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,0BAA0B,EAAE;IACvD,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,4BACY,WAAW,EACrB,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC,KAC/C,KAAK,aAER,aAAa,EACd,cACE,SAAS,EAAE,EAAE,CACX,8DAA8D,CAC/D,EACD,KAAK,EAAE;wBACL,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,GAAG;qBAChD,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,IACF,GACmB,CAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/layout/slimRichText/SlimRichText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlimRichText.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/slimRichText/SlimRichText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAK,KAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAW,KAAK,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAEvE,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AA8CF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqB7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
+{"version":3,"file":"SlimRichText.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/slimRichText/SlimRichText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAK,KAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAW,KAAK,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAEvE,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAgDF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwB7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/layout/slimRichText/SlimRichText.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import parse, { Element, domToReact, } from 'html-react-parser';
 import { Link } from '../../actions/link';
 import { cn } from '../../../utils';
-import { ListItem, UnorderedList } from '../list';
+import { ListItem, OrderedList, UnorderedList } from '../list';
 import { BodyText } from '../../typography/bodyText';
 const getOptions = ({ LinkComponent }) => ({
     replace: domNode => {
@@ -17,10 +17,12 @@ const getOptions = ({ LinkComponent }) => ({
                 return (_jsx(Link, { href: undefined, variant: 'inline', LinkComponent: LinkComponent, ...attribs, children: childNodes }));
             case 'ul':
                 return _jsx(UnorderedList, { children: childNodes });
+            case 'ol':
+                return _jsx(OrderedList, { children: childNodes });
             case 'li':
                 return _jsx(ListItem, { children: childNodes });
             case 'br':
-                return _jsx("br", { className: "hidden" });
+                return _jsx("br", {});
             case 'sub':
                 return _jsx("sub", { className: "-bottom-1", children: childNodes });
             case 'sup':
@@ -36,7 +38,7 @@ const SlimRichText = ({ text, className, LinkComponent, ...props }) => {
     if (typeof text !== 'string' || !text)
         return;
     const parsedNodes = parse(text, getOptions({ LinkComponent: LinkComponent ? LinkComponent : 'a' }));
-    return (_jsx(BodyText, { className: cn('[&_br+*]:mt-3 [&>ul]:ml-11', className), ...props, children: parsedNodes }));
+    return (_jsx(BodyText, { className: cn('[&>p]:mb-3 [&>ul]:mb-3 [&>ul]:ml-11 [&>ol]:ml-11 [&>p:last-of-type]:mb-0 [&>ul:last-of-type]:mb-0 [&>ol:last-of-type]:last:mb-0', className), ...props, children: parsedNodes }));
 };
 export { SlimRichText };
 //# sourceMappingURL=SlimRichText.js.map

package/dist/components/layout/slimRichText/SlimRichText.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlimRichText.js","sourceRoot":"","sources":["../../../../src/components/layout/slimRichText/SlimRichText.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAEZ,OAAO,EACP,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAC,EAAE,EAAqB,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAChD,OAAO,EAAC,QAAQ,EAAqB,MAAM,2BAA2B,CAAC;AAavE,MAAM,UAAU,GAE8B,CAAC,EAAC,aAAa,EAAC,EAAE,EAAE,CAAC,CAAC;IAClE,OAAO,EAAE,OAAO,CAAC,EAAE;QACjB,IAAI,CAAC,CAAC,OAAO,YAAY,OAAO,CAAC;YAAE,OAAO;QAE1C,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAC,GAAG,OAAO,CAAC;QAChD,IAAI,IAAI,KAAK,KAAK;YAAE,OAAO;QAE3B,MAAM,UAAU,GAAG,UAAU,CAC3B,QAAqB,EACrB,UAAU,CAAC,EAAC,aAAa,EAAC,CAAC,CAC5B,CAAC;QAEF,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,GAAG;gBACN,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,QAAQ,EACjB,aAAa,EAAE,aAAa,KACxB,OAAO,YAEV,UAAU,GACN,CACR,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO,KAAC,aAAa,cAAE,UAAU,GAAiB,CAAC;YACrD,KAAK,IAAI;gBACP,OAAO,KAAC,QAAQ,cAAE,UAAU,GAAY,CAAC;YAC3C,KAAK,IAAI;gBACP,OAAO,aAAI,SAAS,EAAC,QAAQ,GAAG,CAAC;YACnC,KAAK,KAAK;gBACR,OAAO,cAAK,SAAS,EAAC,WAAW,YAAE,UAAU,GAAO,CAAC;YACvD,KAAK,KAAK;gBACR,OAAO,cAAK,SAAS,EAAC,aAAa,YAAE,UAAU,GAAO,CAAC;YACzD,KAAK,QAAQ;gBACX,OAAO,iBAAQ,SAAS,EAAC,eAAe,YAAE,UAAU,GAAU,CAAC;YACjE;gBACE,OAAO,KAAK,CAAC;QACjB,CAAC;IACH,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAgC,CAAC,EACjD,IAAI,EACJ,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI;QAAE,OAAO;IAE9C,MAAM,WAAW,GAAG,KAAK,CACvB,IAAI,EACJ,UAAU,CAAC,EAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,EAAC,CAAC,CACjE,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,YAER,WAAW,GACH,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
+{"version":3,"file":"SlimRichText.js","sourceRoot":"","sources":["../../../../src/components/layout/slimRichText/SlimRichText.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAEZ,OAAO,EACP,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAC,EAAE,EAAqB,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAC,QAAQ,EAAqB,MAAM,2BAA2B,CAAC;AAavE,MAAM,UAAU,GAE8B,CAAC,EAAC,aAAa,EAAC,EAAE,EAAE,CAAC,CAAC;IAClE,OAAO,EAAE,OAAO,CAAC,EAAE;QACjB,IAAI,CAAC,CAAC,OAAO,YAAY,OAAO,CAAC;YAAE,OAAO;QAE1C,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAC,GAAG,OAAO,CAAC;QAChD,IAAI,IAAI,KAAK,KAAK;YAAE,OAAO;QAE3B,MAAM,UAAU,GAAG,UAAU,CAC3B,QAAqB,EACrB,UAAU,CAAC,EAAC,aAAa,EAAC,CAAC,CAC5B,CAAC;QAEF,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,GAAG;gBACN,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,QAAQ,EACjB,aAAa,EAAE,aAAa,KACxB,OAAO,YAEV,UAAU,GACN,CACR,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO,KAAC,aAAa,cAAE,UAAU,GAAiB,CAAC;YACrD,KAAK,IAAI;gBACP,OAAO,KAAC,WAAW,cAAE,UAAU,GAAe,CAAC;YACjD,KAAK,IAAI;gBACP,OAAO,KAAC,QAAQ,cAAE,UAAU,GAAY,CAAC;YAC3C,KAAK,IAAI;gBACP,OAAO,cAAM,CAAC;YAChB,KAAK,KAAK;gBACR,OAAO,cAAK,SAAS,EAAC,WAAW,YAAE,UAAU,GAAO,CAAC;YACvD,KAAK,KAAK;gBACR,OAAO,cAAK,SAAS,EAAC,aAAa,YAAE,UAAU,GAAO,CAAC;YACzD,KAAK,QAAQ;gBACX,OAAO,iBAAQ,SAAS,EAAC,eAAe,YAAE,UAAU,GAAU,CAAC;YACjE;gBACE,OAAO,KAAK,CAAC;QACjB,CAAC;IACH,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAgC,CAAC,EACjD,IAAI,EACJ,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI;QAAE,OAAO;IAE9C,MAAM,WAAW,GAAG,KAAK,CACvB,IAAI,EACJ,UAAU,CAAC,EAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,EAAC,CAAC,CACjE,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,SAAS,CACV,KACG,KAAK,YAER,WAAW,GACH,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/layout/structuredList/StructuredList.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Headline } from '../../typography/headline';
+import { BodyText } from '../../typography/bodyText';
 const StructuredListComponent = ({ headline, children, }) => {
-    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Headline, { headingLevel: 'h5', className: 'font-normal text-draeger-cool-gray-750', children: headline }), _jsx("div", { className: 'flex flex-col gap-8', children: children })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(BodyText, { variant: "large", className: 'font-normal text-draeger-cool-gray-750', children: headline }), _jsx("div", { className: 'flex flex-col', children: children })] }));
 };
 const StructuredList = ({ children, headline, }) => {
     return (_jsx(StructuredListComponent, { headline: headline, children: children }));

package/dist/components/layout/structuredList/StructuredList.js.map

@@ -1 +1 @@
-{"version":3,"file":"StructuredList.js","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAQnD,MAAM,uBAAuB,GAA2C,CAAC,EACvE,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IACP,YAAY,EAAE,IAAI,EAClB,SAAS,EAAE,wCAAwC,YAElD,QAAQ,GACA,EACX,cAAK,SAAS,EAAE,qBAAqB,YAAG,QAAQ,GAAO,IACnD,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,uBAAuB,IAAC,QAAQ,EAAE,QAAQ,YACxC,QAAQ,GACe,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
+{"version":3,"file":"StructuredList.js","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAQnD,MAAM,uBAAuB,GAA2C,CAAC,EACvE,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IACP,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,wCAAwC,YAElD,QAAQ,GACA,EACX,cAAK,SAAS,EAAE,eAAe,YAAG,QAAQ,GAAO,IAC7C,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,uBAAuB,IAAC,QAAQ,EAAE,QAAQ,YACxC,QAAQ,GACe,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}

package/dist/components/layout/structuredList/StructuredListItem.d.ts

@@ -1,16 +1,11 @@
 import * as React from 'react';
-import { ButtonProps } from '../../actions/button';
 import { HeadlineProps } from '../../typography/headline';
 export interface StructuredListItemHeadlineProps extends Omit<HeadlineProps, 'headingLevel'> {
     headline: string;
 }
-export interface StructuredListItemButtonContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface StructuredListItemActionContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-export interface StructuredListItemButtonProps extends Omit<ButtonProps, 'size' | 'fontSize'> {
-    containerClassName?: string;
-}
-declare const StructuredListItemButton: React.FC<StructuredListItemButtonProps>;
 export interface StructuredListItemImageContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
@@ -21,7 +16,8 @@ export interface StructuredListItemProps extends React.HTMLProps<HTMLAnchorEleme
     headlineChildren?: React.ReactNode;
     image?: React.ReactNode;
     itemDescription?: string;
+    actionElement?: React.ReactNode;
 }
 declare const StructuredListItem: React.FC<StructuredListItemProps>;
-export { StructuredListItem, StructuredListItemButton };
+export { StructuredListItem };
 //# sourceMappingURL=StructuredListItem.d.ts.map

package/dist/components/layout/structuredList/StructuredListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StructuredListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAS,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAuBD,MAAM,WAAW,sCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAUD,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAgBrE,CAAC;AAEF,MAAM,WAAW,qCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAgBD,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA4BzD,CAAC;AAEF,OAAO,EAAC,kBAAkB,EAAE,wBAAwB,EAAC,CAAC"}
+{"version":3,"file":"StructuredListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAyBD,MAAM,WAAW,sCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAgBD,MAAM,WAAW,qCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAgBD,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyCzD,CAAC;AAEF,OAAO,EAAC,kBAAkB,EAAC,CAAC"}

package/dist/components/layout/structuredList/StructuredListItem.js

@@ -1,16 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../utils';
-import { Button } from '../../actions/button';
 import { Headline } from '../../typography/headline';
 import { SlimRichText } from '../slimRichText';
-const StructuredListItemHeadline = ({ children, className, headline, ...props }) => (_jsx("div", { className: 'flex items-center h-element-height-md pb-1 ', children: _jsxs("div", { className: 'relative', children: [_jsx(Headline, { className: cn('group-focus:underline group-hover:underline', className), textColor: 'airBlue', headingLevel: 'h4', ...props, children: headline }), _jsx("div", { className: 'absolute left-full top-0 ml-4', children: children })] }) }));
-const StructuredListItemButtonContainer = ({ className, children, ...props }) => (_jsx("div", { className: cn('', className), ...props, children: children }));
-const StructuredListItemButton = ({ className, containerClassName, onClick, ...props }) => {
-    return (_jsx(StructuredListItemButtonContainer, { className: containerClassName, children: _jsx(Button, { onClick: onClick, className: cn('font-normal', className), size: "sm", ...props }) }));
+const StructuredListItemHeadline = ({ children, className, headline, ...props }) => (_jsxs("div", { className: 'flex flex-wrap items-center min-h min-h-[theme(height.element-height-md)] gap-x-4 gap-y-2', children: [_jsx(Headline, { className: cn('group-focus:underline group-hover:underline', className), textColor: 'airBlue', headingLevel: 'h4', ...props, children: headline }), children] }));
+const StructuredListItemActionContainer = ({ className, children, ...props }) => (_jsx("div", { className: cn('sm:h-[6.8125rem] flex flex-col justify-center items-end', className), ...props, children: children }));
+const StructuredListItemImageContainer = ({ className, children, ...props }) => (_jsx("div", { className: cn('pt-1.5 flex justify-center items-center w-[11.5rem] shrink-0', className), ...props, children: children }));
+const StructuredListItem = ({ className, headline, headlineChildren, href, image, itemDescription, actionElement, ...props }) => {
+    return (_jsxs("div", { className: cn(className, 'flex gap-6 sm:gap-8 flex-col sm:flex-row pt-3 pb-4 md:pt-1.5 md:pb-8'), children: [_jsxs("a", { href: href, className: 'flex flex-col gap-6 sm:flex-row group cursor-pointer', ...props, children: [image && (_jsx(StructuredListItemImageContainer, { children: image })), _jsxs("div", { className: 'flex flex-col gap-1', children: [_jsx(StructuredListItemHeadline, { headline: headline, children: headlineChildren }), itemDescription && _jsx(SlimRichText, { text: itemDescription })] })] }), actionElement && (_jsx(StructuredListItemActionContainer, { children: actionElement }))] }));
 };
-const StructuredListItemImageContainer = ({ className, children, ...props }) => (_jsx("div", { className: cn('flex justify-center items-center mr-6 w-[11.5rem] shrink-0', className), ...props, children: children }));
-const StructuredListItem = ({ children, className, headline, headlineChildren, href, image, itemDescription, ...props }) => {
-    return (_jsxs("div", { className: cn(className, 'flex gap-8'), children: [_jsxs("a", { href: href, className: 'flex group cursor-pointer', ...props, children: [image && (_jsx(StructuredListItemImageContainer, { children: image })), _jsxs("div", { className: 'flex flex-col', children: [_jsx(StructuredListItemHeadline, { headline: headline, children: headlineChildren }), itemDescription && _jsx(SlimRichText, { text: itemDescription })] })] }), children && _jsx("div", { className: 'flex flex-col pt-10', children: children })] }));
-};
-export { StructuredListItem, StructuredListItemButton };
+export { StructuredListItem };
 //# sourceMappingURL=StructuredListItem.js.map

package/dist/components/layout/structuredList/StructuredListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StructuredListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,MAAM,EAAc,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAO7C,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,6CAA6C,YAC3D,eAAK,SAAS,EAAE,UAAU,aACxB,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,EACvE,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,KACd,KAAK,YAER,QAAQ,GACA,EACX,cAAK,SAAS,EAAE,+BAA+B,YAAG,QAAQ,GAAO,IAC7D,GACF,CACP,CAAC;AAOF,MAAM,iCAAiC,GAEnC,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACvC,cAAK,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,YACzC,QAAQ,GACL,CACP,CAAC;AAOF,MAAM,wBAAwB,GAA4C,CAAC,EACzE,SAAS,EACT,kBAAkB,EAClB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,iCAAiC,IAAC,SAAS,EAAE,kBAAkB,YAC9D,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,EACvC,IAAI,EAAC,IAAI,KACL,KAAK,GACT,GACgC,CACrC,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,gCAAgC,GAElC,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACvC,cACE,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAYF,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,IAAI,EACJ,KAAK,EACL,eAAe,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,aACzC,aAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,2BAA2B,KAAM,KAAK,aAC7D,KAAK,IAAI,CACR,KAAC,gCAAgC,cAC9B,KAAK,GAC2B,CACpC,EACD,eAAK,SAAS,EAAE,eAAe,aAC7B,KAAC,0BAA0B,IAAC,QAAQ,EAAE,QAAQ,YAC3C,gBAAgB,GACU,EAC5B,eAAe,IAAI,KAAC,YAAY,IAAC,IAAI,EAAE,eAAe,GAAI,IACvD,IACJ,EACH,QAAQ,IAAI,cAAK,SAAS,EAAE,qBAAqB,YAAG,QAAQ,GAAO,IAChE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,kBAAkB,EAAE,wBAAwB,EAAC,CAAC"}
+{"version":3,"file":"StructuredListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAO7C,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EACP,2FAA2F,aAG7F,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,EACvE,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,KACd,KAAK,YAER,QAAQ,GACA,EACV,QAAQ,IACL,CACP,CAAC;AAOF,MAAM,iCAAiC,GAEnC,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACvC,cACE,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAOF,MAAM,gCAAgC,GAElC,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACvC,cACE,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAaF,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,IAAI,EACJ,KAAK,EACL,eAAe,EACf,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,sEAAsE,CACvE,aAED,aACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,sDAAsD,KAC7D,KAAK,aAER,KAAK,IAAI,CACR,KAAC,gCAAgC,cAC9B,KAAK,GAC2B,CACpC,EACD,eAAK,SAAS,EAAE,qBAAqB,aACnC,KAAC,0BAA0B,IAAC,QAAQ,EAAE,QAAQ,YAC3C,gBAAgB,GACU,EAC5B,eAAe,IAAI,KAAC,YAAY,IAAC,IAAI,EAAE,eAAe,GAAI,IACvD,IACJ,EACH,aAAa,IAAI,CAChB,KAAC,iCAAiC,cAC/B,aAAa,GACoB,CACrC,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,kBAAkB,EAAC,CAAC"}

package/dist/components/layout/tabBar/TabBar.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { type SvgIconComponent } from '../..';
+import { TabBarContext } from './TabBarContext';
+export interface TabBarProps extends Pick<TabBarContext, 'currentTab' | 'onTabChange'> {
+    children?: React.ReactNode;
+}
+declare const TabBar: React.FC<TabBarProps>;
+export interface TabBarTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
+    value: string;
+    disabled?: boolean;
+}
+declare const TabBarTrigger: React.FC<TabBarTriggerProps>;
+export interface TabBarPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+    forceMount?: boolean;
+}
+declare const TabBarPanel: React.FC<TabBarPanelProps>;
+declare const tabBarListButtonVariants: (props?: ({
+    position?: "left" | "right" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface TabBarListButtonProps extends VariantProps<typeof tabBarListButtonVariants> {
+    onClick: React.HTMLAttributes<HTMLDivElement>['onClick'];
+    icon: SvgIconComponent;
+}
+export interface TabBarListProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const TabBarList: React.FC<TabBarListProps>;
+export { TabBar, TabBarList, TabBarTrigger, TabBarPanel };
+//# sourceMappingURL=TabBar.d.ts.map

package/dist/components/layout/tabBar/TabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/tabBar/TabBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAU,KAAK,gBAAgB,EAAC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAC,aAAa,EAAmB,MAAM,iBAAiB,CAAC;AAIhE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,aAAa,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAOjC,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqC/C,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0B3C,CAAC;AAEF,QAAA,MAAM,wBAAwB;;mFAU7B,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,YAAY,CAAC,OAAO,wBAAwB,CAAC;IACrD,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAYD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwIzC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAC,CAAC"}

package/dist/components/layout/tabBar/TabBar.js

@@ -0,0 +1,118 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { cva } from 'class-variance-authority';
+import { SvgIcon } from '../..';
+import { IconChevronLeft, IconChevronRight } from '../../../icons';
+import { cn, debounce } from '../../../utils';
+import { TabBarContext, useTabBarContext } from './TabBarContext';
+const TabBar = ({ children, currentTab, onTabChange }) => {
+    const id = React.useId();
+    return (_jsx(TabBarContext.Provider, { value: { currentTab, onTabChange, id }, children: children }));
+};
+const tabIdPrefix = 'tab';
+const tabPanelIdPrefix = 'tabpanel';
+const TabBarTrigger = ({ children, value, className, disabled = false, ...props }) => {
+    const { currentTab, onTabChange, id } = useTabBarContext();
+    const isActive = currentTab === value;
+    return (_jsx("button", { className: cn('flex-[0_0_auto]', className), ...props, type: "button", role: "tab", "data-tab": value, "data-disabled": disabled, tabIndex: isActive ? 0 : -1, id: `${id}-${tabIdPrefix}-${value}`, "aria-controls": `${id}-${tabPanelIdPrefix}-${value}`, "aria-selected": isActive, children: _jsx("div", { className: cn('transition-all cursor-pointer pt-1 pb-3.5 px-3 text-[1.125rem] leading-[1.36] border-b-2 text-draeger-cool-gray-500 border-b-draeger-cool-gray-100 hover:border-b-draeger-cool-gray-500', isActive &&
+                'text-draeger-dark-blue border-b-draeger-dark-blue hover:border-b-draeger-dark-blue', disabled &&
+                'text-draeger-cool-gray-150 border-b-draeger-cool-gray-250 hover:border-b-draeger-cool-gray-250 cursor-not-allowed'), onClick: () => !disabled && onTabChange(value), children: children }) }));
+};
+const TabBarPanel = ({ children, className, value, forceMount = true, ...props }) => {
+    const { currentTab, id } = useTabBarContext();
+    const isHidden = currentTab !== value;
+    if (!forceMount && isHidden)
+        return;
+    return (_jsx("div", { tabIndex: 0, role: "tabpanel", id: `${id}-${tabPanelIdPrefix}-${value}`, "aria-labelledby": `${id}-${tabIdPrefix}-${value}`, "aria-hidden": isHidden, hidden: isHidden, className: cn('font-text', isHidden && 'hidden', className), ...props, children: children }));
+};
+const tabBarListButtonVariants = cva('z-10 select-none absolute top-0 right-0 flex items-start justify-center h-full p-2 cursor-pointer w-11 from-draeger-white via-75% via-draeger-white to-white', {
+    variants: {
+        position: {
+            left: 'left-0 bg-gradient-to-r',
+            right: 'right-0 bg-gradient-to-l',
+        },
+    },
+});
+const TabBarListButton = ({ onClick, icon, position, }) => (_jsx("div", { className: cn(tabBarListButtonVariants({ position })), onClick: onClick, children: _jsx(SvgIcon, { size: 'md', color: 'draeger-air-blue', icon: icon }) }));
+const TabBarList = ({ children, className, ...props }) => {
+    const { currentTab, onTabChange } = useTabBarContext();
+    const [emblaRef, emblaApi] = useEmblaCarousel({
+        align: 'start',
+        containScroll: 'trimSnaps',
+        dragFree: false,
+        watchDrag: false,
+    });
+    const [canScrollNext, setCanScrollNext] = React.useState(false);
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+    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]);
+    React.useEffect(() => {
+        if (!emblaApi) {
+            return;
+        }
+        const emblaRootNode = emblaApi.rootNode();
+        const index = Array.from(emblaRootNode.querySelectorAll('[data-tab]')).findIndex(el => el.getAttribute('data-tab') === currentTab);
+        if (typeof index !== 'undefined')
+            scrollTo(index);
+    }, [currentTab, emblaApi]);
+    const onSelect = React.useCallback(() => {
+        if (!emblaApi) {
+            return;
+        }
+        setCanScrollPrev(emblaApi.canScrollPrev());
+        setCanScrollNext(emblaApi.canScrollNext());
+    }, [emblaApi]);
+    React.useEffect(() => {
+        if (!emblaApi) {
+            return;
+        }
+        const reIntHandler = debounce((api) => {
+            setCanScrollPrev(api.canScrollPrev());
+            setCanScrollNext(api.canScrollNext());
+        }, 100);
+        onSelect();
+        emblaApi.on('select', onSelect);
+        emblaApi.on('reInit', reIntHandler);
+    }, [emblaApi]);
+    const onKeyDownHandler = React.useCallback((e) => {
+        if (!emblaApi) {
+            return;
+        }
+        const keyLeft = e.key === 'ArrowLeft';
+        const keyRight = e.key === 'ArrowRight';
+        if (!keyLeft && !keyRight)
+            return;
+        const emblaRootNode = emblaApi.rootNode();
+        if (!emblaRootNode)
+            return;
+        const tabsNodesArray = Array.from(emblaRootNode.querySelectorAll('[data-tab]'));
+        const currentTabIndex = tabsNodesArray.findIndex(el => el.getAttribute('data-tab') === currentTab);
+        const canGoLeft = currentTabIndex > 0;
+        const canGoRight = currentTabIndex < tabsNodesArray.length - 1;
+        let targetTab;
+        if (canGoLeft && keyLeft) {
+            targetTab = tabsNodesArray
+                .slice(0, currentTabIndex)
+                .reverse()
+                .find(tabNode => tabNode.getAttribute('data-disabled') === 'false');
+        }
+        else if (canGoRight && keyRight) {
+            targetTab = tabsNodesArray
+                .slice(currentTabIndex + 1)
+                .find(tabNode => tabNode.getAttribute('data-disabled') === 'false');
+        }
+        if (targetTab) {
+            const targetTabValue = targetTab.getAttribute('data-tab');
+            if (targetTabValue) {
+                targetTab.focus();
+                onTabChange(targetTabValue);
+            }
+        }
+    }, [emblaApi, currentTab]);
+    return (_jsxs("div", { className: cn('relative font-text mb-4', className), ...props, children: [_jsx("div", { className: "overflow-hidden", children: _jsx("div", { ref: emblaRef, children: _jsx("div", { role: "tablist", className: "flex", onKeyDown: onKeyDownHandler, children: children }) }) }), canScrollPrev && (_jsx(TabBarListButton, { onClick: scrollPrev, position: 'left', icon: IconChevronLeft })), canScrollNext && (_jsx(TabBarListButton, { onClick: scrollNext, position: 'right', icon: IconChevronRight }))] }));
+};
+export { TabBar, TabBarList, TabBarTrigger, TabBarPanel };
+//# sourceMappingURL=TabBar.js.map

package/dist/components/layout/tabBar/TabBar.js.map

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

package/dist/components/layout/tabBar/TabBarContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface TabBarContext {
+    id: string | null;
+    currentTab: string | null;
+    onTabChange: (value: string) => void;
+}
+export declare const TabBarContext: React.Context<TabBarContext>;
+export declare const useTabBarContext: () => TabBarContext;
+//# sourceMappingURL=TabBarContext.d.ts.map

package/dist/components/layout/tabBar/TabBarContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBarContext.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/tabBar/TabBarContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,8BAIxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,qBAAwC,CAAC"}

package/dist/components/layout/tabBar/TabBarContext.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export const TabBarContext = React.createContext({
+    id: null,
+    currentTab: null,
+    onTabChange: () => { },
+});
+export const useTabBarContext = () => React.useContext(TabBarContext);
+//# sourceMappingURL=TabBarContext.js.map

package/dist/components/layout/tabBar/TabBarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBarContext.js","sourceRoot":"","sources":["../../../../src/components/layout/tabBar/TabBarContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAgB;IAC9D,EAAE,EAAE,IAAI;IACR,UAAU,EAAE,IAAI;IAChB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC"}

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

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

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

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

package/dist/components/navigation/{tabbar/TabBar.d.ts → anchorNav/AnchorNav.d.ts}

@@ -3,33 +3,33 @@ export type AnchorType = {
     anchor: string;
     label: string;
 };
-export interface TabBarHorizontalItemProps {
+export interface AnchorNavHorizontalItemProps {
     anchor: string;
     label: string;
     isActive: boolean;
     isVisible: boolean;
 }
-export interface TabBarHorizontalProps {
+export interface AnchorNavHorizontalProps {
     anchors: AnchorType[];
     currentAnchor: string;
     setBottomOffset: (bottomOffset: number) => void;
     isDesktop: boolean;
     isPinned: boolean;
 }
-export interface TabBarVerticalItemProps {
+export interface AnchorNavVerticalItemProps {
     anchor: string;
     label: string;
     onClick: () => void;
     isActive: boolean;
 }
-export interface TabBarVerticalProps {
+export interface AnchorNavVerticalProps {
     currentAnchor: string;
     anchors: AnchorType[];
     isHeaderHidden?: boolean;
 }
-export interface TabBarProps {
+export interface AnchorNavProps {
     anchors: AnchorType[];
     initialAnchor?: string;
 }
-export declare const TabBar: React.FC<TabBarProps>;
-//# sourceMappingURL=TabBar.d.ts.map
+export declare const AnchorNav: React.FC<AnchorNavProps>;
+//# sourceMappingURL=AnchorNav.d.ts.map

package/dist/components/navigation/anchorNav/AnchorNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorNav.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/anchorNav/AnchorNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2H/B,MAAM,MAAM,UAAU,GAAG;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AAEzD,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmXD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwH9C,CAAC"}

package/dist/components/navigation/{tabbar/TabBar.js → anchorNav/AnchorNav.js}

@@ -42,7 +42,7 @@ const scrollToSmoothly = async ({ options, element, }) => {
 };
 const scrollingState = { isScrolling: false };
 /**
- * Rest of height values to 0 until the combined layout of Header, Breadcrumbs and TabBar is master-ready.
+ * Rest of height values to 0 until the combined layout of Header, Breadcrumbs and AnchorNav is master-ready.
  * In addition, it's currently not clear if the header will be sticky or not. For now, we will leave it non-sticky.
  */
 const HEADER_HEIGHT = 0;
@@ -51,7 +51,7 @@ const BREADCRUMBS_HEIGHT = 0;
 const SECTION_PADDING = 40;
 /*
   TODO: It doesn't work correctly in some cases
-  Revisit the logic once the combined layout of Header, Breadcrumbs and TabBar is ready
+  Revisit the logic once the combined layout of Header, Breadcrumbs and AnchorNav is ready
 */
 const getTopOffset = (isHeaderHidden, isDesktop) => {
     const breadcrumbsHeight = isDesktop ? BREADCRUMBS_HEIGHT : 0;
@@ -88,12 +88,12 @@ const triggerScrollTo = async (anchor, isDesktop, event) => {
 };
 // Used in calculations, because getBoundingClientRect().width does not include margins
 const ITEM_RIGHT_MARGIN = 24;
-const TabBarHorizontalItem = ({ anchor, label, isActive, isVisible, }) => (_jsx("a", { href: `#${anchor}`, "data-anchor": anchor, className: cn('inline-block mr-6 mt-2 mb-4 transition-opacity duration-100 relative md:mt-0 md:mb-0', isVisible
+const AnchorNavHorizontalItem = ({ anchor, label, isActive, isVisible, }) => (_jsx("a", { href: `#${anchor}`, "data-anchor": anchor, className: cn('inline-block mr-6 mt-2 mb-4 transition-opacity duration-100 relative md:mt-0 md:mb-0', isVisible
         ? 'opacity-100 pointer-events-auto'
         : 'opacity-0 pointer-events-none'), onClick: event => triggerScrollTo(anchor, true, event), children: _jsx("span", { className: cn('group text-lg md:text-xl leading-6 cursor-pointer inline-flex w-max items-center justify-center pb-1', 'before:content-[""] before:absolute before:bottom-0 before:h-0.5 before:bg-draeger-air-blue before:transition-all before:w-0', isActive && 'text-draeger-air-blue before:w-full'), children: label }) }));
 // An empty invisible filler is used to push all scroll items to the end of the wrapper
 const SPACE_FILLER_WIDTH = 1000;
-const TabBarHorizontal = ({ anchors, currentAnchor, isDesktop, isPinned, setBottomOffset, }) => {
+const AnchorNavHorizontal = ({ anchors, currentAnchor, isDesktop, isPinned, setBottomOffset, }) => {
     const [state, setState] = React.useState({ start: 0, end: 1 });
     const containerRef = React.useRef(null);
     const calcVisibleItems = (callback) => {
@@ -203,14 +203,14 @@ const TabBarHorizontal = ({ anchors, currentAnchor, isDesktop, isPinned, setBott
     return (_jsx("div", { className: cn('md:h-16 transition-colors flex', isPinned ? ' bg-draeger-pale-blue' : 'bg-transparent'), children: _jsxs(ContentArea, { className: "flex items-center h-full", children: [_jsxs("ul", { ref: containerRef, className: cn('text-semibold font-semibold overflow-y-hidden overflow-x-hidden whitespace-wrap pt-4 md:whitespace-nowrap md:pt-0 transition-colors'), children: [anchors.map(({ anchor, label }, index) => {
                             const isVisible = index >= state.start && index < state.end;
                             const isActive = currentAnchor === anchor;
-                            return (_jsx(TabBarHorizontalItem, { anchor: anchor, label: label, isActive: isActive, isVisible: isVisible }, anchor));
+                            return (_jsx(AnchorNavHorizontalItem, { anchor: anchor, label: label, isActive: isActive, isVisible: isVisible }, anchor));
                         }), isDesktop && (_jsx("div", { className: "inline-block", style: { width: SPACE_FILLER_WIDTH + 'px' } }))] }), !(state.start === 0 && state.end === anchors.length) && (_jsxs("div", { className: "justify-center hidden ml-5 md:flex", children: [_jsx(Button, { variant: isPinned ? 'secondary-dark-blue' : 'secondary-air-blue', size: 'sm', className: "mr-3 select-none", disabled: state.start === 0, onClick: handleLeftArrowClick, children: _jsx(SvgIcon, { size: 'sm', icon: IconArrowLeft }) }), _jsx(Button, { variant: isPinned ? 'secondary-dark-blue' : 'secondary-air-blue', size: 'sm', className: "select-none", onClick: handleRightArrowClick, disabled: state.end === anchors.length, children: _jsx(SvgIcon, { size: 'sm', icon: IconArrowRight }) })] }))] }) }));
 };
-const TabBarVerticalItem = ({ anchor, label, onClick, isActive, }) => (_jsx("a", { href: `#${anchor}`, className: 'flex items-center h-16 py-2 text-xl list-none', "data-anchor": anchor, onClick: event => {
+const AnchorNavVerticalItem = ({ anchor, label, onClick, isActive, }) => (_jsx("a", { href: `#${anchor}`, className: 'flex items-center h-16 py-2 text-xl list-none', "data-anchor": anchor, onClick: event => {
         onClick();
         triggerScrollTo(anchor, true, event);
     }, children: _jsx("span", { className: cn('cursor-pointer', isActive && 'text-draeger-air-blue border-b-2 border-draeger-air-blue'), children: label }) }));
-const TabBarVertical = ({ currentAnchor, anchors, isHeaderHidden, }) => {
+const AnchorNavVertical = ({ currentAnchor, anchors, isHeaderHidden, }) => {
     const [collapsibleHeight, setCollapsibleHeight] = React.useState(0);
     const [on, handleToggle] = useToggle(false);
     const collapsibleRef = React.useRef(null);
@@ -257,9 +257,9 @@ const TabBarVertical = ({ currentAnchor, anchors, isHeaderHidden, }) => {
         `);
         }
     }, [on, isHeaderHidden]);
-    return (_jsxs("div", { className: "h-16 font-semibold text-semibold touch-none bg-draeger-pale-blue", children: [_jsx("div", { ref: collapsibleContainerRef, className: cn('h-16 w-full ease-in-out	transition-[height] absolute overflow-hidden', on && 'overflow-scroll overscroll-y-contain bg-draeger-pale-blue'), children: _jsx(ContentArea, { ref: collapsibleRef, children: _jsx("ul", { className: cn('overflow-scroll'), children: anchors.map(({ anchor, label }) => (_jsx(TabBarVerticalItem, { anchor: anchor, label: label, onClick: handleToggle, isActive: currentAnchor === anchor }, anchor))) }) }) }), _jsx(ContentArea, { className: "relative", children: _jsx(Button, { variant: 'ghost-inherit', className: cn('absolute right-0 top-4 h-auto py-0 px-0 transition-all', on && 'rotate-180'), onClick: handleToggle, children: _jsx(SvgIcon, { size: 'lg', icon: IconChevronDown }) }) })] }));
+    return (_jsxs("div", { className: "h-16 font-semibold text-semibold touch-none bg-draeger-pale-blue", children: [_jsx("div", { ref: collapsibleContainerRef, className: cn('h-16 w-full ease-in-out	transition-[height] absolute overflow-hidden', on && 'overflow-scroll overscroll-y-contain bg-draeger-pale-blue'), children: _jsx(ContentArea, { ref: collapsibleRef, children: _jsx("ul", { className: cn('overflow-scroll'), children: anchors.map(({ anchor, label }) => (_jsx(AnchorNavVerticalItem, { anchor: anchor, label: label, onClick: handleToggle, isActive: currentAnchor === anchor }, anchor))) }) }) }), _jsx(ContentArea, { className: "relative", children: _jsx(Button, { variant: 'ghost-inherit', className: cn('absolute right-0 top-4 h-auto py-0 px-0 transition-all', on && 'rotate-180'), onClick: handleToggle, children: _jsx(SvgIcon, { size: 'lg', icon: IconChevronDown }) }) })] }));
 };
-export const TabBar = ({ anchors, initialAnchor }) => {
+export const AnchorNav = ({ anchors, initialAnchor, }) => {
     const [isPinned, setIsPinned] = React.useState(false);
     const [bottomOffset, setBottomOffset] = React.useState(0);
     const [currentAnchor, setCurrentAnchor] = React.useState(initialAnchor || anchors[0]?.anchor || '');
@@ -317,8 +317,8 @@ export const TabBar = ({ anchors, initialAnchor }) => {
                     top: isHeaderHidden
                         ? `${isMobile ? 0 : BREADCRUMBS_HEIGHT}px`
                         : `${isMobile ? HEADER_HEIGHT : HEADER_HEIGHT + BREADCRUMBS_HEIGHT}px`,
-                }, ref: containerRef, children: isMobile && isPinned ? (_jsx(TabBarVertical, { anchors: anchors, currentAnchor: currentAnchor, isHeaderHidden: isHeaderHidden })) : (_jsx(TabBarHorizontal, { setBottomOffset: setBottomOffset, anchors: anchors, currentAnchor: currentAnchor, isDesktop: !isMobile, isPinned: isPinned })) }), _jsx("div", { id: "headHideBoundary", style: {
+                }, ref: containerRef, children: isMobile && isPinned ? (_jsx(AnchorNavVertical, { anchors: anchors, currentAnchor: currentAnchor, isHeaderHidden: isHeaderHidden })) : (_jsx(AnchorNavHorizontal, { setBottomOffset: setBottomOffset, anchors: anchors, currentAnchor: currentAnchor, isDesktop: !isMobile, isPinned: isPinned })) }), _jsx("div", { id: "headHideBoundary", style: {
                     height: !isPinned && isMobile ? bottomOffset - 64 + 'px' : '0px',
                 } })] }));
 };
-//# sourceMappingURL=TabBar.js.map
+//# sourceMappingURL=AnchorNav.js.map