@hh.ru/magritte-ui-card 8.8.0 → 8.9.0

package/Between.d.ts

@@ -1,2 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
-export declare const Between: FC<PropsWithChildren>;
+export type CardBetweenProps = PropsWithChildren<{
+    /** Дополнительный CSS-класс */
+    className?: string;
+}>;
+export declare const Between: FC<CardBetweenProps>;

package/Between.js

@@ -1,14 +1,15 @@
 import './index.css';
 import { jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
 import { useCardContext } from './cardContext.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from './card-D8xcMZq6.js';
+import { s as styles } from './card-Bntc0MUd.js';
 import 'react';
 
-const Between = ({ children }) => {
+const Between = ({ children, className }) => {
   const { direction, borderStyle } = useCardContext();
   const content = children ?? /* @__PURE__ */ jsx(Divider, { mode: direction === "row" ? "vertical" : "horizontal", color: borderStyle });
-  return /* @__PURE__ */ jsx("div", { className: styles.between, children: content });
+  return /* @__PURE__ */ jsx("div", { className: classnames(styles.between, className), children: content });
 };
 
 export { Between };

package/Between.js.map

@@ -1 +1 @@
-{"version":3,"file":"Between.js","sources":["src/Between.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\n\nimport { useCardContext } from '@hh.ru/magritte-ui-card/cardContext';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\n\nimport styles from './card.less';\n\nexport const Between: FC<PropsWithChildren> = ({ children }) => {\n    const { direction, borderStyle } = useCardContext();\n    const content = children ?? <Divider mode={direction === 'row' ? 'vertical' : 'horizontal'} color={borderStyle} />;\n\n    return <div className={styles.between}>{content}</div>;\n};\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,OAAiC,GAAA,CAAC,EAAE,QAAA,EAAe,KAAA;AAC5D,EAAA,MAAM,EAAE,SAAA,EAAW,WAAY,EAAA,GAAI,cAAe,EAAA,CAAA;AAClD,EAAM,MAAA,OAAA,GAAU,QAAY,oBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAM,cAAc,KAAQ,GAAA,UAAA,GAAa,YAAc,EAAA,KAAA,EAAO,WAAa,EAAA,CAAA,CAAA;AAEhH,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,SAAU,QAAQ,EAAA,OAAA,EAAA,CAAA,CAAA;AACpD;;;;"}
+{"version":3,"file":"Between.js","sources":["src/Between.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { useCardContext } from '@hh.ru/magritte-ui-card/cardContext';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\n\nimport styles from './card.less';\n\nexport type CardBetweenProps = PropsWithChildren<{\n    /** Дополнительный CSS-класс */\n    className?: string;\n}>;\n\nexport const Between: FC<CardBetweenProps> = ({ children, className }) => {\n    const { direction, borderStyle } = useCardContext();\n    const content = children ?? <Divider mode={direction === 'row' ? 'vertical' : 'horizontal'} color={borderStyle} />;\n\n    return <div className={classnames(styles.between, className)}>{content}</div>;\n};\n"],"names":[],"mappings":";;;;;;;AAaO,MAAM,OAAgC,GAAA,CAAC,EAAE,QAAA,EAAU,WAAgB,KAAA;AACtE,EAAA,MAAM,EAAE,SAAA,EAAW,WAAY,EAAA,GAAI,cAAe,EAAA,CAAA;AAClD,EAAM,MAAA,OAAA,GAAU,QAAY,oBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAM,cAAc,KAAQ,GAAA,UAAA,GAAa,YAAc,EAAA,KAAA,EAAO,WAAa,EAAA,CAAA,CAAA;AAEhH,EAAO,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,UAAA,CAAW,OAAO,OAAS,EAAA,SAAS,GAAI,QAAQ,EAAA,OAAA,EAAA,CAAA,CAAA;AAC3E;;;;"}

package/Card.d.ts

@@ -1,8 +1,9 @@
-import { type FC, type PropsWithChildren } from 'react';
+import { type FC } from 'react';
 import type { PolymorphicComponentWithRef } from '@hh.ru/magritte-types';
+import { type CardBetweenProps } from './Between';
 import { type CardSegmentProps } from './CardSegment';
 import type { CardProps } from './types';
 export declare const Card: import("@hh.ru/magritte-ui-skeleton").ComponentWithSkeleton<PolymorphicComponentWithRef<CardProps, "div"> & {
     Segment: PolymorphicComponentWithRef<CardSegmentProps, 'div'>;
-    Between: FC<PropsWithChildren>;
+    Between: FC<CardBetweenProps>;
 }, CardProps>;

package/Card.js

@@ -11,7 +11,7 @@ import { useCardActivation } from './useCardActivation.js';
 import { IconDynamic } from '@hh.ru/magritte-ui-icon';
 import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
 import { TextDynamic } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './card-D8xcMZq6.js';
+import { s as styles } from './card-Bntc0MUd.js';
 import '@hh.ru/magritte-ui-divider';
 import '@hh.ru/magritte-ui-layout';
 import '@hh.ru/magritte-common-keyboard';
@@ -68,6 +68,7 @@ const CardForwardRefRenderFunc = ({
   borderWidth = "none",
   borderLayer = "above-content",
   direction,
+  className,
   ...restProps
 }, ref) => {
   const forceDisabled = useDisabled();
@@ -116,7 +117,8 @@ const CardForwardRefRenderFunc = ({
           [styles.cardDisabled]: !!disabled,
           [styles.borderSelected]: borderWidth === "selected",
           [styles.borderDefault]: borderWidth === "default"
-        }
+        },
+        className
       ),
       children: [
         isBorderBelowContent && borderElement,

package/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["src/Card.tsx"],"sourcesContent":["import { type CSSProperties, forwardRef, type FC, type PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { Between } from '@hh.ru/magritte-ui-card/Between';\nimport { CardSegment, type CardSegmentProps } from '@hh.ru/magritte-ui-card/CardSegment';\nimport { CardSkeleton } from '@hh.ru/magritte-ui-card/Skeleton';\nimport { CardContext } from '@hh.ru/magritte-ui-card/cardContext';\nimport type { CardBorderRadius, CardPadding, CardProps } from '@hh.ru/magritte-ui-card/types';\nimport { useCardActivation } from '@hh.ru/magritte-ui-card/useCardActivation';\nimport { IconDynamic } from '@hh.ru/magritte-ui-icon';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\nimport { TextDynamic } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './card.less';\n\nconst borderSides = ['top-left', 'top-right', 'bottom-right', 'bottom-left'] as const;\n\nconst genBorderRadiusProp = (radiusProps: {\n    borderRadius: CardBorderRadius;\n    borderTopLeftRadius?: CardBorderRadius;\n    borderTopRightRadius?: CardBorderRadius;\n    borderBottomLeftRadius?: CardBorderRadius;\n    borderBottomRightRadius?: CardBorderRadius;\n}): CSSProperties => {\n    const isHalfHeight = Object.values(radiusProps).includes('halfHeight');\n    const borderRadius = isHalfHeight ? 99999 : radiusProps.borderRadius;\n    const { borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius } =\n        Object.fromEntries(\n            Object.entries(radiusProps)\n                .map((radius) => (isHalfHeight ? [radius[0], undefined] : radius))\n                .filter((radius) => radius[1] !== undefined)\n        ) as typeof radiusProps;\n\n    const radius = [borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius];\n\n    const radiusVariables = radius.reduce(\n        (acc, val, index) =>\n            val === undefined\n                ? acc\n                : {\n                      ...acc,\n                      [`--magritte-card-border-radius-${borderSides[index]}`]: `${val}px`,\n                  },\n        {}\n    );\n\n    return {\n        '--magritte-card-border-radius': `${borderRadius}px`,\n        ...radiusVariables,\n    } as CSSProperties;\n};\n\nconst genPaddingProps = (paddingProps: {\n    Left?: CardPadding;\n    Right?: CardPadding;\n    Top?: CardPadding;\n    Bottom?: CardPadding;\n}) =>\n    Object.entries(paddingProps).reduce<Record<string, number>>(\n        (acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc),\n        {}\n    );\n\nconst CardForwardRefRenderFunc: PolymorphicForwardRefRenderFunc<CardProps, 'div'> = (\n    {\n        Element = 'div',\n        stretched = false,\n        verticalStretched = false,\n        hoverEnabled = false,\n        pressEnabled = false,\n        shadow = 'level-0',\n        increaseShadow = false,\n        onClick,\n        style = 'primary',\n        hoverStyle,\n        disabled = false,\n        padding = 0,\n        paddingLeft,\n        paddingRight,\n        paddingTop,\n        paddingBottom,\n        borderRadius = 0,\n        borderTopLeftRadius,\n        borderTopRightRadius,\n        borderBottomLeftRadius,\n        borderBottomRightRadius,\n        children,\n        borderStyle,\n        borderWidth = 'none',\n        borderLayer = 'above-content',\n        direction,\n        ...restProps\n    },\n    ref\n) => {\n    const forceDisabled = useDisabled();\n    const activationProps = useCardActivation({\n        onClick,\n        disabled,\n        hasExplicitRole: 'role' in restProps,\n        hasExplicitTabIndex: 'tabIndex' in restProps,\n    });\n    const isPressEnabled = pressEnabled || !!onClick;\n    const isHoverEnabled = hoverEnabled || isPressEnabled;\n\n    const paddingProps = genPaddingProps({\n        Left: paddingLeft ?? padding,\n        Right: paddingRight ?? padding,\n        Top: paddingTop ?? padding,\n        Bottom: paddingBottom ?? padding,\n    });\n    // порядок отрисовки рамки задаётся её положением среди детей карточки: последним потомком — поверх всего\n    // содержимого, первым — под спозиционированным, чтобы выходящие за карточку абсолютно спозиционированные\n    // элементы (например, картинки) перекрывали рамку, а не наоборот\n    const isBorderBelowContent = borderLayer === 'below-content';\n    const borderElement = <div className={styles.borderElement} />;\n    const radiusProps = genBorderRadiusProp({\n        borderRadius,\n        borderBottomLeftRadius,\n        borderBottomRightRadius,\n        borderTopLeftRadius,\n        borderTopRightRadius,\n    });\n\n    return (\n        <DisabledContext.Provider value={forceDisabled || !!disabled}>\n            <Element\n                {...restProps}\n                {...(ref ? { ref } : {})}\n                {...activationProps}\n                style={{ ...paddingProps, ...radiusProps }}\n                className={classnames(\n                    styles.card,\n                    styles[`card-style-${style}`],\n                    !!hoverStyle && styles[`card-hover-style-${hoverStyle}`],\n                    !!borderStyle && styles[`card-border-style-${borderStyle}`],\n                    styles[`card-shadow-${shadow}`],\n                    {\n                        [styles.cardStretched]: stretched,\n                        [styles.cardVerticalStretched]: verticalStretched,\n                        [styles.cardPressEnabled]: isPressEnabled,\n                        [styles.cardHoverEnabled]: isHoverEnabled,\n                        [styles.increaseShadow]: increaseShadow,\n                        [styles.cardDisabled]: !!disabled,\n                        [styles.borderSelected]: borderWidth === 'selected',\n                        [styles.borderDefault]: borderWidth === 'default',\n                    }\n                )}\n            >\n                {isBorderBelowContent && borderElement}\n                <IconDynamic stretched hoverEnabled={isHoverEnabled} pressEnabled={isPressEnabled}>\n                    <div className={styles.flexContainer}>\n                        <TextDynamic\n                            stretched\n                            className={classnames({\n                                [styles.layoutVertical]: direction === 'column',\n                                [styles.layoutHorizontal]: direction === 'row',\n                            })}\n                        >\n                            <CardContext.Provider value={{ direction: direction ?? 'row', borderStyle }}>\n                                {children}\n                            </CardContext.Provider>\n                        </TextDynamic>\n                    </div>\n                </IconDynamic>\n                {!isBorderBelowContent && borderElement}\n            </Element>\n        </DisabledContext.Provider>\n    );\n};\n\nconst CardComponent = forwardRef(CardForwardRefRenderFunc) as unknown as PolymorphicComponentWithRef<\n    CardProps,\n    'div'\n> & {\n    Segment: PolymorphicComponentWithRef<CardSegmentProps, 'div'>;\n    Between: FC<PropsWithChildren>;\n};\n\nCardComponent.Segment = CardSegment;\nCardComponent.Between = Between;\n\nexport const Card = enrichWithSkeleton(CardComponent, CardSkeleton);\n"],"names":["radius"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["src/Card.tsx"],"sourcesContent":["import { type CSSProperties, forwardRef, type FC } from 'react';\nimport classnames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { Between, type CardBetweenProps } from '@hh.ru/magritte-ui-card/Between';\nimport { CardSegment, type CardSegmentProps } from '@hh.ru/magritte-ui-card/CardSegment';\nimport { CardSkeleton } from '@hh.ru/magritte-ui-card/Skeleton';\nimport { CardContext } from '@hh.ru/magritte-ui-card/cardContext';\nimport type { CardBorderRadius, CardPadding, CardProps } from '@hh.ru/magritte-ui-card/types';\nimport { useCardActivation } from '@hh.ru/magritte-ui-card/useCardActivation';\nimport { IconDynamic } from '@hh.ru/magritte-ui-icon';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\nimport { TextDynamic } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './card.less';\n\nconst borderSides = ['top-left', 'top-right', 'bottom-right', 'bottom-left'] as const;\n\nconst genBorderRadiusProp = (radiusProps: {\n    borderRadius: CardBorderRadius;\n    borderTopLeftRadius?: CardBorderRadius;\n    borderTopRightRadius?: CardBorderRadius;\n    borderBottomLeftRadius?: CardBorderRadius;\n    borderBottomRightRadius?: CardBorderRadius;\n}): CSSProperties => {\n    const isHalfHeight = Object.values(radiusProps).includes('halfHeight');\n    const borderRadius = isHalfHeight ? 99999 : radiusProps.borderRadius;\n    const { borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius } =\n        Object.fromEntries(\n            Object.entries(radiusProps)\n                .map((radius) => (isHalfHeight ? [radius[0], undefined] : radius))\n                .filter((radius) => radius[1] !== undefined)\n        ) as typeof radiusProps;\n\n    const radius = [borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius];\n\n    const radiusVariables = radius.reduce(\n        (acc, val, index) =>\n            val === undefined\n                ? acc\n                : {\n                      ...acc,\n                      [`--magritte-card-border-radius-${borderSides[index]}`]: `${val}px`,\n                  },\n        {}\n    );\n\n    return {\n        '--magritte-card-border-radius': `${borderRadius}px`,\n        ...radiusVariables,\n    } as CSSProperties;\n};\n\nconst genPaddingProps = (paddingProps: {\n    Left?: CardPadding;\n    Right?: CardPadding;\n    Top?: CardPadding;\n    Bottom?: CardPadding;\n}) =>\n    Object.entries(paddingProps).reduce<Record<string, number>>(\n        (acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc),\n        {}\n    );\n\nconst CardForwardRefRenderFunc: PolymorphicForwardRefRenderFunc<CardProps, 'div'> = (\n    {\n        Element = 'div',\n        stretched = false,\n        verticalStretched = false,\n        hoverEnabled = false,\n        pressEnabled = false,\n        shadow = 'level-0',\n        increaseShadow = false,\n        onClick,\n        style = 'primary',\n        hoverStyle,\n        disabled = false,\n        padding = 0,\n        paddingLeft,\n        paddingRight,\n        paddingTop,\n        paddingBottom,\n        borderRadius = 0,\n        borderTopLeftRadius,\n        borderTopRightRadius,\n        borderBottomLeftRadius,\n        borderBottomRightRadius,\n        children,\n        borderStyle,\n        borderWidth = 'none',\n        borderLayer = 'above-content',\n        direction,\n        className,\n        ...restProps\n    },\n    ref\n) => {\n    const forceDisabled = useDisabled();\n    const activationProps = useCardActivation({\n        onClick,\n        disabled,\n        hasExplicitRole: 'role' in restProps,\n        hasExplicitTabIndex: 'tabIndex' in restProps,\n    });\n    const isPressEnabled = pressEnabled || !!onClick;\n    const isHoverEnabled = hoverEnabled || isPressEnabled;\n\n    const paddingProps = genPaddingProps({\n        Left: paddingLeft ?? padding,\n        Right: paddingRight ?? padding,\n        Top: paddingTop ?? padding,\n        Bottom: paddingBottom ?? padding,\n    });\n    // порядок отрисовки рамки задаётся её положением среди детей карточки: последним потомком — поверх всего\n    // содержимого, первым — под спозиционированным, чтобы выходящие за карточку абсолютно спозиционированные\n    // элементы (например, картинки) перекрывали рамку, а не наоборот\n    const isBorderBelowContent = borderLayer === 'below-content';\n    const borderElement = <div className={styles.borderElement} />;\n    const radiusProps = genBorderRadiusProp({\n        borderRadius,\n        borderBottomLeftRadius,\n        borderBottomRightRadius,\n        borderTopLeftRadius,\n        borderTopRightRadius,\n    });\n\n    return (\n        <DisabledContext.Provider value={forceDisabled || !!disabled}>\n            <Element\n                {...restProps}\n                {...(ref ? { ref } : {})}\n                {...activationProps}\n                style={{ ...paddingProps, ...radiusProps }}\n                className={classnames(\n                    styles.card,\n                    styles[`card-style-${style}`],\n                    !!hoverStyle && styles[`card-hover-style-${hoverStyle}`],\n                    !!borderStyle && styles[`card-border-style-${borderStyle}`],\n                    styles[`card-shadow-${shadow}`],\n                    {\n                        [styles.cardStretched]: stretched,\n                        [styles.cardVerticalStretched]: verticalStretched,\n                        [styles.cardPressEnabled]: isPressEnabled,\n                        [styles.cardHoverEnabled]: isHoverEnabled,\n                        [styles.increaseShadow]: increaseShadow,\n                        [styles.cardDisabled]: !!disabled,\n                        [styles.borderSelected]: borderWidth === 'selected',\n                        [styles.borderDefault]: borderWidth === 'default',\n                    },\n                    className\n                )}\n            >\n                {isBorderBelowContent && borderElement}\n                <IconDynamic stretched hoverEnabled={isHoverEnabled} pressEnabled={isPressEnabled}>\n                    <div className={styles.flexContainer}>\n                        <TextDynamic\n                            stretched\n                            className={classnames({\n                                [styles.layoutVertical]: direction === 'column',\n                                [styles.layoutHorizontal]: direction === 'row',\n                            })}\n                        >\n                            <CardContext.Provider value={{ direction: direction ?? 'row', borderStyle }}>\n                                {children}\n                            </CardContext.Provider>\n                        </TextDynamic>\n                    </div>\n                </IconDynamic>\n                {!isBorderBelowContent && borderElement}\n            </Element>\n        </DisabledContext.Provider>\n    );\n};\n\nconst CardComponent = forwardRef(CardForwardRefRenderFunc) as unknown as PolymorphicComponentWithRef<\n    CardProps,\n    'div'\n> & {\n    Segment: PolymorphicComponentWithRef<CardSegmentProps, 'div'>;\n    Between: FC<CardBetweenProps>;\n};\n\nCardComponent.Segment = CardSegment;\nCardComponent.Between = Between;\n\nexport const Card = enrichWithSkeleton(CardComponent, CardSkeleton);\n"],"names":["radius"],"mappings":"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"}

package/CardSegment.js

@@ -6,11 +6,11 @@ import { DisabledContext } from '@hh.ru/magritte-common-use-disabled';
 import { useCardContext, CardContext } from './cardContext.js';
 import { useCardActivation } from './useCardActivation.js';
 import { Flex } from '@hh.ru/magritte-ui-layout';
-import { s as styles } from './card-D8xcMZq6.js';
+import { s as styles } from './card-Bntc0MUd.js';
 import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-common-mouse';
 
-const CardSegmentRenderFunc = ({ children, disabled = false, interactive = false, onClick, direction = "column", ...flexProps }, ref) => {
+const CardSegmentRenderFunc = ({ children, disabled = false, interactive = false, onClick, direction = "column", className, ...flexProps }, ref) => {
   const activationProps = useCardActivation({ onClick, disabled: !!disabled });
   const { borderStyle } = useCardContext();
   return (
@@ -21,13 +21,17 @@ const CardSegmentRenderFunc = ({ children, disabled = false, interactive = false
         ...flexProps,
         ...ref ? { ref } : {},
         direction,
-        className: classnames(styles.cardSegment, {
-          [styles.interactive]: interactive || !!onClick,
-          [styles.pressEnabled]: !!onClick,
-          [styles.layoutHorizontal]: direction !== "column",
-          [styles.layoutVertical]: direction === "column",
-          [styles.segmentDisabled]: !!activationProps["aria-disabled"]
-        }),
+        className: classnames(
+          styles.cardSegment,
+          {
+            [styles.interactive]: interactive || !!onClick,
+            [styles.pressEnabled]: !!onClick,
+            [styles.layoutHorizontal]: direction !== "column",
+            [styles.layoutVertical]: direction === "column",
+            [styles.segmentDisabled]: !!activationProps["aria-disabled"]
+          },
+          className
+        ),
         ...activationProps,
         children: /* @__PURE__ */ jsx(DisabledContext.Provider, { value: !!activationProps["aria-disabled"], children: /* @__PURE__ */ jsx(CardContext.Provider, { value: { direction: direction === "column" ? "column" : "row", borderStyle }, children }) })
       }

package/CardSegment.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSegment.js","sources":["src/CardSegment.tsx"],"sourcesContent":["import { forwardRef, type MouseEventHandler, type Ref } from 'react';\nimport classNames from 'classnames';\n\nimport { DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { CardContext, useCardContext } from '@hh.ru/magritte-ui-card/cardContext';\nimport { useCardActivation } from '@hh.ru/magritte-ui-card/useCardActivation';\nimport { type FlexProps, Flex } from '@hh.ru/magritte-ui-layout';\n\nimport styles from './card.less';\n\nexport type CardSegmentProps = FlexProps & {\n    /** Включает реакцию сегмента на hover. Реакция на нажатие включается если у карточки задан pressEnabled. Автоматически включается при наличии onClick на сегменте */\n    interactive?: boolean;\n    disabled?: boolean;\n    /** Обработчик клика по сегменту */\n    onClick?: MouseEventHandler<HTMLElement>;\n};\n\nconst CardSegmentRenderFunc: PolymorphicForwardRefRenderFunc<CardSegmentProps, 'div'> = (\n    { children, disabled = false, interactive = false, onClick, direction = 'column', ...flexProps },\n    ref\n) => {\n    const activationProps = useCardActivation({ onClick, disabled: !!disabled });\n    const { borderStyle } = useCardContext();\n\n    return (\n        // @ts-expect-error — generic polymorphic props forwarding between nested polymorphic components\n        <Flex\n            {...flexProps}\n            {...(ref ? { ref: ref as Ref<never> } : {})}\n            direction={direction}\n            className={classNames(styles.cardSegment, {\n                [styles.interactive]: interactive || !!onClick,\n                [styles.pressEnabled]: !!onClick,\n                [styles.layoutHorizontal]: direction !== 'column',\n                [styles.layoutVertical]: direction === 'column',\n                [styles.segmentDisabled]: !!activationProps['aria-disabled'],\n            })}\n            {...activationProps}\n        >\n            <DisabledContext.Provider value={!!activationProps['aria-disabled']}>\n                <CardContext.Provider value={{ direction: direction === 'column' ? 'column' : 'row', borderStyle }}>\n                    {children}\n                </CardContext.Provider>\n            </DisabledContext.Provider>\n        </Flex>\n    );\n};\n\nexport const CardSegment = forwardRef(CardSegmentRenderFunc) as PolymorphicComponentWithRef<CardSegmentProps, 'div'>;\n"],"names":["classNames"],"mappings":";;;;;;;;;;;AAmBA,MAAM,qBAAkF,GAAA,CACpF,EAAE,QAAA,EAAU,WAAW,KAAO,EAAA,WAAA,GAAc,KAAO,EAAA,OAAA,EAAS,SAAY,GAAA,QAAA,EAAU,GAAG,SAAA,IACrF,GACC,KAAA;AACD,EAAM,MAAA,eAAA,GAAkB,kBAAkB,EAAE,OAAA,EAAS,UAAU,CAAC,CAAC,UAAU,CAAA,CAAA;AAC3E,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,cAAe,EAAA,CAAA;AAEvC,EAAA;AAAA;AAAA,oBAEI,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACI,GAAG,SAAA;AAAA,QACH,GAAI,GAAA,GAAM,EAAE,GAAA,KAA2B,EAAC;AAAA,QACzC,SAAA;AAAA,QACA,SAAA,EAAWA,UAAW,CAAA,MAAA,CAAO,WAAa,EAAA;AAAA,UACtC,CAAC,MAAO,CAAA,WAAW,GAAG,WAAA,IAAe,CAAC,CAAC,OAAA;AAAA,UACvC,CAAC,MAAA,CAAO,YAAY,GAAG,CAAC,CAAC,OAAA;AAAA,UACzB,CAAC,MAAA,CAAO,gBAAgB,GAAG,SAAc,KAAA,QAAA;AAAA,UACzC,CAAC,MAAA,CAAO,cAAc,GAAG,SAAc,KAAA,QAAA;AAAA,UACvC,CAAC,MAAO,CAAA,eAAe,GAAG,CAAC,CAAC,gBAAgB,eAAe,CAAA;AAAA,SAC9D,CAAA;AAAA,QACA,GAAG,eAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA,CAAC,eAAgB,CAAA,QAAA,EAAhB,EAAyB,KAAA,EAAO,CAAC,CAAC,eAAA,CAAgB,eAAe,CAAA,EAC9D,QAAC,kBAAA,GAAA,CAAA,WAAA,CAAY,UAAZ,EAAqB,KAAA,EAAO,EAAE,SAAA,EAAW,SAAc,KAAA,QAAA,GAAW,WAAW,KAAO,EAAA,WAAA,EAChF,EAAA,QAAA,EACL,CACJ,EAAA,CAAA;AAAA,OAAA;AAAA,KACJ;AAAA,IAAA;AAER,CAAA,CAAA;AAEa,MAAA,WAAA,GAAc,WAAW,qBAAqB;;;;"}
+{"version":3,"file":"CardSegment.js","sources":["src/CardSegment.tsx"],"sourcesContent":["import { forwardRef, type MouseEventHandler, type Ref } from 'react';\nimport classNames from 'classnames';\n\nimport { DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { CardContext, useCardContext } from '@hh.ru/magritte-ui-card/cardContext';\nimport { useCardActivation } from '@hh.ru/magritte-ui-card/useCardActivation';\nimport { type FlexProps, Flex } from '@hh.ru/magritte-ui-layout';\n\nimport styles from './card.less';\n\nexport type CardSegmentProps = FlexProps & {\n    /** Включает реакцию сегмента на hover. Реакция на нажатие включается если у карточки задан pressEnabled. Автоматически включается при наличии onClick на сегменте */\n    interactive?: boolean;\n    disabled?: boolean;\n    /** Обработчик клика по сегменту */\n    onClick?: MouseEventHandler<HTMLElement>;\n};\n\nconst CardSegmentRenderFunc: PolymorphicForwardRefRenderFunc<CardSegmentProps, 'div'> = (\n    { children, disabled = false, interactive = false, onClick, direction = 'column', className, ...flexProps },\n    ref\n) => {\n    const activationProps = useCardActivation({ onClick, disabled: !!disabled });\n    const { borderStyle } = useCardContext();\n\n    return (\n        // @ts-expect-error — generic polymorphic props forwarding between nested polymorphic components\n        <Flex\n            {...flexProps}\n            {...(ref ? { ref: ref as Ref<never> } : {})}\n            direction={direction}\n            className={classNames(\n                styles.cardSegment,\n                {\n                    [styles.interactive]: interactive || !!onClick,\n                    [styles.pressEnabled]: !!onClick,\n                    [styles.layoutHorizontal]: direction !== 'column',\n                    [styles.layoutVertical]: direction === 'column',\n                    [styles.segmentDisabled]: !!activationProps['aria-disabled'],\n                },\n                className\n            )}\n            {...activationProps}\n        >\n            <DisabledContext.Provider value={!!activationProps['aria-disabled']}>\n                <CardContext.Provider value={{ direction: direction === 'column' ? 'column' : 'row', borderStyle }}>\n                    {children}\n                </CardContext.Provider>\n            </DisabledContext.Provider>\n        </Flex>\n    );\n};\n\nexport const CardSegment = forwardRef(CardSegmentRenderFunc) as PolymorphicComponentWithRef<CardSegmentProps, 'div'>;\n"],"names":["classNames"],"mappings":";;;;;;;;;;;AAmBA,MAAM,qBAAkF,GAAA,CACpF,EAAE,QAAA,EAAU,WAAW,KAAO,EAAA,WAAA,GAAc,KAAO,EAAA,OAAA,EAAS,YAAY,QAAU,EAAA,SAAA,EAAW,GAAG,SAAA,IAChG,GACC,KAAA;AACD,EAAM,MAAA,eAAA,GAAkB,kBAAkB,EAAE,OAAA,EAAS,UAAU,CAAC,CAAC,UAAU,CAAA,CAAA;AAC3E,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,cAAe,EAAA,CAAA;AAEvC,EAAA;AAAA;AAAA,oBAEI,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACI,GAAG,SAAA;AAAA,QACH,GAAI,GAAA,GAAM,EAAE,GAAA,KAA2B,EAAC;AAAA,QACzC,SAAA;AAAA,QACA,SAAW,EAAAA,UAAA;AAAA,UACP,MAAO,CAAA,WAAA;AAAA,UACP;AAAA,YACI,CAAC,MAAO,CAAA,WAAW,GAAG,WAAA,IAAe,CAAC,CAAC,OAAA;AAAA,YACvC,CAAC,MAAA,CAAO,YAAY,GAAG,CAAC,CAAC,OAAA;AAAA,YACzB,CAAC,MAAA,CAAO,gBAAgB,GAAG,SAAc,KAAA,QAAA;AAAA,YACzC,CAAC,MAAA,CAAO,cAAc,GAAG,SAAc,KAAA,QAAA;AAAA,YACvC,CAAC,MAAO,CAAA,eAAe,GAAG,CAAC,CAAC,gBAAgB,eAAe,CAAA;AAAA,WAC/D;AAAA,UACA,SAAA;AAAA,SACJ;AAAA,QACC,GAAG,eAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA,CAAC,eAAgB,CAAA,QAAA,EAAhB,EAAyB,KAAA,EAAO,CAAC,CAAC,eAAA,CAAgB,eAAe,CAAA,EAC9D,QAAC,kBAAA,GAAA,CAAA,WAAA,CAAY,UAAZ,EAAqB,KAAA,EAAO,EAAE,SAAA,EAAW,SAAc,KAAA,QAAA,GAAW,WAAW,KAAO,EAAA,WAAA,EAChF,EAAA,QAAA,EACL,CACJ,EAAA,CAAA;AAAA,OAAA;AAAA,KACJ;AAAA,IAAA;AAER,CAAA,CAAA;AAEa,MAAA,WAAA,GAAc,WAAW,qBAAqB;;;;"}

package/card-Bntc0MUd.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"card":"magritte-card___bhGKz_8-9-0","card-segment":"magritte-card-segment___7LjJe_8-9-0","cardSegment":"magritte-card-segment___7LjJe_8-9-0","layout-vertical":"magritte-layout-vertical___9V-h-_8-9-0","layoutVertical":"magritte-layout-vertical___9V-h-_8-9-0","layout-horizontal":"magritte-layout-horizontal___HUAK3_8-9-0","layoutHorizontal":"magritte-layout-horizontal___HUAK3_8-9-0","border-element":"magritte-border-element___x7sZL_8-9-0","borderElement":"magritte-border-element___x7sZL_8-9-0","card-press-enabled":"magritte-card-press-enabled___kXfCl_8-9-0","cardPressEnabled":"magritte-card-press-enabled___kXfCl_8-9-0","interactive":"magritte-interactive___rmhl9_8-9-0","press-enabled":"magritte-press-enabled___dc53v_8-9-0","pressEnabled":"magritte-press-enabled___dc53v_8-9-0","card-disabled":"magritte-card-disabled___SMFnB_8-9-0","cardDisabled":"magritte-card-disabled___SMFnB_8-9-0","segment-disabled":"magritte-segment-disabled___FlWSu_8-9-0","segmentDisabled":"magritte-segment-disabled___FlWSu_8-9-0","card-stretched":"magritte-card-stretched___0Uc0J_8-9-0","cardStretched":"magritte-card-stretched___0Uc0J_8-9-0","card-vertical-stretched":"magritte-card-vertical-stretched___Lrxmc_8-9-0","cardVerticalStretched":"magritte-card-vertical-stretched___Lrxmc_8-9-0","border-selected":"magritte-border-selected___bGxVg_8-9-0","borderSelected":"magritte-border-selected___bGxVg_8-9-0","border-default":"magritte-border-default___eT8Lg_8-9-0","borderDefault":"magritte-border-default___eT8Lg_8-9-0","card-hover-enabled":"magritte-card-hover-enabled___-wolU_8-9-0","cardHoverEnabled":"magritte-card-hover-enabled___-wolU_8-9-0","card-shadow-level-3":"magritte-card-shadow-level-3___R34TB_8-9-0","cardShadowLevel3":"magritte-card-shadow-level-3___R34TB_8-9-0","card-shadow-level-2":"magritte-card-shadow-level-2___BgHDx_8-9-0","cardShadowLevel2":"magritte-card-shadow-level-2___BgHDx_8-9-0","card-shadow-level-1":"magritte-card-shadow-level-1___8-39e_8-9-0","cardShadowLevel1":"magritte-card-shadow-level-1___8-39e_8-9-0","card-shadow-level-0":"magritte-card-shadow-level-0___RNbQK_8-9-0","cardShadowLevel0":"magritte-card-shadow-level-0___RNbQK_8-9-0","increase-shadow":"magritte-increase-shadow___Lvfmm_8-9-0","increaseShadow":"magritte-increase-shadow___Lvfmm_8-9-0","card-style-primary":"magritte-card-style-primary___eZ6aX_8-9-0","cardStylePrimary":"magritte-card-style-primary___eZ6aX_8-9-0","card-style-secondary":"magritte-card-style-secondary___VmTqm_8-9-0","cardStyleSecondary":"magritte-card-style-secondary___VmTqm_8-9-0","card-style-tertiary":"magritte-card-style-tertiary___fE-jW_8-9-0","cardStyleTertiary":"magritte-card-style-tertiary___fE-jW_8-9-0","card-style-accent-secondary":"magritte-card-style-accent-secondary___Ra0PD_8-9-0","cardStyleAccentSecondary":"magritte-card-style-accent-secondary___Ra0PD_8-9-0","card-style-accent":"magritte-card-style-accent___Gd2T5_8-9-0","cardStyleAccent":"magritte-card-style-accent___Gd2T5_8-9-0","card-style-positive-secondary":"magritte-card-style-positive-secondary___BsXFI_8-9-0","cardStylePositiveSecondary":"magritte-card-style-positive-secondary___BsXFI_8-9-0","card-style-positive":"magritte-card-style-positive___4sgFq_8-9-0","cardStylePositive":"magritte-card-style-positive___4sgFq_8-9-0","card-style-negative-secondary":"magritte-card-style-negative-secondary___lN7i3_8-9-0","cardStyleNegativeSecondary":"magritte-card-style-negative-secondary___lN7i3_8-9-0","card-style-negative":"magritte-card-style-negative___Fk6xX_8-9-0","cardStyleNegative":"magritte-card-style-negative___Fk6xX_8-9-0","card-style-warning-secondary":"magritte-card-style-warning-secondary___m2Hpa_8-9-0","cardStyleWarningSecondary":"magritte-card-style-warning-secondary___m2Hpa_8-9-0","card-style-warning":"magritte-card-style-warning___NIuCV_8-9-0","cardStyleWarning":"magritte-card-style-warning___NIuCV_8-9-0","card-style-special-secondary":"magritte-card-style-special-secondary___oVULE_8-9-0","cardStyleSpecialSecondary":"magritte-card-style-special-secondary___oVULE_8-9-0","card-style-special":"magritte-card-style-special___GOdvY_8-9-0","cardStyleSpecial":"magritte-card-style-special___GOdvY_8-9-0","card-style-dreamy-secondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-9-0","cardStyleDreamySecondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-9-0","card-style-dreamy":"magritte-card-style-dreamy___-Az0l_8-9-0","cardStyleDreamy":"magritte-card-style-dreamy___-Az0l_8-9-0","card-style-lovely-secondary":"magritte-card-style-lovely-secondary___feuo0_8-9-0","cardStyleLovelySecondary":"magritte-card-style-lovely-secondary___feuo0_8-9-0","card-style-lovely":"magritte-card-style-lovely___fPKUi_8-9-0","cardStyleLovely":"magritte-card-style-lovely___fPKUi_8-9-0","card-style-vivid-secondary":"magritte-card-style-vivid-secondary___yqwVy_8-9-0","cardStyleVividSecondary":"magritte-card-style-vivid-secondary___yqwVy_8-9-0","card-style-vivid":"magritte-card-style-vivid___pmSCz_8-9-0","cardStyleVivid":"magritte-card-style-vivid___pmSCz_8-9-0","card-style-body":"magritte-card-style-body___TNxld_8-9-0","cardStyleBody":"magritte-card-style-body___TNxld_8-9-0","card-style-overlay":"magritte-card-style-overlay___urh3T_8-9-0","cardStyleOverlay":"magritte-card-style-overlay___urh3T_8-9-0","card-style-overlay-action":"magritte-card-style-overlay-action___-jVWT_8-9-0","cardStyleOverlayAction":"magritte-card-style-overlay-action___-jVWT_8-9-0","card-style-overlay-modal-action":"magritte-card-style-overlay-modal-action___z3trK_8-9-0","cardStyleOverlayModalAction":"magritte-card-style-overlay-modal-action___z3trK_8-9-0","card-style-overlay-bottom-sheet-action":"magritte-card-style-overlay-bottom-sheet-action___0PnSE_8-9-0","cardStyleOverlayBottomSheetAction":"magritte-card-style-overlay-bottom-sheet-action___0PnSE_8-9-0","card-style-overlay-viewer":"magritte-card-style-overlay-viewer___TdHGx_8-9-0","cardStyleOverlayViewer":"magritte-card-style-overlay-viewer___TdHGx_8-9-0","card-style-overlay-toolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-9-0","cardStyleOverlayToolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-9-0","card-style-transparent":"magritte-card-style-transparent___1h3h6_8-9-0","cardStyleTransparent":"magritte-card-style-transparent___1h3h6_8-9-0","card-style-constant":"magritte-card-style-constant___UluNp_8-9-0","cardStyleConstant":"magritte-card-style-constant___UluNp_8-9-0","card-style-constant-secondary":"magritte-card-style-constant-secondary___5HctC_8-9-0","cardStyleConstantSecondary":"magritte-card-style-constant-secondary___5HctC_8-9-0","card-style-inverse":"magritte-card-style-inverse___HWOHp_8-9-0","cardStyleInverse":"magritte-card-style-inverse___HWOHp_8-9-0","card-style-inverse-secondary":"magritte-card-style-inverse-secondary___3EIdn_8-9-0","cardStyleInverseSecondary":"magritte-card-style-inverse-secondary___3EIdn_8-9-0","card-hover-style-primary":"magritte-card-hover-style-primary___VgPLn_8-9-0","cardHoverStylePrimary":"magritte-card-hover-style-primary___VgPLn_8-9-0","card-hover-style-secondary":"magritte-card-hover-style-secondary___NQCxT_8-9-0","cardHoverStyleSecondary":"magritte-card-hover-style-secondary___NQCxT_8-9-0","card-hover-style-tertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-9-0","cardHoverStyleTertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-9-0","card-hover-style-accent-secondary":"magritte-card-hover-style-accent-secondary___o5URO_8-9-0","cardHoverStyleAccentSecondary":"magritte-card-hover-style-accent-secondary___o5URO_8-9-0","card-hover-style-accent":"magritte-card-hover-style-accent___n8Lb4_8-9-0","cardHoverStyleAccent":"magritte-card-hover-style-accent___n8Lb4_8-9-0","card-hover-style-positive-secondary":"magritte-card-hover-style-positive-secondary___Aw634_8-9-0","cardHoverStylePositiveSecondary":"magritte-card-hover-style-positive-secondary___Aw634_8-9-0","card-hover-style-positive":"magritte-card-hover-style-positive___zQ7MM_8-9-0","cardHoverStylePositive":"magritte-card-hover-style-positive___zQ7MM_8-9-0","card-hover-style-negative-secondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-9-0","cardHoverStyleNegativeSecondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-9-0","card-hover-style-negative":"magritte-card-hover-style-negative___1cL78_8-9-0","cardHoverStyleNegative":"magritte-card-hover-style-negative___1cL78_8-9-0","card-hover-style-warning-secondary":"magritte-card-hover-style-warning-secondary___4knLA_8-9-0","cardHoverStyleWarningSecondary":"magritte-card-hover-style-warning-secondary___4knLA_8-9-0","card-hover-style-warning":"magritte-card-hover-style-warning___Fw34b_8-9-0","cardHoverStyleWarning":"magritte-card-hover-style-warning___Fw34b_8-9-0","card-hover-style-special-secondary":"magritte-card-hover-style-special-secondary___ImyvT_8-9-0","cardHoverStyleSpecialSecondary":"magritte-card-hover-style-special-secondary___ImyvT_8-9-0","card-hover-style-special":"magritte-card-hover-style-special___og9oA_8-9-0","cardHoverStyleSpecial":"magritte-card-hover-style-special___og9oA_8-9-0","card-hover-style-dreamy-secondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-9-0","cardHoverStyleDreamySecondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-9-0","card-hover-style-dreamy":"magritte-card-hover-style-dreamy___9sxP7_8-9-0","cardHoverStyleDreamy":"magritte-card-hover-style-dreamy___9sxP7_8-9-0","card-hover-style-lovely-secondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-9-0","cardHoverStyleLovelySecondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-9-0","card-hover-style-lovely":"magritte-card-hover-style-lovely___Ml-R2_8-9-0","cardHoverStyleLovely":"magritte-card-hover-style-lovely___Ml-R2_8-9-0","card-hover-style-vivid-secondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-9-0","cardHoverStyleVividSecondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-9-0","card-hover-style-vivid":"magritte-card-hover-style-vivid___qyl-R_8-9-0","cardHoverStyleVivid":"magritte-card-hover-style-vivid___qyl-R_8-9-0","card-hover-style-body":"magritte-card-hover-style-body___pimB3_8-9-0","cardHoverStyleBody":"magritte-card-hover-style-body___pimB3_8-9-0","card-hover-style-overlay":"magritte-card-hover-style-overlay___rAPpl_8-9-0","cardHoverStyleOverlay":"magritte-card-hover-style-overlay___rAPpl_8-9-0","card-hover-style-overlay-action":"magritte-card-hover-style-overlay-action___6BpQw_8-9-0","cardHoverStyleOverlayAction":"magritte-card-hover-style-overlay-action___6BpQw_8-9-0","card-hover-style-overlay-modal-action":"magritte-card-hover-style-overlay-modal-action___dcC77_8-9-0","cardHoverStyleOverlayModalAction":"magritte-card-hover-style-overlay-modal-action___dcC77_8-9-0","card-hover-style-overlay-bottom-sheet-action":"magritte-card-hover-style-overlay-bottom-sheet-action___KCUtT_8-9-0","cardHoverStyleOverlayBottomSheetAction":"magritte-card-hover-style-overlay-bottom-sheet-action___KCUtT_8-9-0","card-hover-style-overlay-viewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-9-0","cardHoverStyleOverlayViewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-9-0","card-hover-style-overlay-toolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-9-0","cardHoverStyleOverlayToolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-9-0","card-hover-style-transparent":"magritte-card-hover-style-transparent___zXQGl_8-9-0","cardHoverStyleTransparent":"magritte-card-hover-style-transparent___zXQGl_8-9-0","card-hover-style-constant":"magritte-card-hover-style-constant___uH6-E_8-9-0","cardHoverStyleConstant":"magritte-card-hover-style-constant___uH6-E_8-9-0","card-hover-style-constant-secondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-9-0","cardHoverStyleConstantSecondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-9-0","card-hover-style-inverse":"magritte-card-hover-style-inverse___Db1kM_8-9-0","cardHoverStyleInverse":"magritte-card-hover-style-inverse___Db1kM_8-9-0","card-hover-style-inverse-secondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-9-0","cardHoverStyleInverseSecondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-9-0","flex-container":"magritte-flex-container___CVFEY_8-9-0","flexContainer":"magritte-flex-container___CVFEY_8-9-0","card-border-style-neutral":"magritte-card-border-style-neutral___611b0_8-9-0","cardBorderStyleNeutral":"magritte-card-border-style-neutral___611b0_8-9-0","card-border-style-phantom":"magritte-card-border-style-phantom___ezFSC_8-9-0","cardBorderStylePhantom":"magritte-card-border-style-phantom___ezFSC_8-9-0","card-border-style-phantom-alt":"magritte-card-border-style-phantom-alt___2IkKz_8-9-0","cardBorderStylePhantomAlt":"magritte-card-border-style-phantom-alt___2IkKz_8-9-0","card-border-style-overlay":"magritte-card-border-style-overlay___yOj6r_8-9-0","cardBorderStyleOverlay":"magritte-card-border-style-overlay___yOj6r_8-9-0","card-border-style-accent":"magritte-card-border-style-accent___D-2Wb_8-9-0","cardBorderStyleAccent":"magritte-card-border-style-accent___D-2Wb_8-9-0","card-border-style-positive":"magritte-card-border-style-positive___to7aa_8-9-0","cardBorderStylePositive":"magritte-card-border-style-positive___to7aa_8-9-0","card-border-style-negative":"magritte-card-border-style-negative___IenCT_8-9-0","cardBorderStyleNegative":"magritte-card-border-style-negative___IenCT_8-9-0","card-border-style-warning":"magritte-card-border-style-warning___Fax0h_8-9-0","cardBorderStyleWarning":"magritte-card-border-style-warning___Fax0h_8-9-0","card-border-style-special":"magritte-card-border-style-special___mgV7r_8-9-0","cardBorderStyleSpecial":"magritte-card-border-style-special___mgV7r_8-9-0","card-border-style-dreamy":"magritte-card-border-style-dreamy___vYIow_8-9-0","cardBorderStyleDreamy":"magritte-card-border-style-dreamy___vYIow_8-9-0","card-border-style-lovely":"magritte-card-border-style-lovely___d1dyh_8-9-0","cardBorderStyleLovely":"magritte-card-border-style-lovely___d1dyh_8-9-0","card-border-style-vivid":"magritte-card-border-style-vivid___UYrn3_8-9-0","cardBorderStyleVivid":"magritte-card-border-style-vivid___UYrn3_8-9-0","card-border-style-neutral-heavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-9-0","cardBorderStyleNeutralHeavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-9-0","card-border-style-constant":"magritte-card-border-style-constant___4DDKM_8-9-0","cardBorderStyleConstant":"magritte-card-border-style-constant___4DDKM_8-9-0","card-border-style-constant-alt":"magritte-card-border-style-constant-alt___wfnBK_8-9-0","cardBorderStyleConstantAlt":"magritte-card-border-style-constant-alt___wfnBK_8-9-0","between":"magritte-between___kuRsE_8-9-0"};
+
+export { styles as s };
+//# sourceMappingURL=card-Bntc0MUd.js.map

package/card-Bntc0MUd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-Bntc0MUd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/index.css

@@ -345,7 +345,7 @@
   --magritte-color-stroke-state-accent-pressed-v26-0-2:#618096;
   --magritte-color-stroke-state-warning-pressed-v26-0-2:#D78009;
 }
-.magritte-card___bhGKz_8-8-0{
+.magritte-card___bhGKz_8-9-0{
   display:inline-flex;
   position:relative;
   box-sizing:border-box;
@@ -384,608 +384,608 @@
   --magritte-ui-table-border-radius-bottom-left:var(--magritte-card-border-radius-bottom-left, var(--magritte-card-border-radius, 0));
   --magritte-ui-table-border-radius-bottom-right:var(--magritte-card-border-radius-bottom-right, var(--magritte-card-border-radius, 0));
 }
-.magritte-card-segment___7LjJe_8-8-0:not(:nth-child(1 of .magritte-card-segment___7LjJe_8-8-0)):not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-8-0)){
+.magritte-card-segment___7LjJe_8-9-0 ~ .magritte-card-segment___7LjJe_8-9-0:has(~ .magritte-card-segment___7LjJe_8-9-0){
   --magritte-card-border-radius-top-left:0;
   --magritte-card-border-radius-top-right:0;
   --magritte-card-border-radius-bottom-left:0;
   --magritte-card-border-radius-bottom-right:0;
 }
-.magritte-layout-vertical___9V-h-_8-8-0{
+.magritte-layout-vertical___9V-h-_8-9-0{
   display:inline-flex;
   flex-direction:column;
 }
-.magritte-layout-vertical___9V-h-_8-8-0 > .magritte-card-segment___7LjJe_8-8-0:not(:nth-child(1 of .magritte-card-segment___7LjJe_8-8-0)){
+.magritte-layout-vertical___9V-h-_8-9-0 > .magritte-card-segment___7LjJe_8-9-0 ~ .magritte-card-segment___7LjJe_8-9-0{
   --magritte-card-segment-border-shadow-top:inset 0 0 0 0 transparent;
 }
-.magritte-layout-vertical___9V-h-_8-8-0 > .magritte-card-segment___7LjJe_8-8-0:nth-child(1 of .magritte-card-segment___7LjJe_8-8-0):not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-8-0)){
+.magritte-layout-vertical___9V-h-_8-9-0 > .magritte-card-segment___7LjJe_8-9-0:not(.magritte-card-segment___7LjJe_8-9-0 ~ .magritte-card-segment___7LjJe_8-9-0):has(~ .magritte-card-segment___7LjJe_8-9-0){
   --magritte-card-border-radius-bottom-left:0;
   --magritte-card-border-radius-bottom-right:0;
 }
-.magritte-layout-vertical___9V-h-_8-8-0 > .magritte-card-segment___7LjJe_8-8-0:not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-8-0)){
+.magritte-layout-vertical___9V-h-_8-9-0 > .magritte-card-segment___7LjJe_8-9-0:has(~ .magritte-card-segment___7LjJe_8-9-0){
   --magritte-card-segment-border-shadow-bottom:inset 0 0 0 0 transparent;
 }
-.magritte-layout-vertical___9V-h-_8-8-0 > .magritte-card-segment___7LjJe_8-8-0:nth-last-child(1 of .magritte-card-segment___7LjJe_8-8-0):not(:nth-child(1 of .magritte-card-segment___7LjJe_8-8-0)){
+.magritte-layout-vertical___9V-h-_8-9-0 > .magritte-card-segment___7LjJe_8-9-0 ~ .magritte-card-segment___7LjJe_8-9-0:not(:has(~ .magritte-card-segment___7LjJe_8-9-0)){
   --magritte-card-border-radius-top-left:0;
   --magritte-card-border-radius-top-right:0;
 }
-.magritte-layout-vertical___9V-h-_8-8-0 > .magritte-card-segment___7LjJe_8-8-0:nth-child(1 of .magritte-card-segment___7LjJe_8-8-0):nth-last-child(1 of .magritte-card-segment___7LjJe_8-8-0){
+.magritte-layout-vertical___9V-h-_8-9-0 > .magritte-card-segment___7LjJe_8-9-0:not(.magritte-card-segment___7LjJe_8-9-0 ~ .magritte-card-segment___7LjJe_8-9-0):not(:has(~ .magritte-card-segment___7LjJe_8-9-0)){
   box-shadow:var(--magritte-card-border-shadow);
 }
-.magritte-layout-horizontal___HUAK3_8-8-0{
+.magritte-layout-horizontal___HUAK3_8-9-0{
   display:inline-flex;
   flex-direction:row;
 }
-.magritte-layout-horizontal___HUAK3_8-8-0 > .magritte-card-segment___7LjJe_8-8-0:not(:nth-child(1 of .magritte-card-segment___7LjJe_8-8-0)){
+.magritte-layout-horizontal___HUAK3_8-9-0 > .magritte-card-segment___7LjJe_8-9-0 ~ .magritte-card-segment___7LjJe_8-9-0{
   --magritte-card-segment-border-shadow-left:inset 0 0 0 0 transparent;
 }
-.magritte-layout-horizontal___HUAK3_8-8-0 > .magritte-card-segment___7LjJe_8-8-0:nth-child(1 of .magritte-card-segment___7LjJe_8-8-0):not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-8-0)){
+.magritte-layout-horizontal___HUAK3_8-9-0 > .magritte-card-segment___7LjJe_8-9-0:not(.magritte-card-segment___7LjJe_8-9-0 ~ .magritte-card-segment___7LjJe_8-9-0):has(~ .magritte-card-segment___7LjJe_8-9-0){
   --magritte-card-border-radius-bottom-right:0;
   --magritte-card-border-radius-top-right:0;
 }
-.magritte-layout-horizontal___HUAK3_8-8-0 > .magritte-card-segment___7LjJe_8-8-0:not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-8-0)){
+.magritte-layout-horizontal___HUAK3_8-9-0 > .magritte-card-segment___7LjJe_8-9-0:has(~ .magritte-card-segment___7LjJe_8-9-0){
   --magritte-card-segment-border-shadow-right:inset 0 0 0 0 transparent;
 }
-.magritte-layout-horizontal___HUAK3_8-8-0 > .magritte-card-segment___7LjJe_8-8-0:nth-last-child(1 of .magritte-card-segment___7LjJe_8-8-0):not(:nth-child(1 of .magritte-card-segment___7LjJe_8-8-0)){
+.magritte-layout-horizontal___HUAK3_8-9-0 > .magritte-card-segment___7LjJe_8-9-0 ~ .magritte-card-segment___7LjJe_8-9-0:not(:has(~ .magritte-card-segment___7LjJe_8-9-0)){
   --magritte-card-border-radius-bottom-left:0;
   --magritte-card-border-radius-top-left:0;
 }
-.magritte-layout-horizontal___HUAK3_8-8-0 > .magritte-card-segment___7LjJe_8-8-0:nth-child(1 of .magritte-card-segment___7LjJe_8-8-0):nth-last-child(1 of .magritte-card-segment___7LjJe_8-8-0){
+.magritte-layout-horizontal___HUAK3_8-9-0 > .magritte-card-segment___7LjJe_8-9-0:not(.magritte-card-segment___7LjJe_8-9-0 ~ .magritte-card-segment___7LjJe_8-9-0):not(:has(~ .magritte-card-segment___7LjJe_8-9-0)){
   box-shadow:var(--magritte-card-border-shadow);
 }
-.magritte-border-element___x7sZL_8-8-0{
+.magritte-border-element___x7sZL_8-9-0{
   position:absolute;
   inset:0;
   pointer-events:none;
   border-radius:var(--magritte-card-border-radius-top-left, var(--magritte-card-border-radius, 0)) var(--magritte-card-border-radius-top-right, var(--magritte-card-border-radius, 0)) var(--magritte-card-border-radius-bottom-right, var(--magritte-card-border-radius, 0)) var(--magritte-card-border-radius-bottom-left, var(--magritte-card-border-radius, 0));
   box-shadow:var(--magritte-card-border-shadow);
 }
-.magritte-card___bhGKz_8-8-0.focus-visible,
-.magritte-card-segment___7LjJe_8-8-0.focus-visible{
+.magritte-card___bhGKz_8-9-0.focus-visible,
+.magritte-card-segment___7LjJe_8-9-0.focus-visible{
   outline:var(--magritte-color-stroke-state-focused-accessible-v26-0-2) solid 4px;
 }
-.magritte-card-press-enabled___kXfCl_8-8-0:not(:has(.magritte-card-segment___7LjJe_8-8-0.magritte-interactive___rmhl9_8-8-0)),
-.magritte-card-press-enabled___kXfCl_8-8-0 .magritte-card-segment___7LjJe_8-8-0.magritte-interactive___rmhl9_8-8-0,
-.magritte-card-segment___7LjJe_8-8-0.magritte-press-enabled___dc53v_8-8-0{
+.magritte-card-press-enabled___kXfCl_8-9-0:not(:has(.magritte-card-segment___7LjJe_8-9-0.magritte-interactive___rmhl9_8-9-0)),
+.magritte-card-press-enabled___kXfCl_8-9-0 .magritte-card-segment___7LjJe_8-9-0.magritte-interactive___rmhl9_8-9-0,
+.magritte-card-segment___7LjJe_8-9-0.magritte-press-enabled___dc53v_8-9-0{
   cursor:pointer;
 }
-.magritte-card-disabled___SMFnB_8-8-0,
-.magritte-card-disabled___SMFnB_8-8-0 .magritte-card-segment___7LjJe_8-8-0.magritte-interactive___rmhl9_8-8-0,
-.magritte-card-segment___7LjJe_8-8-0.magritte-segment-disabled___FlWSu_8-8-0{
+.magritte-card-disabled___SMFnB_8-9-0,
+.magritte-card-disabled___SMFnB_8-9-0 .magritte-card-segment___7LjJe_8-9-0.magritte-interactive___rmhl9_8-9-0,
+.magritte-card-segment___7LjJe_8-9-0.magritte-segment-disabled___FlWSu_8-9-0{
   cursor:default;
 }
-.magritte-card___bhGKz_8-8-0 .magritte-card___bhGKz_8-8-0{
+.magritte-card___bhGKz_8-9-0 .magritte-card___bhGKz_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-neutral-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-neutral-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-neutral-pressed-v26-0-2);
 }
-.magritte-card-stretched___0Uc0J_8-8-0{
+.magritte-card-stretched___0Uc0J_8-9-0{
   width:100%;
 }
-.magritte-card-vertical-stretched___Lrxmc_8-8-0{
+.magritte-card-vertical-stretched___Lrxmc_8-9-0{
   height:100%;
 }
-.magritte-card___bhGKz_8-8-0.magritte-border-selected___bGxVg_8-8-0,
-.magritte-card___bhGKz_8-8-0.magritte-border-default___eT8Lg_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-border-selected___bGxVg_8-9-0,
+.magritte-card___bhGKz_8-9-0.magritte-border-default___eT8Lg_8-9-0{
   --magritte-card-border-shadow-width:1px;
   --magritte-card-border-shadow-color:var(--magritte-card-border-color);
 }
-.magritte-card___bhGKz_8-8-0.magritte-border-selected___bGxVg_8-8-0.magritte-card-disabled___SMFnB_8-8-0,
-.magritte-card___bhGKz_8-8-0.magritte-border-default___eT8Lg_8-8-0.magritte-card-disabled___SMFnB_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-border-selected___bGxVg_8-9-0.magritte-card-disabled___SMFnB_8-9-0,
+.magritte-card___bhGKz_8-9-0.magritte-border-default___eT8Lg_8-9-0.magritte-card-disabled___SMFnB_8-9-0{
   --magritte-card-border-shadow-color:var(--magritte-card-disabled-border-color);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-card___bhGKz_8-8-0.magritte-border-selected___bGxVg_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0):not(.magritte-card-press-enabled___kXfCl_8-8-0),
-  body.magritte-old-layout .magritte-card___bhGKz_8-8-0.magritte-border-default___eT8Lg_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0):not(.magritte-card-press-enabled___kXfCl_8-8-0),
-  body.magritte-old-layout .magritte-card___bhGKz_8-8-0.magritte-border-selected___bGxVg_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0).magritte-card-press-enabled___kXfCl_8-8-0:not(:active),
-  body.magritte-old-layout .magritte-card___bhGKz_8-8-0.magritte-border-default___eT8Lg_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0).magritte-card-press-enabled___kXfCl_8-8-0:not(:active){
+  body.magritte-old-layout .magritte-card___bhGKz_8-9-0.magritte-border-selected___bGxVg_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0):not(.magritte-card-press-enabled___kXfCl_8-9-0),
+  body.magritte-old-layout .magritte-card___bhGKz_8-9-0.magritte-border-default___eT8Lg_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0):not(.magritte-card-press-enabled___kXfCl_8-9-0),
+  body.magritte-old-layout .magritte-card___bhGKz_8-9-0.magritte-border-selected___bGxVg_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0).magritte-card-press-enabled___kXfCl_8-9-0:not(:active),
+  body.magritte-old-layout .magritte-card___bhGKz_8-9-0.magritte-border-default___eT8Lg_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0).magritte-card-press-enabled___kXfCl_8-9-0:not(:active){
     --magritte-card-border-shadow-color:var(--magritte-card-hovered-border-color);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-card___bhGKz_8-8-0.magritte-border-selected___bGxVg_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0):not(.magritte-card-press-enabled___kXfCl_8-8-0),
-  body:not(.magritte-old-layout) .magritte-card___bhGKz_8-8-0.magritte-border-default___eT8Lg_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0):not(.magritte-card-press-enabled___kXfCl_8-8-0),
-  body:not(.magritte-old-layout) .magritte-card___bhGKz_8-8-0.magritte-border-selected___bGxVg_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0).magritte-card-press-enabled___kXfCl_8-8-0:not(:active),
-  body:not(.magritte-old-layout) .magritte-card___bhGKz_8-8-0.magritte-border-default___eT8Lg_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0).magritte-card-press-enabled___kXfCl_8-8-0:not(:active){
+  body:not(.magritte-old-layout) .magritte-card___bhGKz_8-9-0.magritte-border-selected___bGxVg_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0):not(.magritte-card-press-enabled___kXfCl_8-9-0),
+  body:not(.magritte-old-layout) .magritte-card___bhGKz_8-9-0.magritte-border-default___eT8Lg_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0):not(.magritte-card-press-enabled___kXfCl_8-9-0),
+  body:not(.magritte-old-layout) .magritte-card___bhGKz_8-9-0.magritte-border-selected___bGxVg_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0).magritte-card-press-enabled___kXfCl_8-9-0:not(:active),
+  body:not(.magritte-old-layout) .magritte-card___bhGKz_8-9-0.magritte-border-default___eT8Lg_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0).magritte-card-press-enabled___kXfCl_8-9-0:not(:active){
     --magritte-card-border-shadow-color:var(--magritte-card-hovered-border-color);
   }
 }
-.magritte-card___bhGKz_8-8-0.magritte-border-selected___bGxVg_8-8-0.magritte-card-press-enabled___kXfCl_8-8-0:active:not(.magritte-card-disabled___SMFnB_8-8-0),
-.magritte-card___bhGKz_8-8-0.magritte-border-default___eT8Lg_8-8-0.magritte-card-press-enabled___kXfCl_8-8-0:active:not(.magritte-card-disabled___SMFnB_8-8-0){
+.magritte-card___bhGKz_8-9-0.magritte-border-selected___bGxVg_8-9-0.magritte-card-press-enabled___kXfCl_8-9-0:active:not(.magritte-card-disabled___SMFnB_8-9-0),
+.magritte-card___bhGKz_8-9-0.magritte-border-default___eT8Lg_8-9-0.magritte-card-press-enabled___kXfCl_8-9-0:active:not(.magritte-card-disabled___SMFnB_8-9-0){
   --magritte-card-border-shadow-color:var(--magritte-card-active-border-color);
 }
-.magritte-card___bhGKz_8-8-0.magritte-border-selected___bGxVg_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-border-selected___bGxVg_8-9-0{
   --magritte-card-border-shadow-width:2px;
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-shadow-level-3___R34TB_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-shadow-level-3___R34TB_8-9-0{
   --magritte-card-shadow:var(--magritte-shadow-level-3-x-v26-0-2) var(--magritte-shadow-level-3-y-v26-0-2) var(--magritte-shadow-level-3-blur-v26-0-2) var(--magritte-shadow-level-3-spread-v26-0-2) var(--magritte-shadow-level-3-color-v26-0-2);
   --magritte-card-interaction-shadow:var(--magritte-shadow-level-3-x-v26-0-2) var(--magritte-shadow-level-3-y-v26-0-2) var(--magritte-shadow-level-3-blur-v26-0-2) var(--magritte-shadow-level-3-spread-v26-0-2) var(--magritte-shadow-level-3-color-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-shadow-level-2___BgHDx_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-shadow-level-2___BgHDx_8-9-0{
   --magritte-card-shadow:var(--magritte-shadow-level-2-x-v26-0-2) var(--magritte-shadow-level-2-y-v26-0-2) var(--magritte-shadow-level-2-blur-v26-0-2) var(--magritte-shadow-level-2-spread-v26-0-2) var(--magritte-shadow-level-2-color-v26-0-2);
   --magritte-card-interaction-shadow:var(--magritte-shadow-level-3-x-v26-0-2) var(--magritte-shadow-level-3-y-v26-0-2) var(--magritte-shadow-level-3-blur-v26-0-2) var(--magritte-shadow-level-3-spread-v26-0-2) var(--magritte-shadow-level-3-color-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-shadow-level-1___8-39e_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-shadow-level-1___8-39e_8-9-0{
   --magritte-card-shadow:var(--magritte-shadow-level-1-x-v26-0-2) var(--magritte-shadow-level-1-y-v26-0-2) var(--magritte-shadow-level-1-blur-v26-0-2) var(--magritte-shadow-level-1-spread-v26-0-2) var(--magritte-shadow-level-1-color-v26-0-2);
   --magritte-card-interaction-shadow:var(--magritte-shadow-level-2-x-v26-0-2) var(--magritte-shadow-level-2-y-v26-0-2) var(--magritte-shadow-level-2-blur-v26-0-2) var(--magritte-shadow-level-2-spread-v26-0-2) var(--magritte-shadow-level-2-color-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-shadow-level-0___RNbQK_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-shadow-level-0___RNbQK_8-9-0{
   --magritte-card-shadow:var(--magritte-shadow-level-0-x-v26-0-2) var(--magritte-shadow-level-0-y-v26-0-2) var(--magritte-shadow-level-0-blur-v26-0-2) var(--magritte-shadow-level-0-spread-v26-0-2) var(--magritte-shadow-level-0-color-v26-0-2);
   --magritte-card-interaction-shadow:var(--magritte-shadow-level-1-x-v26-0-2) var(--magritte-shadow-level-1-y-v26-0-2) var(--magritte-shadow-level-1-blur-v26-0-2) var(--magritte-shadow-level-1-spread-v26-0-2) var(--magritte-shadow-level-1-color-v26-0-2);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout  .magritte-increase-shadow___Lvfmm_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0){
+  body.magritte-old-layout  .magritte-increase-shadow___Lvfmm_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0){
     --magritte-card-shadow:var(--magritte-card-interaction-shadow);
   }
-  body.magritte-old-layout  .magritte-increase-shadow___Lvfmm_8-8-0.magritte-card-press-enabled___kXfCl_8-8-0:active:not(.magritte-card-disabled___SMFnB_8-8-0){
+  body.magritte-old-layout  .magritte-increase-shadow___Lvfmm_8-9-0.magritte-card-press-enabled___kXfCl_8-9-0:active:not(.magritte-card-disabled___SMFnB_8-9-0){
     --magritte-card-shadow:var(--magritte-card-interaction-shadow);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout)  .magritte-increase-shadow___Lvfmm_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0){
+  body:not(.magritte-old-layout)  .magritte-increase-shadow___Lvfmm_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0){
     --magritte-card-shadow:var(--magritte-card-interaction-shadow);
   }
-  body:not(.magritte-old-layout)  .magritte-increase-shadow___Lvfmm_8-8-0.magritte-card-press-enabled___kXfCl_8-8-0:active:not(.magritte-card-disabled___SMFnB_8-8-0){
+  body:not(.magritte-old-layout)  .magritte-increase-shadow___Lvfmm_8-9-0.magritte-card-press-enabled___kXfCl_8-9-0:active:not(.magritte-card-disabled___SMFnB_8-9-0){
     --magritte-card-shadow:var(--magritte-card-interaction-shadow);
   }
 }
-.magritte-card-segment___7LjJe_8-8-0{
+.magritte-card-segment___7LjJe_8-9-0{
   background:none;
   z-index:0;
   border-radius:var(--magritte-card-border-radius-top-left, var(--magritte-card-border-radius, 0)) var(--magritte-card-border-radius-top-right, var(--magritte-card-border-radius, 0)) var(--magritte-card-border-radius-bottom-right, var(--magritte-card-border-radius, 0)) var(--magritte-card-border-radius-bottom-left, var(--magritte-card-border-radius, 0));
   box-shadow:var(--magritte-card-segment-border-shadow-top), var(--magritte-card-segment-border-shadow-bottom), var(--magritte-card-segment-border-shadow-left), var(--magritte-card-segment-border-shadow-right);
 }
-.magritte-card-segment___7LjJe_8-8-0 > *{
+.magritte-card-segment___7LjJe_8-9-0 > *{
   flex:none;
   min-block-size:0;
 }
-.magritte-card-segment___7LjJe_8-8-0.focus-visible,
-.magritte-card-segment___7LjJe_8-8-0:has(.magritte-card-segment___7LjJe_8-8-0.focus-visible){
+.magritte-card-segment___7LjJe_8-9-0.focus-visible,
+.magritte-card-segment___7LjJe_8-9-0:has(.magritte-card-segment___7LjJe_8-9-0.focus-visible){
   z-index:1;
 }
-.magritte-card-style-primary___eZ6aX_8-8-0{
+.magritte-card-style-primary___eZ6aX_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-primary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-primary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-primary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-primary-disabled-v26-0-2);
 }
-.magritte-card-style-secondary___VmTqm_8-8-0{
+.magritte-card-style-secondary___VmTqm_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-secondary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-secondary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-secondary-disabled-v26-0-2);
 }
-.magritte-card-style-tertiary___fE-jW_8-8-0{
+.magritte-card-style-tertiary___fE-jW_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-tertiary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-tertiary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-tertiary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-tertiary-disabled-v26-0-2);
 }
-.magritte-card-style-accent-secondary___Ra0PD_8-8-0{
+.magritte-card-style-accent-secondary___Ra0PD_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-accent-secondary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-accent-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-accent-secondary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-accent-secondary-disabled-v26-0-2);
 }
-.magritte-card-style-accent___Gd2T5_8-8-0{
+.magritte-card-style-accent___Gd2T5_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-accent-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-accent-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-accent-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-accent-disabled-v26-0-2);
 }
-.magritte-card-style-positive-secondary___BsXFI_8-8-0{
+.magritte-card-style-positive-secondary___BsXFI_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-positive-secondary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-positive-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-positive-secondary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-positive-secondary-disabled-v26-0-2);
 }
-.magritte-card-style-positive___4sgFq_8-8-0{
+.magritte-card-style-positive___4sgFq_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-positive-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-positive-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-positive-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-positive-disabled-v26-0-2);
 }
-.magritte-card-style-negative-secondary___lN7i3_8-8-0{
+.magritte-card-style-negative-secondary___lN7i3_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-negative-secondary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-negative-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-negative-secondary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-negative-secondary-disabled-v26-0-2);
 }
-.magritte-card-style-negative___Fk6xX_8-8-0{
+.magritte-card-style-negative___Fk6xX_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-negative-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-negative-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-negative-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-negative-disabled-v26-0-2);
 }
-.magritte-card-style-warning-secondary___m2Hpa_8-8-0{
+.magritte-card-style-warning-secondary___m2Hpa_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-warning-secondary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-warning-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-warning-secondary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-warning-secondary-disabled-v26-0-2);
 }
-.magritte-card-style-warning___NIuCV_8-8-0{
+.magritte-card-style-warning___NIuCV_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-warning-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-warning-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-warning-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-warning-disabled-v26-0-2);
 }
-.magritte-card-style-special-secondary___oVULE_8-8-0{
+.magritte-card-style-special-secondary___oVULE_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-special-secondary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-special-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-special-secondary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-special-secondary-disabled-v26-0-2);
 }
-.magritte-card-style-special___GOdvY_8-8-0{
+.magritte-card-style-special___GOdvY_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-special-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-special-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-special-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-special-disabled-v26-0-2);
 }
-.magritte-card-style-dreamy-secondary___8Wu4Z_8-8-0{
+.magritte-card-style-dreamy-secondary___8Wu4Z_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-dreamy-secondary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-dreamy-secondary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-dreamy-secondary-disabled-v26-0-2);
 }
-.magritte-card-style-dreamy___-Az0l_8-8-0{
+.magritte-card-style-dreamy___-Az0l_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-dreamy-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-dreamy-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-dreamy-disabled-v26-0-2);
 }
-.magritte-card-style-lovely-secondary___feuo0_8-8-0{
+.magritte-card-style-lovely-secondary___feuo0_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-lovely-secondary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-lovely-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-lovely-secondary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-lovely-secondary-disabled-v26-0-2);
 }
-.magritte-card-style-lovely___fPKUi_8-8-0{
+.magritte-card-style-lovely___fPKUi_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-lovely-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-lovely-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-lovely-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-lovely-disabled-v26-0-2);
 }
-.magritte-card-style-vivid-secondary___yqwVy_8-8-0{
+.magritte-card-style-vivid-secondary___yqwVy_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-vivid-secondary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-vivid-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-vivid-secondary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-vivid-secondary-disabled-v26-0-2);
 }
-.magritte-card-style-vivid___pmSCz_8-8-0{
+.magritte-card-style-vivid___pmSCz_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-vivid-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-vivid-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-vivid-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-vivid-disabled-v26-0-2);
 }
-.magritte-card-style-body___TNxld_8-8-0{
+.magritte-card-style-body___TNxld_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-body-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-body-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-body-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-body-disabled-v26-0-2);
 }
-.magritte-card-style-overlay___urh3T_8-8-0{
+.magritte-card-style-overlay___urh3T_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-overlay-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-overlay-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-disabled-v26-0-2);
 }
-.magritte-card-style-overlay-action___-jVWT_8-8-0{
+.magritte-card-style-overlay-action___-jVWT_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-overlay-action-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-action-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-overlay-action-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-action-disabled-v26-0-2);
 }
-.magritte-card-style-overlay-modal-action___z3trK_8-8-0{
+.magritte-card-style-overlay-modal-action___z3trK_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-overlay-modal-action-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-modal-action-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-overlay-modal-action-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-modal-action-disabled-v26-0-2);
 }
-.magritte-card-style-overlay-bottom-sheet-action___0PnSE_8-8-0{
+.magritte-card-style-overlay-bottom-sheet-action___0PnSE_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-overlay-bottom-sheet-action-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-bottom-sheet-action-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-overlay-bottom-sheet-action-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-bottom-sheet-action-disabled-v26-0-2);
 }
-.magritte-card-style-overlay-viewer___TdHGx_8-8-0{
+.magritte-card-style-overlay-viewer___TdHGx_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-overlay-viewer-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-viewer-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-overlay-viewer-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-viewer-disabled-v26-0-2);
 }
-.magritte-card-style-overlay-toolbar___KWyFM_8-8-0{
+.magritte-card-style-overlay-toolbar___KWyFM_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-overlay-toolbar-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-toolbar-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-overlay-toolbar-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-toolbar-disabled-v26-0-2);
 }
-.magritte-card-style-transparent___1h3h6_8-8-0{
+.magritte-card-style-transparent___1h3h6_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-transparent-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-transparent-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-transparent-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-transparent-disabled-v26-0-2);
 }
-.magritte-card-style-constant___UluNp_8-8-0{
+.magritte-card-style-constant___UluNp_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-constant-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-constant-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-constant-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-constant-disabled-v26-0-2);
 }
-.magritte-card-style-constant-secondary___5HctC_8-8-0{
+.magritte-card-style-constant-secondary___5HctC_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-constant-secondary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-constant-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-constant-secondary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-constant-secondary-disabled-v26-0-2);
 }
-.magritte-card-style-inverse___HWOHp_8-8-0{
+.magritte-card-style-inverse___HWOHp_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-inverse-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-inverse-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-inverse-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-inverse-disabled-v26-0-2);
 }
-.magritte-card-style-inverse-secondary___3EIdn_8-8-0{
+.magritte-card-style-inverse-secondary___3EIdn_8-9-0{
   --magritte-card-bg:var(--magritte-color-background-inverse-secondary-v26-0-2);
   --magritte-card-hover-bg:var(--magritte-color-background-state-inverse-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-inverse-secondary-pressed-v26-0-2);
   --magritte-card-disabled-bg:var(--magritte-color-background-state-inverse-secondary-disabled-v26-0-2);
 }
-.magritte-card-hover-style-primary___VgPLn_8-8-0{
+.magritte-card-hover-style-primary___VgPLn_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-primary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-primary-pressed-v26-0-2);
 }
-.magritte-card-hover-style-secondary___NQCxT_8-8-0{
+.magritte-card-hover-style-secondary___NQCxT_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-secondary-pressed-v26-0-2);
 }
-.magritte-card-hover-style-tertiary___Hrgqb_8-8-0{
+.magritte-card-hover-style-tertiary___Hrgqb_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-tertiary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-tertiary-pressed-v26-0-2);
 }
-.magritte-card-hover-style-accent-secondary___o5URO_8-8-0{
+.magritte-card-hover-style-accent-secondary___o5URO_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-accent-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-accent-secondary-pressed-v26-0-2);
 }
-.magritte-card-hover-style-accent___n8Lb4_8-8-0{
+.magritte-card-hover-style-accent___n8Lb4_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-accent-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-accent-pressed-v26-0-2);
 }
-.magritte-card-hover-style-positive-secondary___Aw634_8-8-0{
+.magritte-card-hover-style-positive-secondary___Aw634_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-positive-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-positive-secondary-pressed-v26-0-2);
 }
-.magritte-card-hover-style-positive___zQ7MM_8-8-0{
+.magritte-card-hover-style-positive___zQ7MM_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-positive-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-positive-pressed-v26-0-2);
 }
-.magritte-card-hover-style-negative-secondary___V7gmt_8-8-0{
+.magritte-card-hover-style-negative-secondary___V7gmt_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-negative-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-negative-secondary-pressed-v26-0-2);
 }
-.magritte-card-hover-style-negative___1cL78_8-8-0{
+.magritte-card-hover-style-negative___1cL78_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-negative-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-negative-pressed-v26-0-2);
 }
-.magritte-card-hover-style-warning-secondary___4knLA_8-8-0{
+.magritte-card-hover-style-warning-secondary___4knLA_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-warning-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-warning-secondary-pressed-v26-0-2);
 }
-.magritte-card-hover-style-warning___Fw34b_8-8-0{
+.magritte-card-hover-style-warning___Fw34b_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-warning-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-warning-pressed-v26-0-2);
 }
-.magritte-card-hover-style-special-secondary___ImyvT_8-8-0{
+.magritte-card-hover-style-special-secondary___ImyvT_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-special-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-special-secondary-pressed-v26-0-2);
 }
-.magritte-card-hover-style-special___og9oA_8-8-0{
+.magritte-card-hover-style-special___og9oA_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-special-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-special-pressed-v26-0-2);
 }
-.magritte-card-hover-style-dreamy-secondary___8SOfV_8-8-0{
+.magritte-card-hover-style-dreamy-secondary___8SOfV_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-dreamy-secondary-pressed-v26-0-2);
 }
-.magritte-card-hover-style-dreamy___9sxP7_8-8-0{
+.magritte-card-hover-style-dreamy___9sxP7_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-dreamy-pressed-v26-0-2);
 }
-.magritte-card-hover-style-lovely-secondary___n2BrG_8-8-0{
+.magritte-card-hover-style-lovely-secondary___n2BrG_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-lovely-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-lovely-secondary-pressed-v26-0-2);
 }
-.magritte-card-hover-style-lovely___Ml-R2_8-8-0{
+.magritte-card-hover-style-lovely___Ml-R2_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-lovely-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-lovely-pressed-v26-0-2);
 }
-.magritte-card-hover-style-vivid-secondary___s4GVf_8-8-0{
+.magritte-card-hover-style-vivid-secondary___s4GVf_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-vivid-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-vivid-secondary-pressed-v26-0-2);
 }
-.magritte-card-hover-style-vivid___qyl-R_8-8-0{
+.magritte-card-hover-style-vivid___qyl-R_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-vivid-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-vivid-pressed-v26-0-2);
 }
-.magritte-card-hover-style-body___pimB3_8-8-0{
+.magritte-card-hover-style-body___pimB3_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-body-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-body-pressed-v26-0-2);
 }
-.magritte-card-hover-style-overlay___rAPpl_8-8-0{
+.magritte-card-hover-style-overlay___rAPpl_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-overlay-pressed-v26-0-2);
 }
-.magritte-card-hover-style-overlay-action___6BpQw_8-8-0{
+.magritte-card-hover-style-overlay-action___6BpQw_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-action-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-overlay-action-pressed-v26-0-2);
 }
-.magritte-card-hover-style-overlay-modal-action___dcC77_8-8-0{
+.magritte-card-hover-style-overlay-modal-action___dcC77_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-modal-action-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-overlay-modal-action-pressed-v26-0-2);
 }
-.magritte-card-hover-style-overlay-bottom-sheet-action___KCUtT_8-8-0{
+.magritte-card-hover-style-overlay-bottom-sheet-action___KCUtT_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-bottom-sheet-action-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-overlay-bottom-sheet-action-pressed-v26-0-2);
 }
-.magritte-card-hover-style-overlay-viewer___f5IDi_8-8-0{
+.magritte-card-hover-style-overlay-viewer___f5IDi_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-viewer-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-overlay-viewer-pressed-v26-0-2);
 }
-.magritte-card-hover-style-overlay-toolbar___wkaI6_8-8-0{
+.magritte-card-hover-style-overlay-toolbar___wkaI6_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-toolbar-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-overlay-toolbar-pressed-v26-0-2);
 }
-.magritte-card-hover-style-transparent___zXQGl_8-8-0{
+.magritte-card-hover-style-transparent___zXQGl_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-transparent-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-transparent-pressed-v26-0-2);
 }
-.magritte-card-hover-style-constant___uH6-E_8-8-0{
+.magritte-card-hover-style-constant___uH6-E_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-constant-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-constant-pressed-v26-0-2);
 }
-.magritte-card-hover-style-constant-secondary___0vxDi_8-8-0{
+.magritte-card-hover-style-constant-secondary___0vxDi_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-constant-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-constant-secondary-pressed-v26-0-2);
 }
-.magritte-card-hover-style-inverse___Db1kM_8-8-0{
+.magritte-card-hover-style-inverse___Db1kM_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-inverse-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-inverse-pressed-v26-0-2);
 }
-.magritte-card-hover-style-inverse-secondary___BT8I-_8-8-0{
+.magritte-card-hover-style-inverse-secondary___BT8I-_8-9-0{
   --magritte-card-hover-bg:var(--magritte-color-background-state-inverse-secondary-hovered-v26-0-2);
   --magritte-card-press-bg:var(--magritte-color-background-state-inverse-secondary-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0{
+.magritte-card___bhGKz_8-9-0{
   background-color:var(--magritte-card-background-override, var(--magritte-card-bg));
 }
-.magritte-card___bhGKz_8-8-0:has(.magritte-card-segment___7LjJe_8-8-0.magritte-interactive___rmhl9_8-8-0) .magritte-card-segment___7LjJe_8-8-0:not(.magritte-segment-disabled___FlWSu_8-8-0){
+.magritte-card___bhGKz_8-9-0:has(.magritte-card-segment___7LjJe_8-9-0.magritte-interactive___rmhl9_8-9-0) .magritte-card-segment___7LjJe_8-9-0:not(.magritte-segment-disabled___FlWSu_8-9-0){
   background-color:var(--magritte-card-background-override, var(--magritte-card-bg));
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-disabled___SMFnB_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-disabled___SMFnB_8-9-0{
   background-color:var(--magritte-card-disabled-background-override, var(--magritte-card-disabled-bg));
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-disabled___SMFnB_8-8-0:has(.magritte-card-segment___7LjJe_8-8-0.magritte-interactive___rmhl9_8-8-0) .magritte-card-segment___7LjJe_8-8-0,
-.magritte-card-segment___7LjJe_8-8-0.magritte-segment-disabled___FlWSu_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-disabled___SMFnB_8-9-0:has(.magritte-card-segment___7LjJe_8-9-0.magritte-interactive___rmhl9_8-9-0) .magritte-card-segment___7LjJe_8-9-0,
+.magritte-card-segment___7LjJe_8-9-0.magritte-segment-disabled___FlWSu_8-9-0{
   background-color:var(--magritte-card-disabled-background-override, var(--magritte-card-disabled-bg));
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout  .magritte-card___bhGKz_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0):not(.magritte-card-press-enabled___kXfCl_8-8-0),
-  body.magritte-old-layout  .magritte-card___bhGKz_8-8-0:not(.magritte-card-press-enabled___kXfCl_8-8-0):not(.magritte-card-disabled___SMFnB_8-8-0) .magritte-card-segment___7LjJe_8-8-0.magritte-interactive___rmhl9_8-8-0:not(.magritte-segment-disabled___FlWSu_8-8-0):hover:not(.magritte-press-enabled___dc53v_8-8-0),
-  body.magritte-old-layout  .magritte-card___bhGKz_8-8-0.magritte-card-press-enabled___kXfCl_8-8-0:not(.magritte-card-disabled___SMFnB_8-8-0) .magritte-card-segment___7LjJe_8-8-0.magritte-interactive___rmhl9_8-8-0:not(.magritte-segment-disabled___FlWSu_8-8-0):hover:not(:active),
-  body.magritte-old-layout  .magritte-card___bhGKz_8-8-0:not(.magritte-card-disabled___SMFnB_8-8-0) .magritte-card-segment___7LjJe_8-8-0.magritte-press-enabled___dc53v_8-8-0:not(.magritte-segment-disabled___FlWSu_8-8-0):hover:not(:active),
-  body.magritte-old-layout  .magritte-card___bhGKz_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0).magritte-card-press-enabled___kXfCl_8-8-0:not(:active){
+  body.magritte-old-layout  .magritte-card___bhGKz_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0):not(.magritte-card-press-enabled___kXfCl_8-9-0),
+  body.magritte-old-layout  .magritte-card___bhGKz_8-9-0:not(.magritte-card-press-enabled___kXfCl_8-9-0):not(.magritte-card-disabled___SMFnB_8-9-0) .magritte-card-segment___7LjJe_8-9-0.magritte-interactive___rmhl9_8-9-0:not(.magritte-segment-disabled___FlWSu_8-9-0):hover:not(.magritte-press-enabled___dc53v_8-9-0),
+  body.magritte-old-layout  .magritte-card___bhGKz_8-9-0.magritte-card-press-enabled___kXfCl_8-9-0:not(.magritte-card-disabled___SMFnB_8-9-0) .magritte-card-segment___7LjJe_8-9-0.magritte-interactive___rmhl9_8-9-0:not(.magritte-segment-disabled___FlWSu_8-9-0):hover:not(:active),
+  body.magritte-old-layout  .magritte-card___bhGKz_8-9-0:not(.magritte-card-disabled___SMFnB_8-9-0) .magritte-card-segment___7LjJe_8-9-0.magritte-press-enabled___dc53v_8-9-0:not(.magritte-segment-disabled___FlWSu_8-9-0):hover:not(:active),
+  body.magritte-old-layout  .magritte-card___bhGKz_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0).magritte-card-press-enabled___kXfCl_8-9-0:not(:active){
     background-color:var(--magritte-card-hover-background-override, var(--magritte-card-hover-bg));
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout)  .magritte-card___bhGKz_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0):not(.magritte-card-press-enabled___kXfCl_8-8-0),
-  body:not(.magritte-old-layout)  .magritte-card___bhGKz_8-8-0:not(.magritte-card-press-enabled___kXfCl_8-8-0):not(.magritte-card-disabled___SMFnB_8-8-0) .magritte-card-segment___7LjJe_8-8-0.magritte-interactive___rmhl9_8-8-0:not(.magritte-segment-disabled___FlWSu_8-8-0):hover:not(.magritte-press-enabled___dc53v_8-8-0),
-  body:not(.magritte-old-layout)  .magritte-card___bhGKz_8-8-0.magritte-card-press-enabled___kXfCl_8-8-0:not(.magritte-card-disabled___SMFnB_8-8-0) .magritte-card-segment___7LjJe_8-8-0.magritte-interactive___rmhl9_8-8-0:not(.magritte-segment-disabled___FlWSu_8-8-0):hover:not(:active),
-  body:not(.magritte-old-layout)  .magritte-card___bhGKz_8-8-0:not(.magritte-card-disabled___SMFnB_8-8-0) .magritte-card-segment___7LjJe_8-8-0.magritte-press-enabled___dc53v_8-8-0:not(.magritte-segment-disabled___FlWSu_8-8-0):hover:not(:active),
-  body:not(.magritte-old-layout)  .magritte-card___bhGKz_8-8-0.magritte-card-hover-enabled___-wolU_8-8-0:hover:not(.magritte-card-disabled___SMFnB_8-8-0).magritte-card-press-enabled___kXfCl_8-8-0:not(:active){
+  body:not(.magritte-old-layout)  .magritte-card___bhGKz_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0):not(.magritte-card-press-enabled___kXfCl_8-9-0),
+  body:not(.magritte-old-layout)  .magritte-card___bhGKz_8-9-0:not(.magritte-card-press-enabled___kXfCl_8-9-0):not(.magritte-card-disabled___SMFnB_8-9-0) .magritte-card-segment___7LjJe_8-9-0.magritte-interactive___rmhl9_8-9-0:not(.magritte-segment-disabled___FlWSu_8-9-0):hover:not(.magritte-press-enabled___dc53v_8-9-0),
+  body:not(.magritte-old-layout)  .magritte-card___bhGKz_8-9-0.magritte-card-press-enabled___kXfCl_8-9-0:not(.magritte-card-disabled___SMFnB_8-9-0) .magritte-card-segment___7LjJe_8-9-0.magritte-interactive___rmhl9_8-9-0:not(.magritte-segment-disabled___FlWSu_8-9-0):hover:not(:active),
+  body:not(.magritte-old-layout)  .magritte-card___bhGKz_8-9-0:not(.magritte-card-disabled___SMFnB_8-9-0) .magritte-card-segment___7LjJe_8-9-0.magritte-press-enabled___dc53v_8-9-0:not(.magritte-segment-disabled___FlWSu_8-9-0):hover:not(:active),
+  body:not(.magritte-old-layout)  .magritte-card___bhGKz_8-9-0.magritte-card-hover-enabled___-wolU_8-9-0:hover:not(.magritte-card-disabled___SMFnB_8-9-0).magritte-card-press-enabled___kXfCl_8-9-0:not(:active){
     background-color:var(--magritte-card-hover-background-override, var(--magritte-card-hover-bg));
   }
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-press-enabled___kXfCl_8-8-0:active:not(.magritte-card-disabled___SMFnB_8-8-0),
-.magritte-card___bhGKz_8-8-0:not(.magritte-card-disabled___SMFnB_8-8-0) .magritte-card-segment___7LjJe_8-8-0.magritte-press-enabled___dc53v_8-8-0:not(.magritte-segment-disabled___FlWSu_8-8-0):active,
-.magritte-card___bhGKz_8-8-0.magritte-card-press-enabled___kXfCl_8-8-0:not(.magritte-card-disabled___SMFnB_8-8-0) .magritte-card-segment___7LjJe_8-8-0.magritte-interactive___rmhl9_8-8-0:not(.magritte-segment-disabled___FlWSu_8-8-0):active{
+.magritte-card___bhGKz_8-9-0.magritte-card-press-enabled___kXfCl_8-9-0:active:not(.magritte-card-disabled___SMFnB_8-9-0),
+.magritte-card___bhGKz_8-9-0:not(.magritte-card-disabled___SMFnB_8-9-0) .magritte-card-segment___7LjJe_8-9-0.magritte-press-enabled___dc53v_8-9-0:not(.magritte-segment-disabled___FlWSu_8-9-0):active,
+.magritte-card___bhGKz_8-9-0.magritte-card-press-enabled___kXfCl_8-9-0:not(.magritte-card-disabled___SMFnB_8-9-0) .magritte-card-segment___7LjJe_8-9-0.magritte-interactive___rmhl9_8-9-0:not(.magritte-segment-disabled___FlWSu_8-9-0):active{
   background-color:var(--magritte-card-active-background-override, var(--magritte-card-press-bg));
 }
-.magritte-flex-container___CVFEY_8-8-0{
+.magritte-flex-container___CVFEY_8-9-0{
   display:flex;
   height:100%;
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-neutral___611b0_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-neutral___611b0_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-neutral-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-neutral-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-neutral-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-phantom___ezFSC_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-phantom___ezFSC_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-phantom-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-phantom-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-phantom-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-phantom-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-phantom-alt___2IkKz_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-phantom-alt___2IkKz_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-phantom-alt-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-phantom-alt-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-phantom-alt-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-phantom-alt-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-overlay___yOj6r_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-overlay___yOj6r_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-overlay-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-overlay-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-overlay-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-overlay-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-accent___D-2Wb_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-accent___D-2Wb_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-accent-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-accent-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-accent-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-accent-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-positive___to7aa_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-positive___to7aa_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-positive-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-positive-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-positive-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-positive-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-negative___IenCT_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-negative___IenCT_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-negative-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-negative-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-negative-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-negative-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-warning___Fax0h_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-warning___Fax0h_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-warning-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-warning-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-warning-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-warning-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-special___mgV7r_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-special___mgV7r_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-special-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-special-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-special-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-special-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-dreamy___vYIow_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-dreamy___vYIow_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-dreamy-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-dreamy-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-dreamy-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-dreamy-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-lovely___d1dyh_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-lovely___d1dyh_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-lovely-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-lovely-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-lovely-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-lovely-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-vivid___UYrn3_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-vivid___UYrn3_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-vivid-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-vivid-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-vivid-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-vivid-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-neutral-heavy___VR1s4_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-neutral-heavy___VR1s4_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-neutral-heavy-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-neutral-heavy-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-neutral-heavy-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-neutral-heavy-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-constant___4DDKM_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-constant___4DDKM_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-constant-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-constant-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-constant-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-constant-pressed-v26-0-2);
 }
-.magritte-card___bhGKz_8-8-0.magritte-card-border-style-constant-alt___wfnBK_8-8-0{
+.magritte-card___bhGKz_8-9-0.magritte-card-border-style-constant-alt___wfnBK_8-9-0{
   --magritte-card-border-color:var(--magritte-color-stroke-constant-alt-v26-0-2);
   --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-constant-alt-hovered-v26-0-2);
   --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-constant-alt-disabled-v26-0-2);
   --magritte-card-active-border-color:var(--magritte-color-stroke-state-constant-alt-pressed-v26-0-2);
 }
-.magritte-between___kuRsE_8-8-0{
+.magritte-between___kuRsE_8-9-0{
   display:none;
 }
-.magritte-card-segment___7LjJe_8-8-0 + .magritte-between___kuRsE_8-8-0:has(~ .magritte-card-segment___7LjJe_8-8-0){
+.magritte-card-segment___7LjJe_8-9-0 + .magritte-between___kuRsE_8-9-0:has(~ .magritte-card-segment___7LjJe_8-9-0){
   display:contents;
 }

package/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Card';
 export { type CardStyle, type CardProps } from './types';
 export { type CardSegmentProps } from './CardSegment';
+export { type CardBetweenProps } from './Between';

package/index.js

@@ -7,7 +7,7 @@ import '@hh.ru/magritte-common-use-disabled';
 import './Between.js';
 import './cardContext.js';
 import '@hh.ru/magritte-ui-divider';
-import './card-D8xcMZq6.js';
+import './card-Bntc0MUd.js';
 import './CardSegment.js';
 import './useCardActivation.js';
 import '@hh.ru/magritte-common-keyboard';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-card",
-  "version": "8.8.0",
+  "version": "8.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "24e606d1bcdafe5b56067887c4ebb87a8fa87c0c"
+  "gitHead": "3f250348a28dc0c5455b2e7cc9f4614de342414b"
 }

package/types.d.ts

@@ -68,5 +68,7 @@ export interface CommonCardProps {
     onClick?: MouseEventHandler<HTMLElement>;
     /** Направление раскладки сегментов внутри карточки */
     direction?: LayoutDirection;
+    /** Дополнительный CSS-класс */
+    className?: string;
 }
 export type CardProps = PropsWithChildren<CommonCardProps>;

package/card-D8xcMZq6.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"card":"magritte-card___bhGKz_8-8-0","card-segment":"magritte-card-segment___7LjJe_8-8-0","cardSegment":"magritte-card-segment___7LjJe_8-8-0","layout-vertical":"magritte-layout-vertical___9V-h-_8-8-0","layoutVertical":"magritte-layout-vertical___9V-h-_8-8-0","layout-horizontal":"magritte-layout-horizontal___HUAK3_8-8-0","layoutHorizontal":"magritte-layout-horizontal___HUAK3_8-8-0","border-element":"magritte-border-element___x7sZL_8-8-0","borderElement":"magritte-border-element___x7sZL_8-8-0","card-press-enabled":"magritte-card-press-enabled___kXfCl_8-8-0","cardPressEnabled":"magritte-card-press-enabled___kXfCl_8-8-0","interactive":"magritte-interactive___rmhl9_8-8-0","press-enabled":"magritte-press-enabled___dc53v_8-8-0","pressEnabled":"magritte-press-enabled___dc53v_8-8-0","card-disabled":"magritte-card-disabled___SMFnB_8-8-0","cardDisabled":"magritte-card-disabled___SMFnB_8-8-0","segment-disabled":"magritte-segment-disabled___FlWSu_8-8-0","segmentDisabled":"magritte-segment-disabled___FlWSu_8-8-0","card-stretched":"magritte-card-stretched___0Uc0J_8-8-0","cardStretched":"magritte-card-stretched___0Uc0J_8-8-0","card-vertical-stretched":"magritte-card-vertical-stretched___Lrxmc_8-8-0","cardVerticalStretched":"magritte-card-vertical-stretched___Lrxmc_8-8-0","border-selected":"magritte-border-selected___bGxVg_8-8-0","borderSelected":"magritte-border-selected___bGxVg_8-8-0","border-default":"magritte-border-default___eT8Lg_8-8-0","borderDefault":"magritte-border-default___eT8Lg_8-8-0","card-hover-enabled":"magritte-card-hover-enabled___-wolU_8-8-0","cardHoverEnabled":"magritte-card-hover-enabled___-wolU_8-8-0","card-shadow-level-3":"magritte-card-shadow-level-3___R34TB_8-8-0","cardShadowLevel3":"magritte-card-shadow-level-3___R34TB_8-8-0","card-shadow-level-2":"magritte-card-shadow-level-2___BgHDx_8-8-0","cardShadowLevel2":"magritte-card-shadow-level-2___BgHDx_8-8-0","card-shadow-level-1":"magritte-card-shadow-level-1___8-39e_8-8-0","cardShadowLevel1":"magritte-card-shadow-level-1___8-39e_8-8-0","card-shadow-level-0":"magritte-card-shadow-level-0___RNbQK_8-8-0","cardShadowLevel0":"magritte-card-shadow-level-0___RNbQK_8-8-0","increase-shadow":"magritte-increase-shadow___Lvfmm_8-8-0","increaseShadow":"magritte-increase-shadow___Lvfmm_8-8-0","card-style-primary":"magritte-card-style-primary___eZ6aX_8-8-0","cardStylePrimary":"magritte-card-style-primary___eZ6aX_8-8-0","card-style-secondary":"magritte-card-style-secondary___VmTqm_8-8-0","cardStyleSecondary":"magritte-card-style-secondary___VmTqm_8-8-0","card-style-tertiary":"magritte-card-style-tertiary___fE-jW_8-8-0","cardStyleTertiary":"magritte-card-style-tertiary___fE-jW_8-8-0","card-style-accent-secondary":"magritte-card-style-accent-secondary___Ra0PD_8-8-0","cardStyleAccentSecondary":"magritte-card-style-accent-secondary___Ra0PD_8-8-0","card-style-accent":"magritte-card-style-accent___Gd2T5_8-8-0","cardStyleAccent":"magritte-card-style-accent___Gd2T5_8-8-0","card-style-positive-secondary":"magritte-card-style-positive-secondary___BsXFI_8-8-0","cardStylePositiveSecondary":"magritte-card-style-positive-secondary___BsXFI_8-8-0","card-style-positive":"magritte-card-style-positive___4sgFq_8-8-0","cardStylePositive":"magritte-card-style-positive___4sgFq_8-8-0","card-style-negative-secondary":"magritte-card-style-negative-secondary___lN7i3_8-8-0","cardStyleNegativeSecondary":"magritte-card-style-negative-secondary___lN7i3_8-8-0","card-style-negative":"magritte-card-style-negative___Fk6xX_8-8-0","cardStyleNegative":"magritte-card-style-negative___Fk6xX_8-8-0","card-style-warning-secondary":"magritte-card-style-warning-secondary___m2Hpa_8-8-0","cardStyleWarningSecondary":"magritte-card-style-warning-secondary___m2Hpa_8-8-0","card-style-warning":"magritte-card-style-warning___NIuCV_8-8-0","cardStyleWarning":"magritte-card-style-warning___NIuCV_8-8-0","card-style-special-secondary":"magritte-card-style-special-secondary___oVULE_8-8-0","cardStyleSpecialSecondary":"magritte-card-style-special-secondary___oVULE_8-8-0","card-style-special":"magritte-card-style-special___GOdvY_8-8-0","cardStyleSpecial":"magritte-card-style-special___GOdvY_8-8-0","card-style-dreamy-secondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-8-0","cardStyleDreamySecondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-8-0","card-style-dreamy":"magritte-card-style-dreamy___-Az0l_8-8-0","cardStyleDreamy":"magritte-card-style-dreamy___-Az0l_8-8-0","card-style-lovely-secondary":"magritte-card-style-lovely-secondary___feuo0_8-8-0","cardStyleLovelySecondary":"magritte-card-style-lovely-secondary___feuo0_8-8-0","card-style-lovely":"magritte-card-style-lovely___fPKUi_8-8-0","cardStyleLovely":"magritte-card-style-lovely___fPKUi_8-8-0","card-style-vivid-secondary":"magritte-card-style-vivid-secondary___yqwVy_8-8-0","cardStyleVividSecondary":"magritte-card-style-vivid-secondary___yqwVy_8-8-0","card-style-vivid":"magritte-card-style-vivid___pmSCz_8-8-0","cardStyleVivid":"magritte-card-style-vivid___pmSCz_8-8-0","card-style-body":"magritte-card-style-body___TNxld_8-8-0","cardStyleBody":"magritte-card-style-body___TNxld_8-8-0","card-style-overlay":"magritte-card-style-overlay___urh3T_8-8-0","cardStyleOverlay":"magritte-card-style-overlay___urh3T_8-8-0","card-style-overlay-action":"magritte-card-style-overlay-action___-jVWT_8-8-0","cardStyleOverlayAction":"magritte-card-style-overlay-action___-jVWT_8-8-0","card-style-overlay-modal-action":"magritte-card-style-overlay-modal-action___z3trK_8-8-0","cardStyleOverlayModalAction":"magritte-card-style-overlay-modal-action___z3trK_8-8-0","card-style-overlay-bottom-sheet-action":"magritte-card-style-overlay-bottom-sheet-action___0PnSE_8-8-0","cardStyleOverlayBottomSheetAction":"magritte-card-style-overlay-bottom-sheet-action___0PnSE_8-8-0","card-style-overlay-viewer":"magritte-card-style-overlay-viewer___TdHGx_8-8-0","cardStyleOverlayViewer":"magritte-card-style-overlay-viewer___TdHGx_8-8-0","card-style-overlay-toolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-8-0","cardStyleOverlayToolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-8-0","card-style-transparent":"magritte-card-style-transparent___1h3h6_8-8-0","cardStyleTransparent":"magritte-card-style-transparent___1h3h6_8-8-0","card-style-constant":"magritte-card-style-constant___UluNp_8-8-0","cardStyleConstant":"magritte-card-style-constant___UluNp_8-8-0","card-style-constant-secondary":"magritte-card-style-constant-secondary___5HctC_8-8-0","cardStyleConstantSecondary":"magritte-card-style-constant-secondary___5HctC_8-8-0","card-style-inverse":"magritte-card-style-inverse___HWOHp_8-8-0","cardStyleInverse":"magritte-card-style-inverse___HWOHp_8-8-0","card-style-inverse-secondary":"magritte-card-style-inverse-secondary___3EIdn_8-8-0","cardStyleInverseSecondary":"magritte-card-style-inverse-secondary___3EIdn_8-8-0","card-hover-style-primary":"magritte-card-hover-style-primary___VgPLn_8-8-0","cardHoverStylePrimary":"magritte-card-hover-style-primary___VgPLn_8-8-0","card-hover-style-secondary":"magritte-card-hover-style-secondary___NQCxT_8-8-0","cardHoverStyleSecondary":"magritte-card-hover-style-secondary___NQCxT_8-8-0","card-hover-style-tertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-8-0","cardHoverStyleTertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-8-0","card-hover-style-accent-secondary":"magritte-card-hover-style-accent-secondary___o5URO_8-8-0","cardHoverStyleAccentSecondary":"magritte-card-hover-style-accent-secondary___o5URO_8-8-0","card-hover-style-accent":"magritte-card-hover-style-accent___n8Lb4_8-8-0","cardHoverStyleAccent":"magritte-card-hover-style-accent___n8Lb4_8-8-0","card-hover-style-positive-secondary":"magritte-card-hover-style-positive-secondary___Aw634_8-8-0","cardHoverStylePositiveSecondary":"magritte-card-hover-style-positive-secondary___Aw634_8-8-0","card-hover-style-positive":"magritte-card-hover-style-positive___zQ7MM_8-8-0","cardHoverStylePositive":"magritte-card-hover-style-positive___zQ7MM_8-8-0","card-hover-style-negative-secondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-8-0","cardHoverStyleNegativeSecondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-8-0","card-hover-style-negative":"magritte-card-hover-style-negative___1cL78_8-8-0","cardHoverStyleNegative":"magritte-card-hover-style-negative___1cL78_8-8-0","card-hover-style-warning-secondary":"magritte-card-hover-style-warning-secondary___4knLA_8-8-0","cardHoverStyleWarningSecondary":"magritte-card-hover-style-warning-secondary___4knLA_8-8-0","card-hover-style-warning":"magritte-card-hover-style-warning___Fw34b_8-8-0","cardHoverStyleWarning":"magritte-card-hover-style-warning___Fw34b_8-8-0","card-hover-style-special-secondary":"magritte-card-hover-style-special-secondary___ImyvT_8-8-0","cardHoverStyleSpecialSecondary":"magritte-card-hover-style-special-secondary___ImyvT_8-8-0","card-hover-style-special":"magritte-card-hover-style-special___og9oA_8-8-0","cardHoverStyleSpecial":"magritte-card-hover-style-special___og9oA_8-8-0","card-hover-style-dreamy-secondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-8-0","cardHoverStyleDreamySecondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-8-0","card-hover-style-dreamy":"magritte-card-hover-style-dreamy___9sxP7_8-8-0","cardHoverStyleDreamy":"magritte-card-hover-style-dreamy___9sxP7_8-8-0","card-hover-style-lovely-secondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-8-0","cardHoverStyleLovelySecondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-8-0","card-hover-style-lovely":"magritte-card-hover-style-lovely___Ml-R2_8-8-0","cardHoverStyleLovely":"magritte-card-hover-style-lovely___Ml-R2_8-8-0","card-hover-style-vivid-secondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-8-0","cardHoverStyleVividSecondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-8-0","card-hover-style-vivid":"magritte-card-hover-style-vivid___qyl-R_8-8-0","cardHoverStyleVivid":"magritte-card-hover-style-vivid___qyl-R_8-8-0","card-hover-style-body":"magritte-card-hover-style-body___pimB3_8-8-0","cardHoverStyleBody":"magritte-card-hover-style-body___pimB3_8-8-0","card-hover-style-overlay":"magritte-card-hover-style-overlay___rAPpl_8-8-0","cardHoverStyleOverlay":"magritte-card-hover-style-overlay___rAPpl_8-8-0","card-hover-style-overlay-action":"magritte-card-hover-style-overlay-action___6BpQw_8-8-0","cardHoverStyleOverlayAction":"magritte-card-hover-style-overlay-action___6BpQw_8-8-0","card-hover-style-overlay-modal-action":"magritte-card-hover-style-overlay-modal-action___dcC77_8-8-0","cardHoverStyleOverlayModalAction":"magritte-card-hover-style-overlay-modal-action___dcC77_8-8-0","card-hover-style-overlay-bottom-sheet-action":"magritte-card-hover-style-overlay-bottom-sheet-action___KCUtT_8-8-0","cardHoverStyleOverlayBottomSheetAction":"magritte-card-hover-style-overlay-bottom-sheet-action___KCUtT_8-8-0","card-hover-style-overlay-viewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-8-0","cardHoverStyleOverlayViewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-8-0","card-hover-style-overlay-toolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-8-0","cardHoverStyleOverlayToolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-8-0","card-hover-style-transparent":"magritte-card-hover-style-transparent___zXQGl_8-8-0","cardHoverStyleTransparent":"magritte-card-hover-style-transparent___zXQGl_8-8-0","card-hover-style-constant":"magritte-card-hover-style-constant___uH6-E_8-8-0","cardHoverStyleConstant":"magritte-card-hover-style-constant___uH6-E_8-8-0","card-hover-style-constant-secondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-8-0","cardHoverStyleConstantSecondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-8-0","card-hover-style-inverse":"magritte-card-hover-style-inverse___Db1kM_8-8-0","cardHoverStyleInverse":"magritte-card-hover-style-inverse___Db1kM_8-8-0","card-hover-style-inverse-secondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-8-0","cardHoverStyleInverseSecondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-8-0","flex-container":"magritte-flex-container___CVFEY_8-8-0","flexContainer":"magritte-flex-container___CVFEY_8-8-0","card-border-style-neutral":"magritte-card-border-style-neutral___611b0_8-8-0","cardBorderStyleNeutral":"magritte-card-border-style-neutral___611b0_8-8-0","card-border-style-phantom":"magritte-card-border-style-phantom___ezFSC_8-8-0","cardBorderStylePhantom":"magritte-card-border-style-phantom___ezFSC_8-8-0","card-border-style-phantom-alt":"magritte-card-border-style-phantom-alt___2IkKz_8-8-0","cardBorderStylePhantomAlt":"magritte-card-border-style-phantom-alt___2IkKz_8-8-0","card-border-style-overlay":"magritte-card-border-style-overlay___yOj6r_8-8-0","cardBorderStyleOverlay":"magritte-card-border-style-overlay___yOj6r_8-8-0","card-border-style-accent":"magritte-card-border-style-accent___D-2Wb_8-8-0","cardBorderStyleAccent":"magritte-card-border-style-accent___D-2Wb_8-8-0","card-border-style-positive":"magritte-card-border-style-positive___to7aa_8-8-0","cardBorderStylePositive":"magritte-card-border-style-positive___to7aa_8-8-0","card-border-style-negative":"magritte-card-border-style-negative___IenCT_8-8-0","cardBorderStyleNegative":"magritte-card-border-style-negative___IenCT_8-8-0","card-border-style-warning":"magritte-card-border-style-warning___Fax0h_8-8-0","cardBorderStyleWarning":"magritte-card-border-style-warning___Fax0h_8-8-0","card-border-style-special":"magritte-card-border-style-special___mgV7r_8-8-0","cardBorderStyleSpecial":"magritte-card-border-style-special___mgV7r_8-8-0","card-border-style-dreamy":"magritte-card-border-style-dreamy___vYIow_8-8-0","cardBorderStyleDreamy":"magritte-card-border-style-dreamy___vYIow_8-8-0","card-border-style-lovely":"magritte-card-border-style-lovely___d1dyh_8-8-0","cardBorderStyleLovely":"magritte-card-border-style-lovely___d1dyh_8-8-0","card-border-style-vivid":"magritte-card-border-style-vivid___UYrn3_8-8-0","cardBorderStyleVivid":"magritte-card-border-style-vivid___UYrn3_8-8-0","card-border-style-neutral-heavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-8-0","cardBorderStyleNeutralHeavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-8-0","card-border-style-constant":"magritte-card-border-style-constant___4DDKM_8-8-0","cardBorderStyleConstant":"magritte-card-border-style-constant___4DDKM_8-8-0","card-border-style-constant-alt":"magritte-card-border-style-constant-alt___wfnBK_8-8-0","cardBorderStyleConstantAlt":"magritte-card-border-style-constant-alt___wfnBK_8-8-0","between":"magritte-between___kuRsE_8-8-0"};
-
-export { styles as s };
-//# sourceMappingURL=card-D8xcMZq6.js.map

package/card-D8xcMZq6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-D8xcMZq6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}