@furystack/shades-common-components 11.0.0 → 12.0.0

package/esm/components/card.d.ts

@@ -0,0 +1,117 @@
+import type { PartialElement } from '@furystack/shades';
+/**
+ * Props for the Card component.
+ */
+export type CardProps = PartialElement<HTMLElement> & {
+    /** Shadow elevation level. Ignored when variant is 'outlined'. */
+    elevation?: 0 | 1 | 2 | 3;
+    /** Visual variant of the card */
+    variant?: 'elevation' | 'outlined';
+    /** Whether the card is interactive (shows hover effects) */
+    clickable?: boolean;
+};
+/**
+ * A versatile surface component for grouping related content and actions.
+ * Supports elevation and outlined variants with optional hover interactions.
+ *
+ * Compose with CardHeader, CardContent, CardMedia, and CardActions for structured layouts.
+ */
+export declare const Card: (props: Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+} & {
+    /** Shadow elevation level. Ignored when variant is 'outlined'. */
+    elevation?: 0 | 1 | 2 | 3;
+    /** Visual variant of the card */
+    variant?: "elevation" | "outlined";
+    /** Whether the card is interactive (shows hover effects) */
+    clickable?: boolean;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+/**
+ * Props for the CardHeader component.
+ */
+export type CardHeaderProps = PartialElement<HTMLElement> & {
+    /** Title text displayed in the header */
+    title: string;
+    /** Optional secondary text below the title */
+    subheader?: string;
+    /** Optional element rendered on the left (e.g. Avatar) */
+    avatar?: JSX.Element;
+    /** Optional element rendered on the right (e.g. icon button) */
+    action?: JSX.Element;
+};
+/**
+ * Displays a title, optional subheader, avatar, and action area at the top of a Card.
+ */
+export declare const CardHeader: (props: Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+} & {
+    /** Title text displayed in the header */
+    title: string;
+    /** Optional secondary text below the title */
+    subheader?: string;
+    /** Optional element rendered on the left (e.g. Avatar) */
+    avatar?: JSX.Element;
+    /** Optional element rendered on the right (e.g. icon button) */
+    action?: JSX.Element;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+/**
+ * Props for the CardContent component.
+ */
+export type CardContentProps = PartialElement<HTMLElement>;
+/**
+ * Provides padded content area within a Card.
+ */
+export declare const CardContent: (props: Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+/**
+ * Props for the CardMedia component.
+ */
+export type CardMediaProps = PartialElement<HTMLElement> & {
+    /** URL of the image to display */
+    image: string;
+    /** Accessible alt text for the image */
+    alt?: string;
+    /** Fixed height for the media area */
+    height?: string;
+};
+/**
+ * Displays an image or media element within a Card.
+ */
+export declare const CardMedia: (props: Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+} & {
+    /** URL of the image to display */
+    image: string;
+    /** Accessible alt text for the image */
+    alt?: string;
+    /** Fixed height for the media area */
+    height?: string;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+/**
+ * Props for the CardActions component.
+ */
+export type CardActionsProps = PartialElement<HTMLElement> & {
+    /** Align actions at the end instead of the start */
+    disableSpacing?: boolean;
+};
+/**
+ * Provides a row of actions (buttons, links) at the bottom of a Card.
+ */
+export declare const CardActions: (props: Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+} & {
+    /** Align actions at the end instead of the start */
+    disableSpacing?: boolean;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=card.d.ts.map

package/esm/components/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIvD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACpD,kEAAkE;IAClE,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACzB,iCAAiC;IACjC,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IAClC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,IAAI;;;;;IAdf,kEAAkE;gBACtD,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;IACzB,iCAAiC;cACvB,WAAW,GAAG,UAAU;IAClC,4DAA4D;gBAChD,OAAO;sEAqEnB,CAAA;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAC1D,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,gEAAgE;IAChE,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;IAbrB,yCAAyC;WAClC,MAAM;IACb,8CAA8C;gBAClC,MAAM;IAClB,0DAA0D;aACjD,GAAG,CAAC,OAAO;IACpB,gEAAgE;aACvD,GAAG,CAAC,OAAO;sEAoEpB,CAAA;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAE1D;;GAEG;AACH,eAAO,MAAM,WAAW;;;;sEAiBtB,CAAA;AAEF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACzD,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;IAXpB,kCAAkC;WAC3B,MAAM;IACb,wCAAwC;UAClC,MAAM;IACZ,sCAAsC;aAC7B,MAAM;sEA2Bf,CAAA;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAC3D,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;IAPtB,oDAAoD;qBACnC,OAAO;sEAyBxB,CAAA"}

package/esm/components/card.js

@@ -0,0 +1,181 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { buildTransition, cssVariableTheme } from '../services/css-variable-theme.js';
+/**
+ * A versatile surface component for grouping related content and actions.
+ * Supports elevation and outlined variants with optional hover interactions.
+ *
+ * Compose with CardHeader, CardContent, CardMedia, and CardActions for structured layouts.
+ */
+export const Card = Shade({
+    shadowDomName: 'shade-card',
+    css: {
+        display: 'flex',
+        flexDirection: 'column',
+        borderRadius: cssVariableTheme.shape.borderRadius.md,
+        backgroundColor: cssVariableTheme.background.paper,
+        color: cssVariableTheme.text.primary,
+        overflow: 'hidden',
+        transition: buildTransition(['box-shadow', cssVariableTheme.transitions.duration.normal, cssVariableTheme.transitions.easing.default], ['transform', cssVariableTheme.transitions.duration.normal, cssVariableTheme.transitions.easing.default]),
+        // Elevation variant shadows
+        '&[data-variant="elevation"][data-elevation="0"]': {
+            boxShadow: cssVariableTheme.shadows.none,
+        },
+        '&[data-variant="elevation"][data-elevation="1"]': {
+            boxShadow: cssVariableTheme.shadows.sm,
+        },
+        '&[data-variant="elevation"][data-elevation="2"]': {
+            boxShadow: cssVariableTheme.shadows.md,
+        },
+        '&[data-variant="elevation"][data-elevation="3"]': {
+            boxShadow: cssVariableTheme.shadows.lg,
+        },
+        // Outlined variant
+        '&[data-variant="outlined"]': {
+            boxShadow: cssVariableTheme.shadows.none,
+            border: `1px solid ${cssVariableTheme.action.subtleBorder}`,
+        },
+        // Clickable state
+        '&[data-clickable]': {
+            cursor: 'pointer',
+        },
+        '&[data-clickable]:hover': {
+            transform: 'translateY(-2px)',
+        },
+        '&[data-clickable][data-variant="elevation"]:hover': {
+            boxShadow: cssVariableTheme.shadows.lg,
+        },
+        '&[data-clickable][data-variant="outlined"]:hover': {
+            borderColor: cssVariableTheme.text.secondary,
+        },
+    },
+    render: ({ props, children, useHostProps }) => {
+        const { elevation = 1, variant = 'elevation', clickable, style, ...rest } = props;
+        useHostProps({
+            'data-variant': variant,
+            'data-elevation': elevation.toString(),
+            'data-clickable': clickable || rest.onclick ? '' : undefined,
+            ...(style ? { style: style } : {}),
+        });
+        return createComponent(createComponent, null, children);
+    },
+});
+/**
+ * Displays a title, optional subheader, avatar, and action area at the top of a Card.
+ */
+export const CardHeader = Shade({
+    shadowDomName: 'shade-card-header',
+    css: {
+        display: 'flex',
+        alignItems: 'center',
+        padding: cssVariableTheme.spacing.md,
+        gap: cssVariableTheme.spacing.md,
+        '& .card-header-avatar': {
+            flexShrink: '0',
+        },
+        '& .card-header-content': {
+            flex: '1',
+            minWidth: '0',
+        },
+        '& .card-header-title': {
+            margin: '0',
+            fontFamily: cssVariableTheme.typography.fontFamily,
+            fontSize: cssVariableTheme.typography.fontSize.lg,
+            fontWeight: cssVariableTheme.typography.fontWeight.semibold,
+            lineHeight: cssVariableTheme.typography.lineHeight.tight,
+            color: cssVariableTheme.text.primary,
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+        },
+        '& .card-header-subheader': {
+            margin: '0',
+            marginTop: cssVariableTheme.spacing.xs,
+            fontFamily: cssVariableTheme.typography.fontFamily,
+            fontSize: cssVariableTheme.typography.fontSize.sm,
+            fontWeight: cssVariableTheme.typography.fontWeight.normal,
+            lineHeight: cssVariableTheme.typography.lineHeight.normal,
+            color: cssVariableTheme.text.secondary,
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+        },
+        '& .card-header-action': {
+            flexShrink: '0',
+            marginLeft: 'auto',
+            alignSelf: 'flex-start',
+        },
+    },
+    render: ({ props }) => {
+        const { title, subheader, avatar, action } = props;
+        return (createComponent(createComponent, null,
+            avatar ? createComponent("div", { className: "card-header-avatar" }, avatar) : null,
+            createComponent("div", { className: "card-header-content" },
+                createComponent("div", { className: "card-header-title" }, title),
+                subheader ? createComponent("div", { className: "card-header-subheader" }, subheader) : null),
+            action ? createComponent("div", { className: "card-header-action" }, action) : null));
+    },
+});
+/**
+ * Provides padded content area within a Card.
+ */
+export const CardContent = Shade({
+    shadowDomName: 'shade-card-content',
+    css: {
+        display: 'block',
+        padding: `0 ${cssVariableTheme.spacing.md} ${cssVariableTheme.spacing.md}`,
+        fontFamily: cssVariableTheme.typography.fontFamily,
+        fontSize: cssVariableTheme.typography.fontSize.md,
+        lineHeight: cssVariableTheme.typography.lineHeight.normal,
+        color: cssVariableTheme.text.secondary,
+        '&:first-child': {
+            paddingTop: cssVariableTheme.spacing.md,
+        },
+    },
+    render: ({ children }) => {
+        return createComponent(createComponent, null, children);
+    },
+});
+/**
+ * Displays an image or media element within a Card.
+ */
+export const CardMedia = Shade({
+    shadowDomName: 'shade-card-media',
+    css: {
+        display: 'block',
+        overflow: 'hidden',
+        '& img': {
+            display: 'block',
+            width: '100%',
+            height: '100%',
+            objectFit: 'cover',
+            objectPosition: 'center',
+        },
+    },
+    render: ({ props, useHostProps }) => {
+        const { image, alt = '', height = '200px' } = props;
+        useHostProps({ style: { height } });
+        return createComponent("img", { src: image, alt: alt });
+    },
+});
+/**
+ * Provides a row of actions (buttons, links) at the bottom of a Card.
+ */
+export const CardActions = Shade({
+    shadowDomName: 'shade-card-actions',
+    css: {
+        display: 'flex',
+        alignItems: 'center',
+        padding: cssVariableTheme.spacing.sm,
+        gap: cssVariableTheme.spacing.sm,
+        '&[data-disable-spacing]': {
+            justifyContent: 'flex-end',
+        },
+    },
+    render: ({ props, children, useHostProps }) => {
+        useHostProps({
+            'data-disable-spacing': props.disableSpacing ? '' : undefined,
+        });
+        return createComponent(createComponent, null, children);
+    },
+});
+//# sourceMappingURL=card.js.map

package/esm/components/card.js.map

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

package/esm/components/card.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=card.spec.d.ts.map

package/esm/components/card.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.spec.d.ts","sourceRoot":"","sources":["../../src/components/card.spec.tsx"],"names":[],"mappings":""}

package/esm/components/card.spec.js

@@ -0,0 +1,278 @@
+import { createComponent, flushUpdates } from '@furystack/shades';
+import { describe, expect, it } from 'vitest';
+import { Card, CardActions, CardContent, CardHeader, CardMedia } from './card.js';
+describe('Card', () => {
+    it('should be defined', () => {
+        expect(Card).toBeDefined();
+        expect(typeof Card).toBe('function');
+    });
+    it('should create a card element', () => {
+        const el = (createComponent(Card, null));
+        expect(el).toBeDefined();
+        expect(el.tagName?.toLowerCase()).toBe('shade-card');
+    });
+    it('should render children', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Card, null,
+                createComponent("span", null, "Content"))));
+        const card = el.firstElementChild;
+        card.updateComponent();
+        await flushUpdates();
+        expect(card.querySelector('span')).not.toBeNull();
+    });
+    it('should set data-variant to elevation by default', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Card, null)));
+        const card = el.firstElementChild;
+        card.updateComponent();
+        await flushUpdates();
+        expect(card.getAttribute('data-variant')).toBe('elevation');
+    });
+    it('should set data-variant to outlined when specified', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Card, { variant: "outlined" })));
+        const card = el.firstElementChild;
+        card.updateComponent();
+        await flushUpdates();
+        expect(card.getAttribute('data-variant')).toBe('outlined');
+    });
+    it('should set data-elevation to 1 by default', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Card, null)));
+        const card = el.firstElementChild;
+        card.updateComponent();
+        await flushUpdates();
+        expect(card.getAttribute('data-elevation')).toBe('1');
+    });
+    it('should set data-elevation to the provided value', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Card, { elevation: 3 })));
+        const card = el.firstElementChild;
+        card.updateComponent();
+        await flushUpdates();
+        expect(card.getAttribute('data-elevation')).toBe('3');
+    });
+    it('should set data-clickable when clickable is true', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Card, { clickable: true })));
+        const card = el.firstElementChild;
+        card.updateComponent();
+        await flushUpdates();
+        expect(card.hasAttribute('data-clickable')).toBe(true);
+    });
+    it('should set data-clickable when onclick handler is provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Card, { onclick: () => { } })));
+        const card = el.firstElementChild;
+        card.updateComponent();
+        await flushUpdates();
+        expect(card.hasAttribute('data-clickable')).toBe(true);
+    });
+    it('should not set data-clickable by default', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Card, null)));
+        const card = el.firstElementChild;
+        card.updateComponent();
+        await flushUpdates();
+        expect(card.hasAttribute('data-clickable')).toBe(false);
+    });
+});
+describe('CardHeader', () => {
+    it('should be defined', () => {
+        expect(CardHeader).toBeDefined();
+        expect(typeof CardHeader).toBe('function');
+    });
+    it('should create a card-header element', () => {
+        const el = (createComponent(CardHeader, { title: "Title" }));
+        expect(el).toBeDefined();
+        expect(el.tagName?.toLowerCase()).toBe('shade-card-header');
+    });
+    it('should render a title', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardHeader, { title: "My Title" })));
+        const header = el.firstElementChild;
+        header.updateComponent();
+        await flushUpdates();
+        const titleEl = header.querySelector('.card-header-title');
+        expect(titleEl).not.toBeNull();
+        expect(titleEl?.textContent).toBe('My Title');
+    });
+    it('should render a subheader when provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardHeader, { title: "Title", subheader: "Subheader text" })));
+        const header = el.firstElementChild;
+        header.updateComponent();
+        await flushUpdates();
+        const subheaderEl = header.querySelector('.card-header-subheader');
+        expect(subheaderEl).not.toBeNull();
+        expect(subheaderEl?.textContent).toBe('Subheader text');
+    });
+    it('should not render a subheader when not provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardHeader, { title: "Title" })));
+        const header = el.firstElementChild;
+        header.updateComponent();
+        await flushUpdates();
+        const subheaderEl = header.querySelector('.card-header-subheader');
+        expect(subheaderEl).toBeNull();
+    });
+    it('should render an avatar when provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardHeader, { title: "Title", avatar: createComponent("span", { className: "test-avatar" }, "A") })));
+        const header = el.firstElementChild;
+        header.updateComponent();
+        await flushUpdates();
+        const avatarContainer = header.querySelector('.card-header-avatar');
+        expect(avatarContainer).not.toBeNull();
+        expect(avatarContainer?.querySelector('.test-avatar')).not.toBeNull();
+    });
+    it('should not render avatar container when not provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardHeader, { title: "Title" })));
+        const header = el.firstElementChild;
+        header.updateComponent();
+        await flushUpdates();
+        expect(header.querySelector('.card-header-avatar')).toBeNull();
+    });
+    it('should render an action when provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardHeader, { title: "Title", action: createComponent("button", { className: "test-action" }, "X") })));
+        const header = el.firstElementChild;
+        header.updateComponent();
+        await flushUpdates();
+        const actionContainer = header.querySelector('.card-header-action');
+        expect(actionContainer).not.toBeNull();
+        expect(actionContainer?.querySelector('.test-action')).not.toBeNull();
+    });
+    it('should not render action container when not provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardHeader, { title: "Title" })));
+        const header = el.firstElementChild;
+        header.updateComponent();
+        await flushUpdates();
+        expect(header.querySelector('.card-header-action')).toBeNull();
+    });
+});
+describe('CardContent', () => {
+    it('should be defined', () => {
+        expect(CardContent).toBeDefined();
+        expect(typeof CardContent).toBe('function');
+    });
+    it('should create a card-content element', () => {
+        const el = (createComponent(CardContent, null));
+        expect(el).toBeDefined();
+        expect(el.tagName?.toLowerCase()).toBe('shade-card-content');
+    });
+    it('should render children', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardContent, null,
+                createComponent("p", null, "Some text content"))));
+        const content = el.firstElementChild;
+        content.updateComponent();
+        await flushUpdates();
+        expect(content.querySelector('p')).not.toBeNull();
+    });
+});
+describe('CardMedia', () => {
+    it('should be defined', () => {
+        expect(CardMedia).toBeDefined();
+        expect(typeof CardMedia).toBe('function');
+    });
+    it('should create a card-media element', () => {
+        const el = (createComponent(CardMedia, { image: "https://example.com/img.jpg" }));
+        expect(el).toBeDefined();
+        expect(el.tagName?.toLowerCase()).toBe('shade-card-media');
+    });
+    it('should render an img element with the provided src', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardMedia, { image: "https://example.com/photo.jpg", alt: "Test photo" })));
+        const media = el.firstElementChild;
+        media.updateComponent();
+        await flushUpdates();
+        const img = media.querySelector('img');
+        expect(img).not.toBeNull();
+        expect(img.getAttribute('src')).toBe('https://example.com/photo.jpg');
+        expect(img.getAttribute('alt')).toBe('Test photo');
+    });
+    it('should set height on the element', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardMedia, { image: "https://example.com/photo.jpg", height: "300px" })));
+        const media = el.firstElementChild;
+        media.updateComponent();
+        await flushUpdates();
+        expect(media.style.height).toBe('300px');
+    });
+    it('should default height to 200px', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardMedia, { image: "https://example.com/photo.jpg" })));
+        const media = el.firstElementChild;
+        media.updateComponent();
+        await flushUpdates();
+        expect(media.style.height).toBe('200px');
+    });
+    it('should default alt to empty string', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardMedia, { image: "https://example.com/photo.jpg" })));
+        const media = el.firstElementChild;
+        media.updateComponent();
+        await flushUpdates();
+        const img = media.querySelector('img');
+        expect(img.getAttribute('alt')).toBe('');
+    });
+});
+describe('CardActions', () => {
+    it('should be defined', () => {
+        expect(CardActions).toBeDefined();
+        expect(typeof CardActions).toBe('function');
+    });
+    it('should create a card-actions element', () => {
+        const el = (createComponent(CardActions, null));
+        expect(el).toBeDefined();
+        expect(el.tagName?.toLowerCase()).toBe('shade-card-actions');
+    });
+    it('should render children', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardActions, null,
+                createComponent("button", null, "Action"))));
+        const actions = el.firstElementChild;
+        actions.updateComponent();
+        await flushUpdates();
+        expect(actions.querySelector('button')).not.toBeNull();
+    });
+    it('should set data-disable-spacing when disableSpacing is true', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardActions, { disableSpacing: true })));
+        const actions = el.firstElementChild;
+        actions.updateComponent();
+        await flushUpdates();
+        expect(actions.hasAttribute('data-disable-spacing')).toBe(true);
+    });
+    it('should not set data-disable-spacing by default', async () => {
+        const el = (createComponent("div", null,
+            createComponent(CardActions, null)));
+        const actions = el.firstElementChild;
+        actions.updateComponent();
+        await flushUpdates();
+        expect(actions.hasAttribute('data-disable-spacing')).toBe(false);
+    });
+});
+describe('Card composition', () => {
+    it('should compose Card with all sub-components', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Card, null,
+                createComponent(CardMedia, { image: "https://example.com/img.jpg", alt: "Photo" }),
+                createComponent(CardHeader, { title: "Title", subheader: "Subheader" }),
+                createComponent(CardContent, null,
+                    createComponent("p", null, "Body text")),
+                createComponent(CardActions, null,
+                    createComponent("button", null, "Learn More")))));
+        const card = el.firstElementChild;
+        card.updateComponent();
+        await flushUpdates();
+        expect(card.querySelector('shade-card-media')).not.toBeNull();
+        expect(card.querySelector('shade-card-header')).not.toBeNull();
+        expect(card.querySelector('shade-card-content')).not.toBeNull();
+        expect(card.querySelector('shade-card-actions')).not.toBeNull();
+    });
+});
+//# sourceMappingURL=card.spec.js.map

package/esm/components/card.spec.js.map

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