@hh.ru/magritte-ui-card 8.4.0 → 8.5.1

package/Between.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const Between: FC<PropsWithChildren>;

package/Between.js

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

package/Between.js.map

@@ -0,0 +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":["_jsx"],"mappings":";;;;;;MAOa,OAAO,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;IAC3D,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAC;IACpD,MAAM,OAAO,GAAG,QAAQ,IAAIA,GAAA,CAAC,OAAO,EAAC,EAAA,IAAI,EAAE,SAAS,KAAK,KAAK,GAAG,UAAU,GAAG,YAAY,EAAE,KAAK,EAAE,WAAW,EAAA,CAAI,CAAC;IAEnH,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAG,OAAO,EAAA,CAAO,CAAC;AAC3D;;;;"}

package/Card.d.ts

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

package/Card.js

@@ -3,12 +3,16 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import classnames from 'classnames';
 import { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';
-import { C as CardSegment, s as styles } from './CardSegment-B8AT6F5t.js';
+import { Between } from './Between.js';
+import { CardSegment } from './CardSegment.js';
 import { CardSkeleton } from './Skeleton.js';
+import { CardContext } from './cardContext.js';
 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-D277Ud1t.js';
+import '@hh.ru/magritte-ui-divider';
 import '@hh.ru/magritte-ui-layout';
 import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-common-mouse';
@@ -63,10 +67,11 @@ const CardForwardRefRenderFunc = ({ Element = 'div', stretched = false, vertical
             }), children: [jsx(IconDynamic, { stretched: true, hoverEnabled: isHoverEnabled, pressEnabled: isPressEnabled, children: jsx("div", { className: styles.flexContainer, children: jsx(TextDynamic, { stretched: true, className: classnames({
                                 [styles.layoutVertical]: direction === 'column',
                                 [styles.layoutHorizontal]: direction === 'row',
-                            }), children: children }) }) }), jsx("div", { className: styles.borderElement, style: radiusProps })] }) }));
+                            }), children: jsx(CardContext.Provider, { value: { direction: direction ?? 'row', borderStyle }, children: children }) }) }) }), jsx("div", { className: styles.borderElement, style: radiusProps })] }) }));
 };
 const CardComponent = forwardRef(CardForwardRefRenderFunc);
 CardComponent.Segment = CardSegment;
+CardComponent.Between = Between;
 const Card = enrichWithSkeleton(CardComponent, CardSkeleton);
 
 export { Card };

package/Card.js.map

@@ -1 +1 @@
-{"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 { CardSegment, type CardSegmentProps } from '@hh.ru/magritte-ui-card/CardSegment';\nimport { CardSkeleton } from '@hh.ru/magritte-ui-card/Skeleton';\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        direction,\n        ...restProps\n    },\n    ref\n) => {\n    const forceDisabled = useDisabled();\n    const activationProps = useCardActivation({ onClick, disabled, hasExplicitRole: 'role' in restProps });\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    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                <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                            {children}\n                        </TextDynamic>\n                    </div>\n                </IconDynamic>\n                <div className={styles.borderElement} style={radiusProps} />\n            </Element>\n        </DisabledContext.Provider>\n    );\n};\n\nconst CardComponent = forwardRef(CardForwardRefRenderFunc) as unknown as PolymorphicComponentWithRef<\n    CardProps,\n    'div'\n> & {\n    Segment: FC<CardSegmentProps>;\n};\n\nCardComponent.Segment = CardSegment;\n\nexport const Card = enrichWithSkeleton(CardComponent, CardSkeleton);\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"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        direction,\n        ...restProps\n    },\n    ref\n) => {\n    const forceDisabled = useDisabled();\n    const activationProps = useCardActivation({ onClick, disabled, hasExplicitRole: 'role' in restProps });\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    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                <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                <div className={styles.borderElement} style={radiusProps} />\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":["_jsx","_jsxs"],"mappings":"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"}

package/CardSegment.d.ts

@@ -1,9 +1,11 @@
-import type { FC, MouseEventHandler, PropsWithChildren } from 'react';
+import { type MouseEventHandler } from 'react';
+import type { PolymorphicComponentWithRef } from '@hh.ru/magritte-types';
 import { type FlexProps } from '@hh.ru/magritte-ui-layout';
-export type CardSegmentProps = PropsWithChildren<FlexProps & {
+export type CardSegmentProps = FlexProps & {
     /** Включает реакцию сегмента на hover. Реакция на нажатие включается если у карточки задан pressEnabled. Автоматически включается при наличии onClick на сегменте */
     interactive?: boolean;
-    /** Обработчик клика по сегменту. Тип совместим с Card.onClick */
+    disabled?: boolean;
+    /** Обработчик клика по сегменту */
     onClick?: MouseEventHandler<HTMLElement>;
-}>;
-export declare const CardSegment: FC<CardSegmentProps>;
+};
+export declare const CardSegment: PolymorphicComponentWithRef<CardSegmentProps, "div">;

package/CardSegment.js

@@ -1,11 +1,29 @@
 import './index.css';
-import 'react/jsx-runtime';
-import 'classnames';
-import './useCardActivation.js';
-import '@hh.ru/magritte-ui-layout';
-export { C as CardSegment } from './CardSegment-B8AT6F5t.js';
-import 'react';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import classnames from 'classnames';
+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-D277Ud1t.js';
 import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-common-mouse';
-import '@hh.ru/magritte-common-use-disabled';
+
+const CardSegmentRenderFunc = ({ children, disabled = false, interactive = false, onClick, direction = 'column', ...flexProps }, ref) => {
+    const activationProps = useCardActivation({ onClick, disabled: !!disabled });
+    const { borderStyle } = useCardContext();
+    return (
+    // @ts-expect-error — generic polymorphic props forwarding between nested polymorphic components
+    jsx(Flex, { ...flexProps, ...(ref ? { ref: ref } : {}), direction: 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'],
+        }), ...activationProps, children: jsx(DisabledContext.Provider, { value: !!activationProps['aria-disabled'], children: jsx(CardContext.Provider, { value: { direction: direction === 'column' ? 'column' : 'row', borderStyle }, children: children }) }) }));
+};
+const CardSegment = forwardRef(CardSegmentRenderFunc);
+
+export { CardSegment };
 //# sourceMappingURL=CardSegment.js.map

package/CardSegment.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSegment.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"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":["_jsx","classNames"],"mappings":";;;;;;;;;;;AAmBA,MAAM,qBAAqB,GAA6D,CACpF,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,EAChG,GAAG,KACH;AACA,IAAA,MAAM,eAAe,GAAG,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC7E,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAC;IAEzC;;AAEI,IAAAA,GAAA,CAAC,IAAI,EAAA,EAAA,GACG,SAAS,EAAA,IACR,GAAG,GAAG,EAAE,GAAG,EAAE,GAAiB,EAAE,GAAG,EAAE,GAC1C,SAAS,EAAE,SAAS,EACpB,SAAS,EAAEC,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE;YACtC,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW,IAAI,CAAC,CAAC,OAAO;AAC9C,YAAA,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,OAAO;AAChC,YAAA,CAAC,MAAM,CAAC,gBAAgB,GAAG,SAAS,KAAK,QAAQ;AACjD,YAAA,CAAC,MAAM,CAAC,cAAc,GAAG,SAAS,KAAK,QAAQ;YAC/C,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,CAAC,eAAe,CAAC,eAAe,CAAC;SAC/D,CAAC,EAAA,GACE,eAAe,EAEnB,QAAA,EAAAD,GAAA,CAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,eAAe,CAAC,YAC/DA,GAAC,CAAA,WAAW,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,KAAK,QAAQ,GAAG,QAAQ,GAAG,KAAK,EAAE,WAAW,EAAE,EAAA,QAAA,EAC7F,QAAQ,EACU,CAAA,EAAA,CACA,EACxB,CAAA,EACT;AACN,CAAC,CAAC;MAEW,WAAW,GAAG,UAAU,CAAC,qBAAqB;;;;"}

package/card-D277Ud1t.js

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

package/card-D277Ud1t.js.map

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

package/cardContext.d.ts

@@ -0,0 +1,9 @@
+import type { TokenColorStroke } from '@hh.ru/magritte-design-tokens/types';
+import type { LayoutDirection } from '@hh.ru/magritte-ui-card/types';
+interface CardContextValue {
+    direction: LayoutDirection;
+    borderStyle?: TokenColorStroke;
+}
+export declare const CardContext: import("react").Context<CardContextValue>;
+export declare const useCardContext: () => CardContextValue;
+export {};

package/cardContext.js

@@ -0,0 +1,9 @@
+import './index.css';
+import { createContext, useContext } from 'react';
+
+const defaultValue = { direction: 'row' };
+const CardContext = createContext(defaultValue);
+const useCardContext = () => useContext(CardContext);
+
+export { CardContext, useCardContext };
+//# sourceMappingURL=cardContext.js.map

package/cardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardContext.js","sources":["src/cardContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { TokenColorStroke } from '@hh.ru/magritte-design-tokens/types';\nimport type { LayoutDirection } from '@hh.ru/magritte-ui-card/types';\n\ninterface CardContextValue {\n    direction: LayoutDirection;\n    borderStyle?: TokenColorStroke;\n}\n\nconst defaultValue: CardContextValue = { direction: 'row' };\n\nexport const CardContext = createContext<CardContextValue>(defaultValue);\nexport const useCardContext = (): CardContextValue => useContext(CardContext);\n"],"names":[],"mappings":";;AAUA,MAAM,YAAY,GAAqB,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;MAE/C,WAAW,GAAG,aAAa,CAAmB,YAAY,EAAE;AAC5D,MAAA,cAAc,GAAG,MAAwB,UAAU,CAAC,WAAW;;;;"}

package/index.css

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

package/index.js

@@ -4,7 +4,11 @@ import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '@hh.ru/magritte-common-use-disabled';
-import './CardSegment-B8AT6F5t.js';
+import './Between.js';
+import './cardContext.js';
+import '@hh.ru/magritte-ui-divider';
+import './card-D277Ud1t.js';
+import './CardSegment.js';
 import './useCardActivation.js';
 import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-common-mouse';

package/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-card",
-  "version": "8.4.0",
+  "version": "8.5.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -30,6 +30,7 @@
     "@hh.ru/magritte-design-tokens": "24.6.0",
     "@hh.ru/magritte-types": "5.0.6",
     "@hh.ru/magritte-ui-breakpoint": "6.0.8",
+    "@hh.ru/magritte-ui-divider": "3.1.1",
     "@hh.ru/magritte-ui-icon": "14.2.1",
     "@hh.ru/magritte-ui-layout": "2.0.0",
     "@hh.ru/magritte-ui-mock-component": "1.1.7",
@@ -39,5 +40,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3300c3c2d412c0a92b17e48f3b05619643f5be72"
+  "gitHead": "46de7fb701c69ddd9b856931ddbe1b91851d946d"
 }

package/types.d.ts

@@ -5,6 +5,7 @@ export type CardBorderRadius = TokenBaseStaticBorderRadius | 'halfHeight';
 export type CardStyle = TokenColorBackground;
 export type BorderStyle = TokenColorStroke;
 export type CardShadow = TokenShadow;
+export type LayoutDirection = 'row' | 'column';
 export interface CommonCardProps {
     /** Кастомный элемент 'a', 'div' или функция  */
     Element?: 'a' | 'div';
@@ -59,6 +60,6 @@ export interface CommonCardProps {
     /** Обработчик клика по карточке */
     onClick?: MouseEventHandler<HTMLElement>;
     /** Направление раскладки сегментов внутри карточки */
-    direction?: 'row' | 'column';
+    direction?: LayoutDirection;
 }
 export type CardProps = PropsWithChildren<CommonCardProps>;

package/CardSegment-B8AT6F5t.js

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

package/CardSegment-B8AT6F5t.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardSegment-B8AT6F5t.js","sources":["src/CardSegment.tsx"],"sourcesContent":["import type { FC, MouseEventHandler, PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\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 = PropsWithChildren<\n    FlexProps & {\n        /** Включает реакцию сегмента на hover. Реакция на нажатие включается если у карточки задан pressEnabled. Автоматически включается при наличии onClick на сегменте */\n        interactive?: boolean;\n        /** Обработчик клика по сегменту. Тип совместим с Card.onClick */\n        onClick?: MouseEventHandler<HTMLElement>;\n    }\n>;\n\nexport const CardSegment: FC<CardSegmentProps> = ({\n    children,\n    interactive = false,\n    onClick,\n    direction = 'column',\n    ...flexProps\n}) => {\n    const activationProps = useCardActivation({ onClick });\n\n    return (\n        <Flex\n            {...flexProps}\n            Element=\"div\"\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            })}\n            {...activationProps}\n        >\n            {children}\n        </Flex>\n    );\n};\n"],"names":["_jsx","classNames"],"mappings":";;;;;;;MAiBa,WAAW,GAAyB,CAAC,EAC9C,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,SAAS,GAAG,QAAQ,EACpB,GAAG,SAAS,EACf,KAAI;IACD,MAAM,eAAe,GAAG,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAEvD,QACIA,IAAC,IAAI,EAAA,EAAA,GACG,SAAS,EACb,OAAO,EAAC,KAAK,EACb,SAAS,EAAE,SAAS,EACpB,SAAS,EAAEC,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE;YACtC,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW,IAAI,CAAC,CAAC,OAAO;AAC9C,YAAA,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,OAAO;AAChC,YAAA,CAAC,MAAM,CAAC,gBAAgB,GAAG,SAAS,KAAK,QAAQ;AACjD,YAAA,CAAC,MAAM,CAAC,cAAc,GAAG,SAAS,KAAK,QAAQ;AAClD,SAAA,CAAC,KACE,eAAe,EAAA,QAAA,EAElB,QAAQ,EAAA,CACN,EACT;AACN;;;;"}