@odx/websites-react 0.0.3 → 0.0.5

package/dist/components/layout/accordion/Accordion.js

@@ -8,7 +8,8 @@ import { AccordionContext, AccordionItemContext, useAccordionItemContext, } from
 import { SvgIcon } from '../../images-icons/svg-icon';
 import { IconChevronDown } from '../../../icons';
 import { ContentArea } from '../contentArea';
-const Accordion = ({ defaultValues = [], children, className, theme = 'light', singleActiveItem = false, ...props }) => {
+import { Headline } from '../../typography/headline';
+const Accordion = ({ defaultValues = [], children, className, size = 'md', ...props }) => {
     const [activeItems, setActiveItems] = React.useState(defaultValues);
     const toggleItem = (item) => {
         if (activeItems.includes(item)) {
@@ -16,80 +17,38 @@ const Accordion = ({ defaultValues = [], children, className, theme = 'light', s
             setActiveItems(updatedItems);
         }
         else {
-            setActiveItems(singleActiveItem ? [item] : [...activeItems, item]);
+            setActiveItems([item]);
         }
     };
-    return (_jsx(AccordionContext.Provider, { value: { activeItems, toggleItem, theme }, children: _jsx(ContentArea, { ...props, className: cn('font-text flex flex-col gap-6', className), children: children }) }));
+    return (_jsx(AccordionContext.Provider, { value: { activeItems, toggleItem, size }, children: _jsx(ContentArea, { ...props, className: cn('font-text flex flex-col border-t border-t-draeger-cool-gray-250', className), children: children }) }));
 };
-const baseAccordionItemToggleClassName = 'w-full py-3 cursor-pointer flex justify-between align-middle font-text font-semibold text-2xl leading-7';
-// TODO: missing Color-token
-const accordionItemToggleLightVariants = cva(baseAccordionItemToggleClassName, {
+const baseAccordionItemToggleClassName = 'disabled:pointer-events-none px-6 w-full cursor-pointer flex justify-between align-middle font-text font-semibold text-2xl leading-7 focus:outline-none focus:ring-2 focus:ring-draeger-air-blue hover:bg-draeger-field-disabled';
+const accordionToggleVariants = cva(baseAccordionItemToggleClassName, {
     variants: {
-        state: {
-            closed: 'text-[#4E4949]',
-            expanded: 'text-draeger-dark-blue',
+        size: {
+            sm: 'py-1.5',
+            md: 'py-2.5',
+            lg: 'py-4',
         },
     },
     defaultVariants: {
-        state: 'closed',
+        size: 'md',
     },
 });
-const accordionItemToggleDarkVariants = cva(baseAccordionItemToggleClassName, {
-    variants: {
-        state: {
-            closed: 'text-draeger-white',
-            expanded: 'text-draeger-cool-gray-500',
-        },
-    },
-    defaultVariants: {
-        state: 'closed',
-    },
-});
-const AccordionItemToggle = ({ headline, className, ...props }) => {
-    const { isExpanded, value, theme, toggleItem } = useAccordionItemContext();
-    const state = isExpanded ? 'expanded' : 'closed';
-    const classNameVariants = theme === 'light'
-        ? accordionItemToggleLightVariants({ state, className })
-        : accordionItemToggleDarkVariants({ state, className });
-    return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(classNameVariants), children: [headline, _jsx(SvgIcon, { size: 'md', icon: IconChevronDown, className: cn('ml-4', isExpanded && 'rotate-180 transition-all') })] }));
+const AccordionItemToggle = ({ headline, className, headingLevel, ...props }) => {
+    const { isExpanded, value, toggleItem, size } = useAccordionItemContext();
+    return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(accordionToggleVariants({ size }), className), children: [_jsx(Headline, { className: cn('text-draeger-dark-gray', props.disabled && 'text-draeger-cool-gray-150'), headingLevel: headingLevel || 'h6', children: headline }), _jsx(SvgIcon, { size: 'md', icon: IconChevronDown, color: props.disabled ? 'draeger-cool-gray-150' : 'draeger-cool-gray-750', className: 'ml-4' })] }));
 };
 const AccordionItem = ({ children, value, ...props }) => (_jsx(AccordionItemContext.Provider, { value: value, children: _jsx(AccordionItemWrapper, { ...props, children: children }) }));
-const baseAccordionItemWrapperClassName = 'text-draeger-dark-blue transition-all px-5';
-const accordionItemWrapperLightVariants = cva(baseAccordionItemWrapperClassName, {
-    variants: {
-        state: {
-            closed: 'bg-draeger-warm-gray-150',
-            expanded: 'bg-draeger-pale-blue',
-        },
-    },
-    defaultVariants: {
-        state: 'closed',
-    },
-});
-const accordionItemWrapperDarkVariants = cva(baseAccordionItemWrapperClassName, {
-    variants: {
-        state: {
-            closed: 'bg-draeger-cool-gray-250',
-            expanded: 'bg-draeger-white',
-        },
-    },
-    defaultVariants: {
-        state: 'closed',
-    },
-});
+const baseAccordionItemWrapperClassName = 'text-draeger-dark-gray transition-all';
 const AccordionItemWrapper = ({ className, children, ...props }) => {
-    const { isExpanded, theme } = useAccordionItemContext();
-    const state = isExpanded ? 'expanded' : 'closed';
-    const classNameVariants = theme === 'light'
-        ? accordionItemWrapperLightVariants({ state, className })
-        : accordionItemWrapperDarkVariants({ state, className });
-    return (_jsx("div", { ...props, className: cn(classNameVariants, isExpanded && 'pt-2'), children: children }));
+    return (_jsx("div", { ...props, className: cn('border-b border-b-draeger-cool-gray-250', baseAccordionItemWrapperClassName, className), children: children }));
 };
 AccordionItem.displayName = 'AccordionItem';
 const AccordionContent = ({ children }) => {
     const { isExpanded, value } = useAccordionItemContext();
     const [ref, contentHeight] = useElementHeight([isExpanded]);
-    return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out', isExpanded ? 'opacity-100' : 'opacity-0', isExpanded && 'pt-5 pb-8'), role: "region", id: `panel_${value}`, "aria-labelledby": `trigger_${value}`, children: _jsx("div", { className: cn('overflow-hidden transition-[height] duration-300 ease-in-out'), style: { height: isExpanded ? `${contentHeight}px` : '0' }, children: _jsx("div", { ref: ref, hidden: !isExpanded, "aria-hidden": !isExpanded, children: children }) }) }));
+    return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out px-6', isExpanded ? 'opacity-100 pt-2 pb-8' : 'opacity-0'), role: "region", id: `panel_${value}`, "aria-labelledby": `trigger_${value}`, children: _jsx("div", { className: cn('overflow-hidden transition-[height] duration-300 ease-in-out'), style: { height: isExpanded ? `${contentHeight}px` : '0' }, children: _jsx("div", { ref: ref, hidden: !isExpanded, "aria-hidden": !isExpanded, children: children }) }) }));
 };
 export { Accordion, AccordionItem, AccordionContent, AccordionItemToggle };
 //# sourceMappingURL=Accordion.js.map

package/dist/components/layout/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.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,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AA0B3C,MAAM,SAAS,GAA6B,CAAC,EAC3C,aAAa,GAAG,EAAE,EAClB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,OAAO,EACf,gBAAgB,GAAG,KAAK,EACxB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/B,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CACrC,YAAY,CAAC,EAAE,CAAC,YAAY,KAAK,IAAI,CACtC,CAAC;YACF,cAAc,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;QACrE,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,YAChE,KAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,YAExD,QAAQ,GACG,GACY,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gCAAgC,GACpC,yGAAyG,CAAC;AAE5G,4BAA4B;AAC5B,MAAM,gCAAgC,GAAG,GAAG,CAAC,gCAAgC,EAAE;IAC7E,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,gBAAgB;YACxB,QAAQ,EAAE,wBAAwB;SACnC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,+BAA+B,GAAG,GAAG,CAAC,gCAAgC,EAAE;IAC5E,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,oBAAoB;YAC5B,QAAQ,EAAE,4BAA4B;SACvC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAC,GAAG,uBAAuB,EAAE,CAAC;IACzE,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;IACjD,MAAM,iBAAiB,GACrB,KAAK,KAAK,OAAO;QACf,CAAC,CAAC,gCAAgC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC;QACtD,CAAC,CAAC,+BAA+B,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC;IAE1D,OAAO,CACL,qBACM,KAAK,mBACM,UAAU,EACzB,EAAE,EAAE,WAAW,KAAK,EAAE,mBACP,SAAS,KAAK,EAAE,EAC/B,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAE/B,QAAQ,EACT,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,eAAe,EACrB,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,UAAU,IAAI,2BAA2B,CAAC,GAChE,IACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,EACnD,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACzC,KAAC,oBAAoB,OAAK,KAAK,YAAG,QAAQ,GAAwB,GACpC,CACjC,CAAC;AAEF,MAAM,iCAAiC,GACrC,4CAA4C,CAAC;AAE/C,MAAM,iCAAiC,GAAG,GAAG,CAC3C,iCAAiC,EACjC;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,0BAA0B;YAClC,QAAQ,EAAE,sBAAsB;SACjC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,QAAQ;KAChB;CACF,CACF,CAAC;AAEF,MAAM,gCAAgC,GAAG,GAAG,CAC1C,iCAAiC,EACjC;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,0BAA0B;YAClC,QAAQ,EAAE,kBAAkB;SAC7B;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,QAAQ;KAChB;CACF,CACF,CAAC;AAEF,MAAM,oBAAoB,GAAwC,CAAC,EACjE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,UAAU,EAAE,KAAK,EAAC,GAAG,uBAAuB,EAAE,CAAC;IACtD,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEjD,MAAM,iBAAiB,GACrB,KAAK,KAAK,OAAO;QACf,CAAC,CAAC,iCAAiC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC;QACvD,CAAC,CAAC,gCAAgC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC;IAE3D,OAAO,CACL,iBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,UAAU,IAAI,MAAM,CAAC,YACnE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,gBAAgB,GAAoC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IACvE,MAAM,EAAC,UAAU,EAAE,KAAK,EAAC,GAAG,uBAAuB,EAAE,CAAC;IACtD,MAAM,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,gBAAgB,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAE5D,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EACxC,UAAU,IAAI,WAAW,CAC1B,EACD,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,SAAS,KAAK,EAAE,qBACH,WAAW,KAAK,EAAE,YAEnC,cACE,SAAS,EAAE,EAAE,CACX,8DAA8D,CAC/D,EACD,KAAK,EAAE,EAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,GAAG,EAAC,YAExD,cAAK,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,UAAU,iBAAe,CAAC,UAAU,YACzD,QAAQ,GACL,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,CAAC"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/accordion/AccordionContext.d.ts

@@ -2,12 +2,12 @@ import * as React from 'react';
 interface AccordionContextType {
     activeItems: string[];
     toggleItem: (item: string) => void;
-    theme: 'light' | 'dark';
+    size: 'lg' | 'md' | 'sm';
 }
 export declare const AccordionContext: React.Context<AccordionContextType>;
 export declare const AccordionItemContext: React.Context<string>;
 export declare const useAccordionItemContext: () => {
-    theme: "dark" | "light";
+    size: "sm" | "md" | "lg";
     value: string;
     isExpanded: boolean;
     toggleItem: () => void;

package/dist/components/layout/accordion/AccordionContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/AccordionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,qCAI3B,CAAC;AAEH,eAAO,MAAM,oBAAoB,uBAA0B,CAAC;AAE5D,eAAO,MAAM,uBAAuB;;;;;CAOnC,CAAC"}
+{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/AccordionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,qCAI3B,CAAC;AAEH,eAAO,MAAM,oBAAoB,uBAA0B,CAAC;AAE5D,eAAO,MAAM,uBAAuB;;;;;CAOnC,CAAC"}

package/dist/components/layout/accordion/AccordionContext.js

@@ -2,13 +2,13 @@ import * as React from 'react';
 export const AccordionContext = React.createContext({
     activeItems: [],
     toggleItem: () => { },
-    theme: 'light',
+    size: 'sm',
 });
 export const AccordionItemContext = React.createContext('');
 export const useAccordionItemContext = () => {
     const value = React.useContext(AccordionItemContext);
-    const { theme, activeItems, toggleItem } = React.useContext(AccordionContext);
+    const { size, activeItems, toggleItem } = React.useContext(AccordionContext);
     const isExpanded = activeItems.includes(value);
-    return { theme, value, isExpanded, toggleItem: () => toggleItem(value) };
+    return { size, value, isExpanded, toggleItem: () => toggleItem(value) };
 };
 //# sourceMappingURL=AccordionContext.js.map

package/dist/components/layout/accordion/AccordionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContext.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/AccordionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAuB;IACxE,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,KAAK,EAAE,OAAO;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE5E,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;AACzE,CAAC,CAAC"}
+{"version":3,"file":"AccordionContext.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/AccordionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAuB;IACxE,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,IAAI,EAAE,IAAI;CACX,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,EAAC,IAAI,EAAE,WAAW,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE3E,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,EAAC,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;AACxE,CAAC,CAAC"}

package/dist/components/layout/calloutMedia/CalloutMedia.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Image, LinkButtonProps, type SectionWrapperProps, type RichTextType } from '../..';
+import { LinkComponent } from '../../../utils';
+export interface CalloutMediaProps extends LinkComponent, React.HTMLAttributes<HTMLDivElement> {
+    headline: string;
+    copytext: RichTextType;
+    linkButtonProps: LinkButtonProps;
+    imageProps: React.ComponentProps<typeof Image>;
+    sectionProps?: SectionWrapperProps;
+}
+declare const CalloutMedia: React.FC<CalloutMediaProps>;
+export { CalloutMedia };
+//# sourceMappingURL=CalloutMedia.d.ts.map

package/dist/components/layout/calloutMedia/CalloutMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,EAIL,eAAe,EACf,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAIjD,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsC7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/layout/calloutMedia/CalloutMedia.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, SectionWrapper, LinkButton, FullWidth, } from '../..';
+import { cn } from '../../../utils';
+import { SectionHeaderWithSubtitle } from '../../typography/sectionHeaderWithSubtitle/SectionHeaderWithSubtitle';
+import { IconChevronDown } from '../../../icons';
+const CalloutMedia = ({ headline, copytext, linkButtonProps, imageProps, sectionProps, LinkComponent, }) => {
+    return (_jsx(FullWidth, { children: _jsx(SectionWrapper, { className: cn('py-0', sectionProps?.className), background: 'lightSand', ...sectionProps, children: _jsxs("div", { className: "flex flex-col xl:min-h-screen xl:flex-row", children: [_jsxs("div", { className: "flex flex-col mx-auto pt-9 pb-12 px-12 basis-1/2 grow xl:basis-1/3", children: [_jsx(SectionHeaderWithSubtitle, { header: headline, subtitle: copytext.value ?? '' }), _jsx(LinkButton, { LinkComponent: LinkComponent, icon: IconChevronDown, className: cn('self-start mt-16 xl:mt-auto', linkButtonProps.className), ...linkButtonProps })] }), _jsx("div", { className: "flex basis-1/2 grow xl:basis-2/3", children: _jsx(Image, { ...imageProps, className: "w-full h-full" }) })] }) }) }));
+};
+export { CalloutMedia };
+//# sourceMappingURL=CalloutMedia.js.map

package/dist/components/layout/calloutMedia/CalloutMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,KAAK,EACL,cAAc,EACd,UAAU,EACV,SAAS,GAIV,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,yBAAyB,EAAC,MAAM,sEAAsE,CAAC;AAC/G,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAY/C,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,UAAU,EACV,YAAY,EACZ,aAAa,GACd,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,cACR,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,EAC9C,UAAU,EAAE,WAAW,KACnB,YAAY,YAEhB,eAAK,SAAS,EAAC,2CAA2C,aACxD,eAAK,SAAS,EAAC,oEAAoE,aACjF,KAAC,yBAAyB,IACxB,MAAM,EAAE,QAAQ,EAChB,QAAQ,EAAE,QAAQ,CAAC,KAAK,IAAI,EAAE,GAC9B,EACF,KAAC,UAAU,IACT,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,eAAe,EACrB,SAAS,EAAE,EAAE,CACX,6BAA6B,EAC7B,eAAe,CAAC,SAAS,CAC1B,KACG,eAAe,GACnB,IACE,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,KAAK,OAAK,UAAU,EAAE,SAAS,EAAC,eAAe,GAAG,GAC/C,IACF,GACS,GACP,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

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

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

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

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

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

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

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

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

package/dist/components/layout/calloutQuote/CalloutQuote.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export interface CalloutQuoteProps extends VariantProps<typeof blockquoteVariants> {
+    headline: string;
+    signature?: string;
+    author?: string;
+    withQuotationMark?: boolean;
+}
+declare const blockquoteVariants: (props?: ({
+    align?: "left" | "center" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const CalloutQuote: React.FC<CalloutQuoteProps>;
+export {};
+//# sourceMappingURL=CalloutQuote.d.ts.map

package/dist/components/layout/calloutQuote/CalloutQuote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutQuote.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAIhE,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAcD,QAAA,MAAM,kBAAkB;;mFAUtB,CAAC;AAQH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsBpD,CAAC"}

package/dist/components/layout/calloutQuote/CalloutQuote.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { BodyText } from '../..';
+import { cn } from '../../../utils';
+const quoteWrapperClasses = `
+  box-content px-5 pt-12 pb-16 md:pt-14 md:px-6 lg:pb-20 lg:px-9 xl:px-11
+  w-full xl:max-w-[min(calc(77.25%),theme(maxWidth.content-2))]
+  text-draeger-dark-blue bg-draeger-pale-blue
+`;
+const blockquoteClasses = `
+  break-words relative
+  pb-14 px-5 md:px-4 lg:pb-20
+  text-[1.8125rem] leading-[2.2475rem] lg:text-[2.1875rem] lg:leading-[2.7125rem]
+`;
+const blockquoteVariants = cva(blockquoteClasses, {
+    variants: {
+        align: {
+            left: 'text-left before:absolute before:left-1.5 before:md:left-0',
+            center: 'text-center',
+        },
+    },
+    defaultVariants: {
+        align: 'left',
+    },
+});
+const CalloutQuoteWrapper = ({ children }) => (_jsx("section", { className: "flex justify-center w-full mx-auto font-text xl:px-9 pb-11 xl:pb-20 2xl:pb-32", children: _jsx("div", { className: cn(quoteWrapperClasses), children: children }) }));
+export const CalloutQuote = ({ headline, author, signature, align, withQuotationMark = false, }) => (_jsxs(CalloutQuoteWrapper, { children: [_jsx("blockquote", { className: cn(blockquoteVariants({ align }), withQuotationMark &&
+                'before:content-[open-quote] after:content-[close-quote]'), children: headline }), _jsxs("div", { className: "px-4", children: [author && _jsx(BodyText, { weight: 'bold', children: author }), signature && _jsx(BodyText, { children: signature })] })] }));
+//# sourceMappingURL=CalloutQuote.js.map

package/dist/components/layout/calloutQuote/CalloutQuote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutQuote.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAUlC,MAAM,mBAAmB,GAAG;;;;CAI3B,CAAC;AAEF,MAAM,iBAAiB,GAAG;;;;CAIzB,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAChD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,4DAA4D;YAClE,MAAM,EAAE,aAAa;SACtB;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAsC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAC7E,kBAAS,SAAS,EAAC,+EAA+E,YAChG,cAAK,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,YAAG,QAAQ,GAAO,GACjD,CACX,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,iBAAiB,GAAG,KAAK,GAC1B,EAAE,EAAE,CAAC,CACJ,MAAC,mBAAmB,eAClB,qBACE,SAAS,EAAE,EAAE,CACX,kBAAkB,CAAC,EAAC,KAAK,EAAC,CAAC,EAC3B,iBAAiB;gBACf,yDAAyD,CAC5D,YAEA,QAAQ,GACE,EACb,eAAK,SAAS,EAAC,MAAM,aAClB,MAAM,IAAI,KAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,YAAG,MAAM,GAAY,EACvD,SAAS,IAAI,KAAC,QAAQ,cAAE,SAAS,GAAY,IAC1C,IACc,CACvB,CAAC"}

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

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

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

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

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

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

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

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

package/dist/components/layout/card/Card.d.ts

@@ -1,21 +1,23 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import { ButtonProps } from '../../actions/button';
-import { BodyTextProps } from '../../typography/bodyText';
-export interface CardDateProps extends React.HTMLAttributes<HTMLParagraphElement> {
-    children: React.ReactNode;
+import { SlimRichTextProps } from '../slimRichText';
+export interface CardSubInfoProps extends SlimRichTextProps {
 }
-declare const CardDate: React.FC<CardDateProps>;
+declare const CardSubInfo: React.FC<CardSubInfoProps>;
 export interface CardHeadlineProps extends React.HTMLAttributes<HTMLHeadingElement> {
     children: React.ReactNode;
 }
 declare const CardHeadline: React.FC<CardHeadlineProps>;
-export interface CardBodyTextProps extends BodyTextProps {
+export interface CardBodyTextProps extends SlimRichTextProps {
 }
 declare const CardBodyText: React.FC<CardBodyTextProps>;
 export interface CardButtonProps extends Omit<ButtonProps, 'size'> {
 }
 declare const CardButton: React.FC<CardButtonProps>;
+export interface CardActionsWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CardActionsWrapper: React.FC<CardActionsWrapperProps>;
 declare const cardVariants: (props?: ({
     variant?: "white" | "paleBlue" | "darkBlue" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -24,5 +26,5 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, Variant
     children?: React.ReactNode | React.ReactNode[];
 }
 declare const Card: React.FC<CardProps>;
-export { Card, CardDate, CardHeadline, CardBodyText, CardButton };
+export { Card, CardSubInfo, CardHeadline, CardBodyText, CardButton, CardActionsWrapper, };
 //# sourceMappingURL=Card.d.ts.map

package/dist/components/layout/card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAS,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAElE,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAOrC,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAa7C,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,aAAa;CAAG;AAE3D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAQ7C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;CAAG;AAErE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYzC,CAAC;AAIF,QAAA,MAAM,YAAY;;mFAWhB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAC,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAS,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAE9D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAa3C,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAa7C,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAW7C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;CAAG;AAErE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAezC,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAWzD,CAAC;AAKF,QAAA,MAAM,YAAY;;mFAWhB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,kBAAkB,GACnB,CAAC"}

package/dist/components/layout/card/Card.js

@@ -3,16 +3,18 @@ import { cva } from 'class-variance-authority';
 import { cn } from '../../../utils';
 import { Headline } from '../../typography/headline';
 import { Button } from '../../actions/button';
-import { BodyText } from '../../typography/bodyText';
-const CardDate = ({ children, className, ...props }) => (_jsx("p", { className: cn('text-inherit text-base leading-normal mb-3.5', className), ...props, children: children }));
-const CardHeadline = ({ children, className, ...props }) => (_jsx(Headline, { textColor: "inherit", headingLevel: "h3", className: cn('mb-3.5', className), ...props, children: children }));
-const CardBodyText = ({ children, className, ...props }) => (_jsx(BodyText, { textColor: "inherit", className: cn('pb-12', className), ...props, children: children }));
-const CardButton = ({ children, className, ...props }) => (_jsx(Button, { size: "card", className: cn('mt-auto font-semibold text-lg', className), ...props, children: children }));
-const cardBaseClasses = 'font-text';
+import { SlimRichText } from '../slimRichText';
+const CardSubInfo = ({ text, className, ...props }) => (_jsx(SlimRichText, { text: text, className: cn('text-inherit leading-normal mb-5 text-lg text-draeger-cool-gray-750', className), ...props }));
+const CardHeadline = ({ children, className, ...props }) => (_jsx(Headline, { textColor: "inherit", headingLevel: "h3", className: cn('mb-3', className), ...props, children: children }));
+const CardBodyText = ({ text, className, ...props }) => (_jsx(SlimRichText, { text: text, textColor: "inherit", className: cn('pb-7 ', className), ...props }));
+const CardButton = ({ children, className, ...props }) => (_jsx(Button, { size: "card", className: cn('text-base group-focus:ring-draeger-air-blue group-focus:ring-1 group-hover:bg-draeger-surface-accent-hover group-active:bg-draeger-surface-accent-click', className), ...props, children: children }));
+const CardActionsWrapper = ({ className, children, ...props }) => (_jsx("div", { className: cn('flex flex-col gap-7 pb-8 min-h-14 items-center', className), ...props, children: children }));
+const cardBaseClasses = 'font-text group';
+// TODO: Delete variants when sections using paleBlue and darkBlue cards will be updated
 const cardVariants = cva(cardBaseClasses, {
     variants: {
         variant: {
-            white: 'bg-draeger-white shadow-draeger-elevation text-draeger-dark-blue',
+            white: 'bg-draeger-light-sand-50 text-draeger-dark-blue',
             paleBlue: 'bg-draeger-pale-blue text-draeger-dark-blue',
             darkBlue: 'bg-draeger-dark-blue text-draeger-white',
         },
@@ -22,7 +24,7 @@ const cardVariants = cva(cardBaseClasses, {
     },
 });
 const Card = ({ imageElement, children, variant, className, ...props }) => {
-    return (_jsxs("div", { className: cn(cardVariants({ variant }), className), ...props, children: [imageElement, _jsx("div", { className: "flex flex-col py-11 px-9", children: children })] }));
+    return (_jsxs("div", { className: cn(cardVariants({ variant }), className), ...props, children: [imageElement, _jsx("div", { className: "flex flex-col px-6 pt-9", children: children })] }));
 };
-export { Card, CardDate, CardHeadline, CardBodyText, CardButton };
+export { Card, CardSubInfo, CardHeadline, CardBodyText, CardButton, CardActionsWrapper, };
 //# sourceMappingURL=Card.js.map

package/dist/components/layout/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,MAAM,EAAc,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAOlE,MAAM,QAAQ,GAA4B,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CAC7E,YACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,YAER,QAAQ,GACP,CACL,CAAC;AAOF,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,QAAQ,IACP,SAAS,EAAC,SAAS,EACnB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,KAC9B,KAAK,YAER,QAAQ,GACA,CACZ,CAAC;AAIF,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,YACvE,QAAQ,GACA,CACZ,CAAC;AAIF,MAAM,UAAU,GAA8B,CAAC,EAC7C,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AAEF,MAAM,eAAe,GAAG,WAAW,CAAC;AAEpC,MAAM,YAAY,GAAG,GAAG,CAAC,eAAe,EAAE;IACxC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,KAAK,EAAE,kEAAkE;YACzE,QAAQ,EAAE,6CAA6C;YACvD,QAAQ,EAAE,yCAAyC;SACpD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AASH,MAAM,IAAI,GAAwB,CAAC,EACjC,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,aAC9D,YAAY,EACb,cAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,IACtD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAC,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,MAAM,EAAc,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAC,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAIhE,MAAM,WAAW,GAA+B,CAAC,EAC/C,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AAOF,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,QAAQ,IACP,SAAS,EAAC,SAAS,EACnB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,KAC5B,KAAK,YAER,QAAQ,GACA,CACZ,CAAC;AAIF,MAAM,YAAY,GAAgC,CAAC,EACjD,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAC7B,KAAK,GACT,CACH,CAAC;AAIF,MAAM,UAAU,GAA8B,CAAC,EAC7C,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CACX,yJAAyJ,EACzJ,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AAKF,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,SAAS,CAAC,KACtE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAE1C,wFAAwF;AACxF,MAAM,YAAY,GAAG,GAAG,CAAC,eAAe,EAAE;IACxC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,KAAK,EAAE,iDAAiD;YACxD,QAAQ,EAAE,6CAA6C;YACvD,QAAQ,EAAE,yCAAyC;SACpD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AASH,MAAM,IAAI,GAAwB,CAAC,EACjC,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,aAC9D,YAAY,EACb,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,IACrD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,kBAAkB,GACnB,CAAC"}

package/dist/components/layout/card/CardGroup.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { GridProps } from '../grid';
+export interface CardGroupProps extends Omit<GridProps, 'cols'> {
+    children: React.ReactNode[];
+    size: 3 | 4;
+}
+declare const CardGroup: React.FC<CardGroupProps>;
+export { CardGroup };
+//# sourceMappingURL=CardGroup.d.ts.map

package/dist/components/layout/card/CardGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/CardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,SAAS,EAAC,MAAM,SAAS,CAAC;AAElD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC;CACb;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAWvC,CAAC;AAEF,OAAO,EAAC,SAAS,EAAC,CAAC"}

package/dist/components/layout/card/CardGroup.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Grid, GridItem } from '../grid';
+const CardGroup = ({ children, className, size, ...props }) => (_jsx(Grid, { cols: size, className: className, ...props, children: children.map((child, index) => (_jsx(GridItem, { children: child }, index))) }));
+export { CardGroup };
+//# sourceMappingURL=CardGroup.js.map

package/dist/components/layout/card/CardGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGroup.js","sourceRoot":"","sources":["../../../../src/components/layout/card/CardGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAY,MAAM,SAAS,CAAC;AAOlD,MAAM,SAAS,GAA6B,CAAC,EAC3C,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YAC9C,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,QAAQ,cAAc,KAAK,IAAb,KAAK,CAAoB,CACzC,CAAC,GACG,CACR,CAAC;AAEF,OAAO,EAAC,SAAS,EAAC,CAAC"}

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

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

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

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

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

@@ -1,2 +1,3 @@
 export * from './Card';
+export * from './CardGroup';
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/layout/carousel/Carousel.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { type ButtonProps } from '../../actions/button';
+export interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
+    cols?: 3 | 4;
+}
+declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
+export interface CarouselControlProps {
+    counterText: string;
+    prevButtonProps: Omit<CarouselControlButtonProps, 'icon'>;
+    nextButtonProps: Omit<CarouselControlButtonProps, 'icon'>;
+}
+export interface CarouselControlButtonProps extends Pick<ButtonProps, 'disabled' | 'onClick' | 'icon'> {
+}
+declare const carouselItemVariants: (props?: ({
+    cols?: 3 | 4 | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof carouselItemVariants> {
+}
+export { Carousel };
+//# sourceMappingURL=Carousel.d.ts.map

package/dist/components/layout/carousel/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/carousel/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAK9D,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACd;AAED,QAAA,MAAM,QAAQ,sFAwDb,CAAC;AAGF,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;IAC1D,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;CAC3D;AAkBD,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;CAAG;AAmB/D,QAAA,MAAM,oBAAoB;;mFAUxB,CAAC;AAEH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAehD,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/components/layout/carousel/Carousel.js

@@ -0,0 +1,52 @@
+'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 { cn } from '../../../utils';
+import { Button } from '../../actions/button';
+import { IconChevronLeft, IconChevronRight } from '../../../icons';
+const Carousel = React.forwardRef(({ className, children, cols = 3, ...props }, ref) => {
+    const [carouselRef, api] = useEmblaCarousel({
+        slidesToScroll: cols,
+        align: 'start',
+    });
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+    const [canScrollNext, setCanScrollNext] = React.useState(false);
+    const [visibleSlidesCount, setVisibleSlidesCount] = React.useState(0);
+    const childNodesArray = React.Children.toArray(children);
+    const onSelect = React.useCallback((api) => {
+        if (!api)
+            return;
+        setVisibleSlidesCount(api.selectedScrollSnap());
+        setCanScrollPrev(api.canScrollPrev());
+        setCanScrollNext(api.canScrollNext());
+    }, []);
+    const scrollPrev = React.useCallback(() => api?.scrollPrev(), [api]);
+    const scrollNext = React.useCallback(() => api?.scrollNext(), [api]);
+    React.useEffect(() => {
+        if (!api)
+            return;
+        onSelect(api);
+        api.on('reInit', onSelect);
+        api.on('select', onSelect);
+    }, [api, onSelect]);
+    return (_jsxs("div", { ref: ref, role: "region", "aria-roledescription": "carousel", className: "font-text", ...props, children: [_jsx("div", { ref: carouselRef, className: cn('overflow-hidden', className), children: _jsx("div", { className: 'flex -ml-6', children: childNodesArray.map((child, index) => (_jsx(CarouselItem, { cols: cols, children: child }, index))) }) }), _jsx(CarouselControl, { counterText: `${visibleSlidesCount + 1}/${Math.ceil(childNodesArray.length / cols)}`, prevButtonProps: { disabled: !canScrollPrev, onClick: scrollPrev }, nextButtonProps: { disabled: !canScrollNext, onClick: scrollNext } })] }));
+});
+Carousel.displayName = 'Carousel';
+const CarouselControl = ({ counterText, prevButtonProps, nextButtonProps, }) => (_jsx("div", { className: "flex justify-end mt-5 select-none", children: _jsxs("div", { className: "flex items-center justify-between gap-x-1.5 w-[9.375rem]", children: [_jsx(CarouselControlButton, { icon: IconChevronLeft, ...prevButtonProps }), _jsx("span", { className: "px-1 text-button-text-large text-draeger-dark-blue", children: counterText }), _jsx(CarouselControlButton, { icon: IconChevronRight, ...nextButtonProps })] }) }));
+const CarouselControlButton = ({ disabled, onClick, icon, }) => (_jsx(Button, { size: 'sm', variant: 'secondary', disabled: disabled, onClick: onClick, className: "px-1.5", icon: icon, buttonIconProps: { size: 'md' }, "aria-hidden": true }));
+const carouselItemVariants = cva('min-w-0 shrink-0 grow-0 pl-6 h-full', {
+    variants: {
+        cols: {
+            3: 'basis-[calc(100%/3)]',
+            4: 'basis-1/4',
+        },
+    },
+    defaultVariants: {
+        cols: 3,
+    },
+});
+const CarouselItem = ({ cols, className, ...props }) => (_jsx("div", { role: "group", "aria-roledescription": "slide", className: cn(carouselItemVariants({ cols, className })), ...props }));
+export { Carousel };
+//# sourceMappingURL=Carousel.js.map

package/dist/components/layout/carousel/Carousel.js.map

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface ContentItemProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export interface ContentItemMediaProps extends React.HTMLAttributes<HTMLDivElement> {
+    mediaAlignment?: 'left' | 'right';
+}
+declare const ContentItemMedia: React.FC<ContentItemMediaProps>;
+export interface ContentItemBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ContentItemBody: React.FC<ContentItemBodyProps>;
+export interface ContentItemBodyHeadingProps extends React.HTMLAttributes<HTMLDivElement> {
+    headline?: string;
+    text?: string;
+}
+declare const ContentItemBodyHeading: React.FC<ContentItemBodyHeadingProps>;
+export interface ContentItemBodyActionWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ContentItemBodyActionWrapper: React.FC<ContentItemBodyActionWrapperProps>;
+declare const ContentItem: React.FC<ContentItemProps>;
+export { ContentItem, ContentItemMedia, ContentItemBody, ContentItemBodyHeading, ContentItemBodyActionWrapper, };
+//# sourceMappingURL=ContentItem.d.ts.map

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

@@ -0,0 +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"}