npm - @odx/websites-react - Versions diffs - 1.0.39 → 1.0.41 - Mend

@odx/websites-react 1.0.39 → 1.0.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (78) hide show

package/dist/components/actions/dropdown/Dropdown.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,wBAAwB,EAAE,SAAS;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAkBjE,QAAA,MAAM,cAAc;;;;;mFAuBlB,CAAC;AAEH,QAAA,MAAM,eAAe;;mFAWnB,CAAC;AAyCH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,~~CAuGrC~~,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}
1	+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,wBAAwB,EAAE,SAAS;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAkBjE,QAAA,MAAM,cAAc;;;;;mFAuBlB,CAAC;AAEH,QAAA,MAAM,eAAe;;mFAWnB,CAAC;AAyCH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2GrC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}

package/dist/components/actions/dropdown/Dropdown.js CHANGED Viewed

@@ -59,7 +59,7 @@ const DropdownOption = ({ option, size }) => {
 };
 const Dropdown = ({ options, selected, onChange, label, disabled, helperText, invalidText, invalid = false, wrapperClassName, placeholder, size, hidden, required, }) => {
     const { id, labelId, helperTextId } = useFieldId();
-    return (_jsxs("div", { className: cn('font-text', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsx(Listbox, { disabled: disabled, value: selected, by: "value", onChange: onChange, children: _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(FormFieldWrapper, { size: size, invalid: invalid, className: "text-draeger-dark-gray", children: _jsxs(ListboxButton, { id: id, tabIndex: 0, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn('group relative text-left pr-14', invalid && 'pr-[5.5rem]'), children: [selected ? selected.label : placeholder, _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "w-5 text-draeger-error", iconName: "feedback-warning", iconSet: "core" })), _jsx(FormFieldIcon, { className: cn('text-draeger-cool-gray-750 group-data-[open]:rotate-180 transition-all duration-100'), iconName: "chevron-down", iconSet: "core", color: disabled ? 'disabled' : undefined })] })] }) }), options.length > 0 && (_jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsx(ListboxOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--button-width)] origin-top transition'), children: options.map((option, idx) => (_jsx(DropdownOption, { size: size, option: option }, idx))) }) }))] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
+    return (_jsxs("div", { className: cn('font-text', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsx(Listbox, { disabled: disabled, value: selected, by: "value", onChange: onChange, children: _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(FormFieldWrapper, { size: size, invalid: invalid, className: "text-draeger-dark-gray", children: _jsxs(ListboxButton, { id: id, tabIndex: 0, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn('group relative text-left pr-14', invalid && 'pr-[5.5rem]'), children: [selected ? selected.label : placeholder, _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "w-5 text-draeger-error", iconName: "feedback-warning", iconSet: "core" })), _jsx(FormFieldIcon, { className: cn('text-draeger-cool-gray-750 group-data-[open]:rotate-180 transition-all duration-100'), iconName: "chevron-down", iconSet: "core", color: disabled ? 'disabled' : undefined })] })] }) }), options.length > 0 && (_jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsx(ListboxOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--button-width)] origin-top transition'), children: options.map((option, idx) => (_jsx(DropdownOption, { size: size, option: option }, `${option.value}-${idx}`))) }) }))] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
 };
 export { Dropdown, optionVariants, optionsVariants };
 //# sourceMappingURL=Dropdown.js.map

package/dist/components/actions/dropdown/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"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~~IAAC~~,IAAI,EAAE,IAAI,~~EAAE~~,MAAM,EAAE,MAAM,~~IAAO~~,GAAG,~~CAAI~~,~~CACzD~~,CAAC,GACa,GACN,CACd,IACG,GACE,EACV,KAAC,mBAAmB,IAClB,EAAE,EAAE,YAAY,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}
1	+ {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/components/images-icons/image/Image.d.ts CHANGED Viewed

@@ -1,7 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
+export type ImageSource = React.SourceHTMLAttributes<HTMLSourceElement>;
 export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof imageVariants> {
-    asChild?: boolean;
+    /**
+     * The sources for the image. If provided, a picture element is rendered.
+     */
+    sources?: ImageSource[];
 }
 declare const imageVariants: (props?: ({
     ratio?: "16/9" | "16/6" | "9/11" | "4/3" | "3/2" | "1/1" | null | undefined;

package/dist/components/images-icons/image/Image.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAI~~/B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,~~OAAO~~,CAAC;~~CACnB~~;AAED,QAAA,MAAM,aAAa;;mFAYjB,CAAC;AAEH,QAAA,MAAM,KAAK,~~qFAYV~~,CAAC;AAGF,OAAO,EAAC,KAAK,EAAC,CAAC"}
1	+ {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACxE,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;CACzB;AAED,QAAA,MAAM,aAAa;;mFAYjB,CAAC;AAEH,QAAA,MAAM,KAAK,qFAsBV,CAAC;AAGF,OAAO,EAAC,KAAK,EAAC,CAAC"}

package/dist/components/images-icons/image/Image.js CHANGED Viewed

@@ -1,7 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
 import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
 import { cn } from '../../../utils';
 const imageVariants = cva('object-cover', {
     variants: {
@@ -16,11 +15,14 @@ const imageVariants = cva('object-cover', {
     },
     defaultVariants: {},
 });
-const Image = React.forwardRef(({ asChild = false, ratio, className, ...props }, ref) => {
+const Image = React.forwardRef(({ ratio, className, sources, ...props }, ref) => {
     if (!props.src)
         return;
-    const Comp = asChild ? Slot : 'img';
-    return (_jsx(Comp, { className: cn(imageVariants({ ratio, className }), 'object-cover w-full'), ref: ref, ...props }));
+    const imgClasses = cn(imageVariants({ ratio, className }), 'object-cover w-full');
+    if (sources) {
+        return (_jsxs("picture", { ref: ref, children: [sources?.map((source, key) => (_jsx("source", { ...source }, `source-${key}`))), _jsx("img", { className: imgClasses, ...props })] }));
+    }
+    return _jsx("img", { className: imgClasses, ref: ref, ...props });
 });
 Image.displayName = 'Image';
 export { Image };

package/dist/components/images-icons/image/Image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,~~IAAI,EAAC,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAC,~~EAAE,EAAC,MAAM,gBAAgB,CAAC;~~AAQlC~~,MAAM,aAAa,GAAG,GAAG,CAAC,cAAc,EAAE;IACxC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,2BAA2B;YACnC,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;SACpB;KACF;IACD,eAAe,EAAE,EAAE;CACpB,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAC,~~OAAO,GAAG,~~KAAK,EAAE,~~KAAK~~,EAAE,~~SAAS~~,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;~~IACrD~~,IAAI,CAAC,KAAK,CAAC,GAAG;QAAE,OAAO;~~IACvB~~,MAAM,~~IAAI~~,GAAG,~~OAAO~~,~~CAAC~~,~~CAAC~~,CAAC,~~IAAI~~,~~CAAC~~,CAAC,CAAC,~~KAAK~~,CAAC;~~IACpC~~,OAAO,CACL,~~KAAC~~,~~IAAI~~,~~IACH~~,~~SAAS~~,~~EAAE~~,EAAE,CAAC,~~aAAa~~,CAAC,~~EAAC~~,~~KAAK~~,EAAE,~~SAAS~~,~~EAAC~~,CAAC,EAAE,~~qBAAqB~~,CAAC,~~EACvE~~,GAAG,EAAE,GAAG,~~KACJ~~,KAAK,~~GACT~~,~~CACH,~~CAAC;~~AACJ~~,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAC,KAAK,EAAC,CAAC"}
1	+ {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAYlC,MAAM,aAAa,GAAG,GAAG,CAAC,cAAc,EAAE;IACxC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,2BAA2B;YACnC,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;SACpB;KACF;IACD,eAAe,EAAE,EAAE;CACpB,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC7C,IAAI,CAAC,KAAK,CAAC,GAAG;QAAE,OAAO;IAEvB,MAAM,UAAU,GAAG,EAAE,CACnB,aAAa,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,EACjC,qBAAqB,CACtB,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,mBAAS,GAAG,EAAE,GAAG,aACd,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,oBAAkC,MAAM,IAA3B,UAAU,GAAG,EAAE,CAAgB,CAC7C,CAAC,EACF,cAAK,SAAS,EAAE,UAAU,KAAM,KAAK,GAAI,IACjC,CACX,CAAC;IACJ,CAAC;IAED,OAAO,cAAK,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AAC7D,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAC,KAAK,EAAC,CAAC"}

package/dist/components/images-icons/video/Video.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { ModalProps } from '../../layout/modal';
+import { type ImageProps } from '../../images-icons/image';
 export interface VideoProps extends React.HTMLAttributes<HTMLDivElement> {
-    imageElement: React.ReactNode;
+    previewImage?: ImageProps;
     videoElement: React.ReactNode;
     buttonText: string;
     className?: string;

package/dist/components/images-icons/video/Video.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAmB,UAAU,EAAC,MAAM,oBAAoB,CAAC;~~AAGhE~~,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,YAAY,EAAE,~~KAAK~~,CAAC~~,SAAS,CAAC~~;~~IAC9B~~,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8C/B,CAAC;AAEF,OAAO,EAAC,KAAK,EAAC,CAAC"}
1	+ {"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAmB,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8C/B,CAAC;AAEF,OAAO,EAAC,KAAK,EAAC,CAAC"}

package/dist/components/images-icons/video/Video.js CHANGED Viewed

@@ -4,11 +4,12 @@ import { Button } from '../../actions/button';
 import { cn } from '../../../utils';
 import { Modal, ModalBody } from '../../layout/modal';
 import { useBreakpoint } from '../../../hooks';
-const Video = ({ imageElement, videoElement, buttonText, className, setOpen, open, modalProps, ...props }) => {
+import { Image } from '../../images-icons/image';
+const Video = ({ previewImage, videoElement, buttonText, className, setOpen, open, modalProps, ...props }) => {
     const isMobile = useBreakpoint('lg');
     const sizedVideoElement = (_jsx("div", { className: "[&>iframe]:aspect-16/9 [&>iframe]:h-full [&>iframe]:w-full", children: videoElement }));
     const isOpenedMobile = open && isMobile;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn('relative font-text', className), ...props, children: [isOpenedMobile && sizedVideoElement, !isOpenedMobile && imageElement, !open && (_jsx(Button, { className: "absolute -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2", onClick: () => setOpen(true), children: buttonText }))] }), !isMobile && (_jsx(Modal, { open: open, canClose: true, onOpenChange: (open) => setOpen(open), ...modalProps, children: _jsx(ModalBody, { children: sizedVideoElement }) }))] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn('relative font-text', className), ...props, children: [isOpenedMobile && sizedVideoElement, !isOpenedMobile && previewImage && _jsx(Image, { ...previewImage }), !open && (_jsx(Button, { className: "absolute -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2", onClick: () => setOpen(true), children: buttonText }))] }), !isMobile && (_jsx(Modal, { open: open, canClose: true, onOpenChange: (open) => setOpen(open), ...modalProps, children: _jsx(ModalBody, { children: sizedVideoElement }) }))] }));
 };
 export { Video };
 //# sourceMappingURL=Video.js.map

package/dist/components/images-icons/video/Video.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;~~AAY7C~~,MAAM,KAAK,GAAyB,CAAC,EACnC,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,iBAAiB,GAAG,CACxB,cAAK,SAAS,EAAC,4DAA4D,YACxE,YAAY,GACT,CACP,CAAC;IAEF,MAAM,cAAc,GAAG,IAAI,IAAI,QAAQ,CAAC;IAExC,OAAO,CACL,8BACE,eAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAAM,KAAK,aAC3D,cAAc,IAAI,iBAAiB,EACnC,CAAC,cAAc,IAAI,YAAY,~~EAC/B~~,CAAC,IAAI,IAAI,CACR,KAAC,MAAM,IACL,SAAS,EAAC,6DAA6D,EACvE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE3B,UAAU,GACJ,CACV,IACG,EACL,CAAC,QAAQ,IAAI,CACZ,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,QAAQ,QACR,YAAY,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAC1C,UAAU,YAEd,KAAC,SAAS,cAAE,iBAAiB,GAAa,GACpC,CACT,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,KAAK,EAAC,CAAC"}
1	+ {"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAYhE,MAAM,KAAK,GAAyB,CAAC,EACnC,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,iBAAiB,GAAG,CACxB,cAAK,SAAS,EAAC,4DAA4D,YACxE,YAAY,GACT,CACP,CAAC;IAEF,MAAM,cAAc,GAAG,IAAI,IAAI,QAAQ,CAAC;IAExC,OAAO,CACL,8BACE,eAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAAM,KAAK,aAC3D,cAAc,IAAI,iBAAiB,EACnC,CAAC,cAAc,IAAI,YAAY,IAAI,KAAC,KAAK,OAAK,YAAY,GAAI,EAC9D,CAAC,IAAI,IAAI,CACR,KAAC,MAAM,IACL,SAAS,EAAC,6DAA6D,EACvE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE3B,UAAU,GACJ,CACV,IACG,EACL,CAAC,QAAQ,IAAI,CACZ,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,QAAQ,QACR,YAAY,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAC1C,UAAU,YAEd,KAAC,SAAS,cAAE,iBAAiB,GAAa,GACpC,CACT,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,KAAK,EAAC,CAAC"}

package/dist/components/layout/block/Block.d.ts CHANGED Viewed

@@ -1,18 +1,21 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
-export interface BlockProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof blockGridVariants>, VariantProps<typeof blockVariants> {
+export interface BlockGridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof blockGridVariants> {
     children?: React.ReactNode;
-    wrapperBlockProps?: React.HTMLAttributes<HTMLDivElement> & {
-        ['data-name']: string;
-    };
+    ['data-name']?: string;
 }
-declare const blockVariants: (props?: ({
+declare const blockGridVariants: (props?: ({
     paddingBottom?: "default" | "none" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const blockGridVariants: (props?: ({
-    elementWidth?: "small" | "medium" | "large" | null | undefined;
+declare const BlockChildrenWidthContainerVariants: (props?: ({
+    elementWidth?: "default" | "narrow" | null | undefined;
     background?: "white" | "paleBlue" | "darkBlue" | "lightSand" | null | undefined;
+    paddingBottom?: "default" | "none" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const Block: React.ForwardRefExoticComponent<BlockProps & React.RefAttributes<HTMLDivElement>>;
-export { Block };
+declare const BlockGrid: React.ForwardRefExoticComponent<BlockGridProps & React.RefAttributes<HTMLDivElement>>;
+export interface BlockChildrenWidthContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof BlockChildrenWidthContainerVariants> {
+    children?: React.ReactNode;
+}
+declare const BlockChildrenWidthContainer: React.ForwardRefExoticComponent<BlockChildrenWidthContainerProps & React.RefAttributes<HTMLDivElement>>;
+export { BlockGrid, BlockChildrenWidthContainer };
 //# sourceMappingURL=Block.d.ts.map

package/dist/components/layout/block/Block.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/block/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,WAAW,~~UACf~~,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,iBAAiB,CAAC~~,EACtC,YAAY,CAAC,OAAO,aAAa,CAAC~~;~~IACpC~~,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,~~iBAAiB~~,CAAC,EAAE,~~KAAK~~,CAAC,~~cAAc~~,~~CAAC~~,~~cAAc~~,CAAC~~,GAAG~~;~~QACzD~~,~~CAAC~~,~~WAAW~~,CAAC,~~EAAE~~,MAAM,CAAC;~~KACvB~~,CAAC~~;CACH;AAED~~,~~QAAA~~,~~MAAM~~,~~aAAa;;mFAalB~~,CAAC;~~AAEF~~,~~QAAA~~,~~MAAM~~,~~iBAAiB;;;mFAiBrB~~,CAAC;~~AAEH~~,QAAA,MAAM,~~KAAK~~,~~mFAmCV~~,CAAC;AAGF,OAAO,EAAC,~~KAAK~~,EAAC,CAAC"}
1	+ {"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/block/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,CAAC,WAAW,CAAC,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,iBAAiB;;mFAatB,CAAC;AAEF,QAAA,MAAM,mCAAmC;;;;mFAwBxC,CAAC;AAEF,QAAA,MAAM,SAAS,uFAYd,CAAC;AAGF,MAAM,WAAW,gCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,mCAAmC,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,2BAA2B,yGAyBhC,CAAC;AAGF,OAAO,EAAC,SAAS,EAAE,2BAA2B,EAAC,CAAC"}

package/dist/components/layout/block/Block.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../utils';
-const blockVariants = cva('w-full max-w-content-block grid justify-center grid-cols-1 gap-6 lg:grid-cols-9', {
+const blockGridVariants = cva('w-full max-w-content-block grid justify-center grid-cols-1 gap-6 lg:grid-cols-9', {
     variants: {
         paddingBottom: {
             none: '',
@@ -13,12 +13,11 @@ const blockVariants = cva('w-full max-w-content-block grid justify-center grid-c
         paddingBottom: 'default',
     },
 });
-const blockGridVariants = cva('px-3 md:px-6 xl:px-0 col-[1/-1]', {
+const BlockChildrenWidthContainerVariants = cva('px-3 md:px-6 xl:px-0 col-[1/-1]', {
     variants: {
         elementWidth: {
-            large: '',
-            medium: 'xl:col-start-2 xl:col-end-9',
-            small: 'xl:col-start-2 xl:col-end-9',
+            default: '',
+            narrow: 'xl:col-start-2 xl:col-end-9',
         },
         background: {
             white: 'bg-draeger-white',
@@ -26,12 +25,23 @@ const blockGridVariants = cva('px-3 md:px-6 xl:px-0 col-[1/-1]', {
             paleBlue: 'bg-draeger-pale-blue',
             darkBlue: 'bg-draeger-dark-blue-700',
         },
+        paddingBottom: {
+            none: '',
+            default: 'pb-4 lg:pb-8',
+        },
     },
     defaultVariants: {
-        elementWidth: 'large',
+        elementWidth: 'default',
+        paddingBottom: 'default',
     },
 });
-const Block = React.forwardRef(({ children, className, background, elementWidth, paddingBottom, wrapperBlockProps, ...props }, ref) => children && (_jsx("div", { className: cn(blockVariants({ paddingBottom }), wrapperBlockProps?.className), "data-name": "Block-Grid", ...wrapperBlockProps, children: _jsx("div", { className: cn(blockGridVariants({ background, elementWidth }), className), "data-name": "Block-Children-Width", ref: ref, ...props, children: children }) })));
-Block.displayName = 'Block';
-export { Block };
+const BlockGrid = React.forwardRef(({ children, className, paddingBottom, ...props }, ref) => children && (_jsx("div", { className: cn(blockGridVariants({ paddingBottom }), className), ref: ref, "data-name": "Block-Grid", ...props, children: children })));
+BlockGrid.displayName = 'BlockGrid';
+const BlockChildrenWidthContainer = React.forwardRef(({ children, className, background, elementWidth, paddingBottom, ...props }, ref) => children && (_jsx("div", { className: cn(BlockChildrenWidthContainerVariants({
+        background,
+        paddingBottom,
+        elementWidth,
+    }), className), ref: ref, "data-name": "Block-Children-Width", ...props, children: children })));
+BlockChildrenWidthContainer.displayName = 'BlockChildrenWidthContainer';
+export { BlockGrid, BlockChildrenWidthContainer };
 //# sourceMappingURL=Block.js.map

package/dist/components/layout/block/Block.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../../src/components/layout/block/Block.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;~~AAYlC~~,MAAM,~~aAAa~~,GAAG,GAAG,~~CACvB~~,iFAAiF,EACjF;IACE,QAAQ,EAAE;QACR,aAAa,EAAE;YACb,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,gBAAgB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,aAAa,EAAE,SAAS;KACzB;CACF,CACF,CAAC;AAEF,MAAM,~~iBAAiB~~,GAAG,GAAG,~~CAAC~~,iCAAiC,~~EAAE~~;~~IAC/D~~,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,~~KAAK~~,EAAE,EAAE;~~YACT~~,MAAM,EAAE,6BAA6B;~~YACrC,KAAK,EAAE,6BAA6B~~;~~SACrC;~~QACD,UAAU,EAAE;YACV,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,sBAAsB;YAChC,QAAQ,EAAE,0BAA0B;SACrC;KACF;IACD,eAAe,EAAE;QACf,YAAY,EAAE,~~OAAO~~;~~KACtB~~;CACF,~~CAAC~~,CAAC;~~AAEH~~,MAAM,~~KAAK~~,GAAG,KAAK,CAAC,UAAU,~~CAC5B~~,~~CACE~~,~~EACE~~,QAAQ,~~EACR~~,SAAS,~~EACT~~,~~UAAU,EACV,YAAY,EACZ,~~aAAa,~~EACb~~,~~iBAAiB,EACjB,~~GAAG,KAAK,~~EACT~~,~~EACD~~,GAAG,~~EACH~~,EAAE,~~CACF~~,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,~~CACX~~,~~aAAa~~,CAAC,EAAC,aAAa,EAAC,CAAC,~~EAC9B~~,~~iBAAiB~~,EAAE,~~SAAS~~,~~CAC7B~~,~~eACS,~~YAAY,KAClB,~~iBAAiB~~,~~YAErB~~,~~cACE~~,SAAS,~~EAAE~~,~~EAAE~~,~~CACX~~,~~iBAAiB~~,CAAC,EAAC,UAAU,EAAE,YAAY,EAAC,CAAC,~~EAC7C~~,SAAS,CACV,~~eACS~~,~~sBAAsB,EAChC,~~GAAG,EAAE,GAAG,~~KACJ~~,KAAK,YAER,QAAQ,GACL,~~GACF,~~CACP,CACJ,CAAC;AACF,~~KAAK~~,CAAC,WAAW,GAAG,~~OAAO~~,CAAC;~~AAE5B~~,OAAO,EAAC,~~KAAK~~,EAAC,CAAC"}
1	+ {"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../../src/components/layout/block/Block.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AASlC,MAAM,iBAAiB,GAAG,GAAG,CAC3B,iFAAiF,EACjF;IACE,QAAQ,EAAE;QACR,aAAa,EAAE;YACb,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,gBAAgB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,aAAa,EAAE,SAAS;KACzB;CACF,CACF,CAAC;AAEF,MAAM,mCAAmC,GAAG,GAAG,CAC7C,iCAAiC,EACjC;IACE,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,6BAA6B;SACtC;QACD,UAAU,EAAE;YACV,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,sBAAsB;YAChC,QAAQ,EAAE,0BAA0B;SACrC;QACD,aAAa,EAAE;YACb,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,cAAc;SACxB;KACF;IACD,eAAe,EAAE;QACf,YAAY,EAAE,SAAS;QACvB,aAAa,EAAE,SAAS;KACzB;CACF,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE,CACtD,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAC,aAAa,EAAC,CAAC,EAAE,SAAS,CAAC,EAC5D,GAAG,EAAE,GAAG,eACE,YAAY,KAClB,KAAK,YAER,QAAQ,GACL,CACP,CACJ,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAQpC,MAAM,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAIlD,CACE,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,KAAK,EAAC,EACxE,GAAG,EACH,EAAE,CACF,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,mCAAmC,CAAC;QAClC,UAAU;QACV,aAAa;QACb,YAAY;KACb,CAAC,EACF,SAAS,CACV,EACD,GAAG,EAAE,GAAG,eACE,sBAAsB,KAC5B,KAAK,YAER,QAAQ,GACL,CACP,CACJ,CAAC;AACF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC;AAExE,OAAO,EAAC,SAAS,EAAE,2BAA2B,EAAC,CAAC"}

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

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { type SectionWrapperProps, HeadlineProps } from '../..';
 import { LinkComponent } from '../../../utils';
+import { type ImageProps } from '../../images-icons/image';
 export interface CalloutMediaProps extends LinkComponent, React.HTMLAttributes<HTMLDivElement> {
     headline?: string;
     text?: string;
     button?: React.ReactNode;
-    image?: React.ReactNode;
+    image?: Omit<ImageProps, 'ratio'>;
     sectionProps?: SectionWrapperProps;
     mediaAlignment?: 'left' | 'right';
     headlineActAs?: HeadlineProps['actAs'];

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

	@@ -1 +1 @@
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,EAGL,KAAK,mBAAmB,EAExB,aAAa,EAEd,MAAM,OAAO,CAAC;AACf,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;~~AAEjD~~,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,~~KAAK~~,CAAC,~~SAAS~~,CAAC;~~IACxB~~,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,~~CAwD7C~~,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
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,EAGL,KAAK,mBAAmB,EAExB,aAAa,EAEd,MAAM,OAAO,CAAC;AACf,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6D7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

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

@@ -1,15 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SectionWrapper, Headline, SlimRichText, Container, } from '../..';
 import { cn } from '../../../utils';
+import { Image } from '../../images-icons/image';
 const CalloutMedia = ({ headline, text, button, image, sectionProps, mediaAlignment = 'left', headlineActAs, }) => {
     const hasTextContent = Boolean(headline || text);
     const hasImage = Boolean(image);
     const hasContent = Boolean(hasTextContent || hasImage);
     if (!hasContent)
         return;
-    const textElement = hasTextContent && (_jsxs("div", { className: cn('flex flex-col gap-16 px-12 pb-12 mx-auto pt-9 basis-1/2 grow xl:basis-1/3 bg-surface-secondary', mediaAlignment === 'right' && 'xl:order-1'), children: [_jsxs("div", { children: [_jsx(Headline, { underlined: true, headingLevel: "h2", actAs: headlineActAs, className: "pb-6", children: headline }), _jsx(SlimRichText, { text: text })] }), button && _jsx("div", { className: "self-start xl:mt-auto", children: button })] }));
-    const imageElement = hasImage && (_jsx("div", { className: "flex items-center h-auto xl:basis-2/3", children: _jsx("div", { className: "flex self-stretch", children: image }) }));
-    return (_jsx(SectionWrapper, { className: cn('py-0', sectionProps?.className), ...sectionProps, children: _jsx(Container, { paddingTop: 'none', fullWidth: true, children: _jsxs("div", { className: cn('flex flex-col xl:flex-row w-full'), children: [textElement, imageElement] }) }) }));
+    const textElement = hasTextContent && (_jsxs("div", { className: cn('flex flex-col gap-16 px-12 pb-12 mx-auto pt-9 bg-surface-secondary w-full', mediaAlignment === 'right' && 'xl:order-1'), children: [_jsxs("div", { children: [_jsx(Headline, { underlined: true, headingLevel: "h2", actAs: headlineActAs, className: "pb-6", children: headline }), _jsx(SlimRichText, { text: text })] }), button && _jsx("div", { className: "self-start xl:mt-auto", children: button })] }));
+    const imageElement = hasImage && (_jsx("div", { className: "xl:col-span-2", children: _jsx(Image, { ...image, ratio: "16/6", className: "h-full" }) }));
+    return (_jsx(SectionWrapper, { className: cn('py-0', sectionProps?.className), ...sectionProps, children: _jsx(Container, { paddingTop: 'none', fullWidth: true, children: _jsxs("div", { className: cn('grid grid-rows-[auto_1fr] xl:grid-row w-fulls-1', hasImage && 'xl:grid-cols-3'), children: [textElement, imageElement] }) }) }));
 };
 export { CalloutMedia };
 //# sourceMappingURL=CalloutMedia.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,EACd,QAAQ,EAER,YAAY,EAEZ,SAAS,GACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;~~AAcjD~~,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,EACZ,cAAc,GAAG,MAAM,EACvB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,cAAc,IAAI,QAAQ,CAAC,CAAC;IAEvD,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,MAAM,WAAW,GAAG,cAAc,IAAI,CACpC,eACE,SAAS,EAAE,EAAE,CACX,~~gGAAgG~~,~~EAChG~~,cAAc,KAAK,OAAO,IAAI,YAAY,CAC3C,aAED,0BACE,KAAC,QAAQ,IACP,UAAU,QACV,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAC,MAAM,YAEf,QAAQ,GACA,EACX,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,IACxB,EACL,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,QAAQ,IAAI,CAC/B,cAAK,SAAS,EAAC,~~uCAAuC~~,~~YACpD~~,~~cAAK~~,~~SAAS~~,~~EAAC~~,~~mBAAmB~~,~~YAAE~~,KAAK,~~GAAO~~,~~GAC5C~~,CACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,KAC1C,YAAY,YAEhB,KAAC,SAAS,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,kBACtC,~~eAAK~~,SAAS,EAAE,EAAE,~~CAAC~~,~~kCAAkC~~,~~CAAC~~,~~aACnD~~,WAAW,EACX,YAAY,IACT,GACI,GACG,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
1	+ {"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,EACd,QAAQ,EAER,YAAY,EAEZ,SAAS,GACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAahE,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,EACZ,cAAc,GAAG,MAAM,EACvB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,cAAc,IAAI,QAAQ,CAAC,CAAC;IAEvD,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,MAAM,WAAW,GAAG,cAAc,IAAI,CACpC,eACE,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,cAAc,KAAK,OAAO,IAAI,YAAY,CAC3C,aAED,0BACE,KAAC,QAAQ,IACP,UAAU,QACV,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAC,MAAM,YAEf,QAAQ,GACA,EACX,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,IACxB,EACL,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,QAAQ,IAAI,CAC/B,cAAK,SAAS,EAAC,eAAe,YAC5B,KAAC,KAAK,OAAK,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,GAChD,CACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,KAC1C,YAAY,YAEhB,KAAC,SAAS,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,kBACtC,eACE,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,QAAQ,IAAI,gBAAgB,CAC7B,aAEA,WAAW,EACX,YAAY,IACT,GACI,GACG,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

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

	@@ -1 +1 @@
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;AAKhE,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAQD,QAAA,MAAM,kBAAkB;;mFAUtB,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,~~CA+BlD~~,CAAC"}
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;AAKhE,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAQD,QAAA,MAAM,kBAAkB;;mFAUtB,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiClD,CAAC"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
-import { Block, SlimRichText } from '../..';
+import { BlockChildrenWidthContainer, BlockGrid, SlimRichText } from '../..';
 import { cn } from '../../../utils';
 import { Container } from '../container';
 const blockquoteClasses = `
@@ -19,6 +19,6 @@ const blockquoteVariants = cva(blockquoteClasses, {
         align: 'left',
     },
 });
-export const CalloutQuote = ({ headline, author, signature, align, withQuotationMark = false, }) => headline && (_jsx(Container, { paddingTop: 'none', children: _jsxs(Block, { className: "pt-12 pb-16 md:pt-14 lg:pb-20", background: 'paleBlue', elementWidth: 'medium', children: [_jsx("blockquote", { className: cn(blockquoteVariants({ align }), withQuotationMark &&
-                    'before:content-[open-quote] after:content-[close-quote]'), children: headline }), (author || signature) && (_jsxs("div", { className: "px-4", children: [author && _jsx(SlimRichText, { text: author, weight: 'bold' }), signature && _jsx(SlimRichText, { text: signature })] }))] }) }));
+export const CalloutQuote = ({ headline, author, signature, align, withQuotationMark = false, }) => headline && (_jsx(Container, { paddingTop: 'none', children: _jsx(BlockGrid, { children: _jsxs(BlockChildrenWidthContainer, { background: 'paleBlue', elementWidth: 'narrow', className: "pt-12 pb-16 md:pt-14 lg:pb-20", children: [_jsx("blockquote", { className: cn(blockquoteVariants({ align }), withQuotationMark &&
+                        'before:content-[open-quote] after:content-[close-quote]'), children: headline }), (author || signature) && (_jsxs("div", { className: "px-4", children: [author && _jsx(SlimRichText, { text: author, weight: 'bold' }), signature && _jsx(SlimRichText, { text: signature })] }))] }) }) }));
 //# sourceMappingURL=CalloutQuote.js.map

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

	@@ -1 +1 @@
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,~~KAAK~~,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;~~AAC1C~~,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAUvC,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,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,iBAAiB,GAAG,KAAK,GAC1B,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,KAAC,SAAS,IAAC,UAAU,EAAE,MAAM,YAC3B,~~MAAC~~,~~KAAK~~,~~IACJ~~,~~SAAS~~,~~EAAC,+BAA+B~~,~~EACzC~~,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,QAAQ,~~aAEtB~~,qBACE,SAAS,EAAE,EAAE,CACX,kBAAkB,CAAC,EAAC,KAAK,EAAC,CAAC,EAC3B,iBAAiB;~~oBACf~~,yDAAyD,CAC5D,YAEA,QAAQ,GACE,EACZ,CAAC,MAAM,IAAI,SAAS,CAAC,IAAI,CACxB,eAAK,SAAS,EAAC,MAAM,aAClB,MAAM,IAAI,KAAC,YAAY,IAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,EACxD,SAAS,IAAI,KAAC,YAAY,IAAC,IAAI,EAAE,SAAS,GAAI,IAC3C,CACP,~~IACK~~,~~GACE~~,CACb,CAAC"}
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,2BAA2B,EAAE,SAAS,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAUvC,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,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,iBAAiB,GAAG,KAAK,GAC1B,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,KAAC,SAAS,IAAC,UAAU,EAAE,MAAM,YAC3B,KAAC,SAAS,cACR,MAAC,2BAA2B,IAC1B,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,QAAQ,EACtB,SAAS,EAAC,+BAA+B,aAEzC,qBACE,SAAS,EAAE,EAAE,CACX,kBAAkB,CAAC,EAAC,KAAK,EAAC,CAAC,EAC3B,iBAAiB;wBACf,yDAAyD,CAC5D,YAEA,QAAQ,GACE,EACZ,CAAC,MAAM,IAAI,SAAS,CAAC,IAAI,CACxB,eAAK,SAAS,EAAC,MAAM,aAClB,MAAM,IAAI,KAAC,YAAY,IAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,EACxD,SAAS,IAAI,KAAC,YAAY,IAAC,IAAI,EAAE,SAAS,GAAI,IAC3C,CACP,IAC2B,GACpB,GACF,CACb,CAAC"}

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

@@ -2,6 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import { HeadlineProps } from '../../typography/headline';
 import { SlimRichTextProps } from '../slimRichText';
+import { type ImageProps } from '../../images-icons/image';
 export interface CardSubInfoProps extends SlimRichTextProps {
 }
 declare const CardSubInfo: React.FC<CardSubInfoProps>;
@@ -32,7 +33,7 @@ export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const CardBody: React.FC<CardBodyProps>;
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
-    imageElement?: React.ReactNode;
+    image?: Omit<ImageProps, 'ratio'>;
     children?: React.ReactNode | React.ReactNode[];
 }
 declare const Card: React.FC<CardProps>;

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

	@@ -1 +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;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;~~AAEhE~~,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAE9D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAOzC,CAAC;AAEJ,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAI7C,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAE7C,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAE3C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYvC,CAAC;AAEJ,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAevD,CAAC;AAKJ,QAAA,MAAM,YAAY;;;mFAgBhB,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAWrC,CAAC;AAEF,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,~~CAmB7B~~,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,UAAU,GACX,CAAC"}
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;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAE9D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAOzC,CAAC;AAEJ,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAI7C,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAE7C,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAE3C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYvC,CAAC;AAEJ,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAevD,CAAC;AAKJ,QAAA,MAAM,YAAY;;;mFAgBhB,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAWrC,CAAC;AAEF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4B7B,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,UAAU,GACX,CAAC"}

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

@@ -3,12 +3,13 @@ import { cva } from 'class-variance-authority';
 import { cn } from '../../../utils';
 import { Headline } from '../../typography/headline';
 import { SlimRichText } from '../slimRichText';
+import { Image } from '../../images-icons/image';
 const CardSubInfo = ({ text, className, ...props }) => text && (_jsx(SlimRichText, { text: text, className: cn('text-draeger-cool-gray-750', className), ...props }));
 const CardHeadline = ({ children, ...props }) => (_jsx(Headline, { textColor: "inherit", headingLevel: "h3", ...props, children: children }));
 const CardBodyText = ({ text, ...props }) => (_jsx(SlimRichText, { text: text, textColor: "inherit", ...props }));
 const CardContent = ({ children, ...props }) => (_jsx("div", { ...props, children: children }));
 const CardAction = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col items-stretch w-full', className), ...props, children: children }));
-const CardActionsWrapper = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col gap-7 min-h-14 items-center px-6 pb-8', className), ...props, children: children }));
+const CardActionsWrapper = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col gap-7 min-h-14 items-center px-6 pb-8 mt-auto', className), ...props, children: children }));
 const cardBaseClasses = 'font-text group flex flex-col';
 // TODO: Delete variants when sections using paleBlue and darkBlue cards will be updated
 const cardVariants = cva(cardBaseClasses, {
@@ -31,11 +32,11 @@ const cardVariants = cva(cardBaseClasses, {
 const CardBody = ({ children, className, ...props }) => {
     return (children && (_jsx("div", { className: cn('px-6 pt-9 pb-7 flex flex-col gap-5', className), ...props, children: children })));
 };
-const Card = ({ imageElement, children, variant, padding, className, ...props }) => {
-    const hasContent = Boolean(imageElement || children);
+const Card = ({ image, children, variant, padding, className, ...props }) => {
+    const hasContent = Boolean(image || children);
     if (!hasContent)
         return;
-    return (_jsxs("div", { className: cn(cardVariants({ variant, padding }), className), ...props, children: [imageElement, children && (_jsx("div", { className: "flex flex-col justify-between h-full", children: children }))] }));
+    return (_jsxs("div", { className: cn(cardVariants({ variant, padding }), 'flex flex-col', className), ...props, children: [_jsx("div", { className: "relative aspect-3/2", children: image && _jsx(Image, { ...image, ratio: "3/2" }) }), children && (_jsx("div", { className: "flex flex-col justify-between h-full", children: children }))] }));
 };
 export { Card, CardBody, CardContent, CardSubInfo, CardHeadline, CardBodyText, CardActionsWrapper, CardAction, };
 //# sourceMappingURL=Card.js.map

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

	@@ -1 +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,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAoB,MAAM,iBAAiB,CAAC;~~AAIhE~~,MAAM,WAAW,GAA+B,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAC9E,IAAI,IAAI,CACN,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACT,CACH,CAAC;AAQJ,MAAM,YAAY,GAAgC,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CAC1E,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,EAAC,YAAY,EAAC,IAAI,KAAK,KAAK,YACtD,QAAQ,GACA,CACZ,CAAC;AAIF,MAAM,YAAY,GAAgC,CAAC,EAAC,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACtE,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,SAAS,KAAK,KAAK,GAAI,CAC5D,CAAC;AAOF,MAAM,WAAW,GAA+B,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACxE,iBAAS,KAAK,YAAG,QAAQ,GAAO,CACjC,CAAC;AAIF,MAAM,UAAU,GAA8B,CAAC,EAC7C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAKJ,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,~~qDAAqD~~,~~EACrD~~,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEJ,MAAM,eAAe,GAAG,+BAA+B,CAAC;AAExD,wFAAwF;AACxF,MAAM,YAAY,GAAG,GAAG,CAAC,eAAe,EAAE;IACxC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,KAAK,EAAE,wCAAwC;YAC/C,QAAQ,EAAE,iDAAiD;YAC3D,QAAQ,EAAE,qCAAqC;SAChD;QACD,OAAO,EAAE;YACP,CAAC,EAAE,KAAK;YACR,CAAC,EAAE,KAAK;SACT;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC;AAMH,MAAM,QAAQ,GAA4B,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5E,OAAO,CACL,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,YAER,QAAQ,GACL,CACP,CACF,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,IAAI,GAAwB,CAAC,EACjC,~~YAAY~~,~~EACZ~~,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,~~YAAY~~,IAAI,QAAQ,CAAC,CAAC;~~IACrD~~,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,OAAO,CACL,~~eAAK~~,SAAS,EAAE,EAAE,~~CAAC~~,YAAY,CAAC,EAAC,OAAO,EAAE,OAAO,EAAC,CAAC,~~EAAE~~,SAAS,~~CAAC~~,~~KAAM~~,KAAK,~~aACvE~~,~~YAAY~~,~~EACZ~~,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sCAAsC,YAAE,QAAQ,GAAO,CACvE,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,UAAU,GACX,CAAC"}
1	+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,15 @@
 import * as React from 'react';
+import { type ImageProps } from '../../images-icons/image';
+import { type VideoProps } from '../../images-icons/video';
 import { HeadlineProps } from '../..';
 export interface ContentItemProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 export interface ContentItemMediaProps extends React.HTMLAttributes<HTMLDivElement> {
+    image?: ImageProps;
     mediaAlignment?: 'left' | 'right';
+    video?: Omit<VideoProps, 'previewImage'> & {
+        previewImage?: Omit<ImageProps, 'ratio'>;
+    };
 }
 declare const ContentItemMedia: React.FC<ContentItemMediaProps>;
 export interface ContentItemBodyProps extends React.HTMLAttributes<HTMLDivElement> {

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

	@@ -1 +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;AAG/B,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpC,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,~~CAiBnD~~,CAAC;~~AAEJ~~,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CASjD,CAAC;AAEJ,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;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,CAShC,CAAC;AAEJ,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgBzC,CAAC;AAEJ,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}
1	+ {"version":3,"file":"ContentItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG;QACzC,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;KAC1C,CAAC;CACH;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6BrD,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CASjD,CAAC;AAEJ,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;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,CAShC,CAAC;AAEJ,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgBzC,CAAC;AAEJ,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}

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

@@ -1,7 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../utils';
 import { ContentHeadings } from '../../../web';
-const ContentItemMedia = ({ className, children, mediaAlignment = 'left', ...props }) => children && (_jsx("div", { className: cn('shrink-0 basis-[42%] [&_img]:w-full', mediaAlignment === 'right' && 'lg:order-1', className), ...props, children: children }));
+import { Image } from '../../images-icons/image';
+import { Video } from '../../images-icons/video';
+const ContentItemMedia = ({ className, image, mediaAlignment = 'left', video, ...props }) => {
+    if (image && video) {
+        throw new Error('Only one of image or video can be provided, not both.');
+    }
+    return (_jsxs("div", { className: cn('shrink-0 basis-[42%] [&_img]:w-full relative w-full h-full aspect-3/2', mediaAlignment === 'right' && 'lg:order-1', className), ...props, children: [image && !video && _jsx(Image, { ratio: "3/2", ...image }), video && (_jsx(Video, { ...video, previewImage: { ...video.previewImage, ratio: '3/2' }, className: "aspect-3/2" }))] }));
+};
 const ContentItemBody = ({ className, children, ...props }) => children && (_jsx("div", { className: cn(className), ...props, children: children }));
 const ContentItemBodyHeading = ({ headline, text, ...props }) => (_jsx(ContentHeadings, { type: "item", headline: headline, text: text, ...props }));
 const ContentItemBodyActionWrapper = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col items-start self-stretch gap-2', className), ...props, children: children }));

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

	@@ -1 +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,eAAe,EAAC,MAAM,cAAc,CAAC;~~AAW7C~~,MAAM,gBAAgB,GAAoC,CAAC,EACzD,SAAS,EACT,~~QAAQ~~,~~EACR~~,cAAc,GAAG,MAAM,EACvB,GAAG,KAAK,EACT,EAAE,EAAE,~~CACH~~,~~QAAQ~~,IAAI,~~CACV~~,~~cACE~~,SAAS,EAAE,EAAE,CACX,~~qCAAqC~~,~~EACrC~~,cAAc,KAAK,OAAO,IAAI,YAAY,EAC1C,SAAS,CACV,KACG,KAAK,~~YAER~~,~~QAAQ~~,~~GACL~~,CACP,CAAC;~~AAKJ~~,MAAM,eAAe,GAAmC,CAAC,EACvD,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,YACrC,QAAQ,GACL,CACP,CAAC;AASJ,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,CACtC,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEJ,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,eACS,aAAa,KACnB,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEJ,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}
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,eAAe,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAehE,MAAM,gBAAgB,GAAoC,CAAC,EACzD,SAAS,EACT,KAAK,EACL,cAAc,GAAG,MAAM,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,cAAc,KAAK,OAAO,IAAI,YAAY,EAC1C,SAAS,CACV,KACG,KAAK,aAER,KAAK,IAAI,CAAC,KAAK,IAAI,KAAC,KAAK,IAAC,KAAK,EAAC,KAAK,KAAK,KAAK,GAAI,EACnD,KAAK,IAAI,CACR,KAAC,KAAK,OACA,KAAK,EACT,YAAY,EAAE,EAAC,GAAG,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,EAAC,EACnD,SAAS,EAAC,YAAY,GACtB,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,eAAe,GAAmC,CAAC,EACvD,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,YACrC,QAAQ,GACL,CACP,CAAC;AASJ,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,CACtC,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEJ,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,eACS,aAAa,KACnB,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEJ,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}

package/dist/components/layout/downloadItem/DownloadItem.d.ts CHANGED Viewed

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { HeadlineProps } from '../../typography/headline';
+import { type ImageProps } from '../../images-icons/image';
 export interface DownloadItemProps extends React.HTMLAttributes<HTMLDivElement> {
     headline?: string;
     copy?: string;
     fileSize?: string;
-    image?: React.ReactNode;
+    image?: Omit<ImageProps, 'ratio'>;
     downloadButton?: React.ReactNode;
     className?: string;
     headlineActAs?: HeadlineProps['actAs'];

package/dist/components/layout/downloadItem/DownloadItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DownloadItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;~~AAKlE~~,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,~~KAAK~~,CAAC,~~SAAS~~,CAAC;~~IACxB~~,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8B7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
1	+ {"version":3,"file":"DownloadItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAIlE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8B7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/layout/downloadItem/DownloadItem.js CHANGED Viewed

@@ -3,6 +3,7 @@ import { Headline } from '../../typography/headline';
 import { BodyText } from '../../typography/bodyText';
 import { SlimRichText } from '../..';
 import { cn } from '../../../utils';
-const DownloadItem = ({ headline, copy, fileSize, image, downloadButton, className, headlineActAs, ...props }) => (_jsxs("div", { ...props, className: cn(className, 'flex flex-col gap-6'), children: [_jsx(Headline, { headingLevel: "h5", actAs: headlineActAs, children: headline }), _jsxs("div", { className: "flex", children: [image && (_jsx("div", { className: "shrink min-w-[11.75rem] h-auto mb-auto me-4", children: image })), _jsxs("div", { children: [_jsx(SlimRichText, { variant: "small", text: copy }), downloadButton && _jsx("div", { className: "mt-8 mb-2", children: downloadButton }), _jsx(BodyText, { variant: "small", textColor: "accent", children: fileSize })] })] })] }));
+import { Image } from '../../images-icons/image';
+const DownloadItem = ({ headline, copy, fileSize, image, downloadButton, className, headlineActAs, ...props }) => (_jsxs("div", { ...props, className: cn(className, 'flex flex-col gap-6'), children: [_jsx(Headline, { headingLevel: "h5", actAs: headlineActAs, children: headline }), _jsxs("div", { className: "flex", children: [image?.src && (_jsx("div", { className: "shrink min-w-[11.75rem] h-auto mb-auto me-4 aspect-9/11 relative", children: _jsx(Image, { ...image, ratio: "9/11" }) })), _jsxs("div", { children: [_jsx(SlimRichText, { variant: "small", text: copy }), downloadButton && _jsx("div", { className: "mt-8 mb-2", children: downloadButton }), _jsx(BodyText, { variant: "small", textColor: "accent", children: fileSize })] })] })] }));
 export { DownloadItem };
 //# sourceMappingURL=DownloadItem.js.map

package/dist/components/layout/downloadItem/DownloadItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DownloadItem.js","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;~~AAalC~~,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,cAAc,EACd,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,kBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,qBAAqB,CAAC,aAC7D,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAE,aAAa,YAC7C,QAAQ,GACA,EACX,eAAK,SAAS,EAAC,MAAM,aAClB,KAAK,IAAI,~~CACR~~,cAAK,SAAS,EAAC,~~6CAA6C~~,~~YACzD~~,KAAK,~~GACF~~,CACP,EAED,0BACE,KAAC,YAAY,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,EAC3C,cAAc,IAAI,cAAK,SAAS,EAAC,WAAW,YAAE,cAAc,GAAO,EACpE,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,YACzC,QAAQ,GACA,IACP,IACF,IACF,CACP,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
1	+ {"version":3,"file":"DownloadItem.js","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAYhE,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,cAAc,EACd,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,kBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,qBAAqB,CAAC,aAC7D,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAE,aAAa,YAC7C,QAAQ,GACA,EACX,eAAK,SAAS,EAAC,MAAM,aAClB,KAAK,EAAE,GAAG,IAAI,CACb,cAAK,SAAS,EAAC,kEAAkE,YAC/E,KAAC,KAAK,OAAK,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG,GAC7B,CACP,EAED,0BACE,KAAC,YAAY,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,EAC3C,cAAc,IAAI,cAAK,SAAS,EAAC,WAAW,YAAE,cAAc,GAAO,EACpE,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,YACzC,QAAQ,GACA,IACP,IACF,IACF,CACP,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/layout/mediaGallery/MediaGallery.d.ts CHANGED Viewed

@@ -1,13 +1,18 @@
 import * as React from 'react';
 import { HeadlineProps } from '../../typography/headline/Headline';
+import { type ImageProps } from '../../images-icons/image';
+import { type VideoProps } from '../../images-icons/video';
 export interface MediaGalleryProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode[];
 }
 export interface MediaGalleryItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    mediaComponent: React.ReactNode;
+    image?: Omit<ImageProps, 'ratio'>;
     headline: string;
     copy: string;
     headlineActAs?: HeadlineProps['actAs'];
+    video?: Omit<VideoProps, 'previewImage'> & {
+        previewImage?: Omit<ImageProps, 'ratio'>;
+    };
 }
 declare const MediaGalleryItem: React.FC<MediaGalleryItemProps>;
 declare const MediaGallery: React.FC<MediaGalleryProps>;

package/dist/components/layout/mediaGallery/MediaGallery.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,oCAAoC,CAAC;~~AAO3E~~,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,~~cAAc~~,EAAE,~~KAAK~~,CAAC,~~SAAS~~,CAAC;~~IAChC~~,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;~~CACxC~~;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,~~CAiBrD~~,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkF7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,CAAC"}
1	+ {"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAM3E,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG;QACzC,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;KAC1C,CAAC;CACH;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6BrD,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkF7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,CAAC"}

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

@@ -7,7 +7,14 @@ import { cn } from '../../../utils';
 import { Button, ButtonGroup } from '../../actions/button';
 import { Controls, ControlsItem } from '../../navigation/controls';
 import { Icon } from '../../images-icons/icon';
-const MediaGalleryItem = ({ mediaComponent, headline, copy, className, headlineActAs, ...props }) => (_jsxs("div", { ...props, className: cn('max-w-5xl w-full', className), children: [mediaComponent, _jsxs("div", { className: "px-12 py-8", children: [_jsx(Headline, { headingLevel: "h6", actAs: headlineActAs, children: headline }), _jsx(BodyText, { variant: "small", children: copy })] })] }));
+import { Image } from '../../images-icons/image';
+import { Video } from '../../images-icons/video';
+const MediaGalleryItem = ({ image, video, headline, copy, className, headlineActAs, ...props }) => {
+    if (image && video) {
+        throw new Error('Cannot have both image and video');
+    }
+    return (_jsxs("div", { ...props, className: cn('max-w-5xl w-full', className), children: [image && !video && _jsx(Image, { ratio: '3/2', ...image }), video && (_jsx(Video, { ...video, previewImage: { ...video.previewImage, ratio: '3/2' } })), _jsxs("div", { className: "px-12 py-8", children: [_jsx(Headline, { headingLevel: "h6", actAs: headlineActAs, children: headline }), _jsx(BodyText, { variant: "small", children: copy })] })] }));
+};
 const MediaGallery = ({ children, className, ...props }) => {
     const [emblaRef, emblaApi] = useEmblaCarousel({
         align: 'start',