@arbor-education/design-system.components 0.25.9 → 1.0.0

package/dist/components/widget/Widget.test.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import '@testing-library/jest-dom/vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { EmptyState } from '../emptyState/EmptyState.js';
+import { Icon } from '../icon/Icon.js';
+import { describe, expect, test, vi } from 'vitest';
+import { Widget } from './Widget.js';
+describe('Widget', () => {
+    test('throws when used outside Widget context', () => {
+        expect(() => render(_jsx(Widget.Header, { children: "Title" }))).toThrow('Widget compound components must be used within <Widget>.');
+    });
+    test('renders static header without link or chevron', () => {
+        const { container } = render(_jsxs(Widget, { children: [_jsx(Widget.Header, { children: "Alerts (0)" }), _jsx(Widget.Body, {})] }));
+        expect(screen.getByRole('heading', { level: 3, name: 'Alerts (0)' })).toBeInTheDocument();
+        expect(container.querySelector('a')).not.toBeInTheDocument();
+        expect(container.querySelector('.ds-widget__header-chevron')).not.toBeInTheDocument();
+    });
+    test('renders slotEnd in header end region', () => {
+        render(_jsxs(Widget, { children: [_jsx(Widget.Header, { slotEnd: _jsx("button", { type: "button", children: "Mark all as read" }), children: "Notifications" }), _jsx(Widget.Body, {})] }));
+        expect(screen.getByRole('button', { name: 'Mark all as read' })).toBeInTheDocument();
+        expect(screen.getByRole('button', { name: 'Mark all as read' }).closest('.ds-widget__header-end')).toBeInTheDocument();
+    });
+    test('renders linked header with anchor and chevron', () => {
+        const { container } = render(_jsxs(Widget, { href: "/alerts", children: [_jsx(Widget.Header, { children: "Alerts (2)" }), _jsx(Widget.Body, {})] }));
+        const link = screen.getByRole('link', { name: 'Alerts (2)' });
+        const header = container.querySelector('.ds-widget__header');
+        expect(link).toHaveAttribute('href', '/alerts');
+        expect(header).toHaveClass('ds-widget__header--linked');
+        expect(container.querySelector('.ds-widget__header-chevron')).toBeInTheDocument();
+        expect(link.querySelector('.ds-widget__header-chevron')).not.toBeInTheDocument();
+        expect(container.querySelector('.ds-widget__header-end .ds-widget__header-chevron')).toBeInTheDocument();
+    });
+    test('uses renderLink when provided', () => {
+        const renderLink = vi.fn(({ href, className, children }) => (_jsx("a", { href: href, className: className, "data-testid": "custom-link", children: children })));
+        render(_jsxs(Widget, { href: "/alerts", renderLink: renderLink, children: [_jsx(Widget.Header, { children: "Alerts (2)" }), _jsx(Widget.Body, {})] }));
+        expect(renderLink).toHaveBeenCalledWith(expect.objectContaining({
+            href: '/alerts',
+            className: 'ds-widget__header-link',
+        }));
+        expect(screen.getByTestId('custom-link')).toBeInTheDocument();
+    });
+    test('renders tooltip trigger as sibling of heading in heading row', () => {
+        const { container } = render(_jsxs(Widget, { tooltip: "Your starred items appear here", children: [_jsx(Widget.Header, { children: "Favourites" }), _jsx(Widget.Body, {})] }));
+        const headingRow = container.querySelector('.ds-widget__header-heading-row');
+        expect(headingRow).toBeInTheDocument();
+        expect(headingRow?.querySelector('.ds-widget__header-heading')).toBeInTheDocument();
+        expect(headingRow?.querySelector('.ds-widget__header-tooltip-trigger')).toBeInTheDocument();
+        expect(screen.getByRole('heading', { name: 'Favourites' }).closest('button')).not.toBeInTheDocument();
+    });
+    test('collapsible header toggles body visibility', () => {
+        render(_jsxs(Widget, { collapsible: true, defaultExpanded: false, children: [_jsx(Widget.Header, { children: "Attendance" }), _jsx(Widget.Body, { children: _jsx("p", { children: "Body content" }) })] }));
+        expect(screen.queryByText('Body content')).not.toBeInTheDocument();
+        expect(screen.getByRole('heading', { level: 3, name: 'Attendance' })).toBeInTheDocument();
+        const toggle = screen.getByRole('button', { name: 'Attendance' });
+        expect(toggle.querySelector('h3')).toBeNull();
+        expect(toggle).toHaveAttribute('aria-expanded', 'false');
+        fireEvent.click(toggle);
+        expect(toggle).toHaveAttribute('aria-expanded', 'true');
+        expect(screen.getByText('Body content')).toBeInTheDocument();
+    });
+    test('collapsible chevron rotates when expanded', () => {
+        const { container } = render(_jsxs(Widget, { collapsible: true, defaultExpanded: true, children: [_jsx(Widget.Header, { children: "Attendance" }), _jsx(Widget.Body, { children: _jsx("p", { children: "Body content" }) })] }));
+        expect(container.querySelector('.ds-widget__header-toggle[aria-expanded="true"] .ds-widget__header-chevron')).toBeInTheDocument();
+    });
+    test('throws in dev when href and collapsible are both set', () => {
+        expect(() => render(_jsxs(Widget, { ...{
+                href: '/alerts',
+                collapsible: true,
+            }, children: [_jsx(Widget.Header, { children: "Alerts" }), _jsx(Widget.Body, {})] }))).toThrow('Widget cannot have both href and collapsible. Use one or the other.');
+    });
+    test('renders empty state with h4 heading nested under h3 widget header', () => {
+        render(_jsxs(Widget, { isEmpty: true, emptyState: (_jsx(EmptyState, { heading: "All clear!", subHeading: "There are no alerts for you right now." })), children: [_jsx(Widget.Header, { children: "Alerts (0)" }), _jsx(Widget.Body, {})] }));
+        expect(screen.getByRole('heading', { level: 3, name: 'Alerts (0)' })).toBeInTheDocument();
+        expect(screen.getByRole('heading', { level: 4, name: 'All clear!' })).toBeInTheDocument();
+    });
+    test('renders empty state when isEmpty is true', () => {
+        render(_jsxs(Widget, { isEmpty: true, emptyState: (_jsx(EmptyState, { heading: "All clear!", subHeading: "There are no alerts for you right now." })), children: [_jsx(Widget.Header, { children: "Alerts (0)" }), _jsx(Widget.Body, {})] }));
+        expect(screen.getByRole('heading', { name: 'All clear!' })).toBeInTheDocument();
+    });
+    test('sets aria-busy on body when isLoading is true', () => {
+        render(_jsxs(Widget, { isLoading: true, loadingLabel: "Loading alerts", children: [_jsx(Widget.Header, { children: "Alerts" }), _jsx(Widget.Body, { children: _jsx("p", { children: "Body content" }) })] }));
+        expect(screen.getByRole('status', { name: 'Loading alerts' })).toBeInTheDocument();
+        expect(screen.queryByText('Body content')).not.toBeInTheDocument();
+        expect(document.querySelector('.ds-widget__body')).toHaveAttribute('aria-busy', 'true');
+    });
+    test('sets aria-live on body when live is true', () => {
+        const { container } = render(_jsxs(Widget, { live: true, isEmpty: true, emptyState: _jsx(EmptyState, { heading: "Empty" }), children: [_jsx(Widget.Header, { children: "Alerts" }), _jsx(Widget.Body, {})] }));
+        expect(container.querySelector('.ds-widget__body[aria-live="polite"]')).toBeInTheDocument();
+    });
+    test('linked header keeps tooltip outside link wrapper', () => {
+        render(_jsxs(Widget, { href: "/alerts", tooltip: "About alerts", children: [_jsx(Widget.Header, { children: "Alerts (2)" }), _jsx(Widget.Body, {})] }));
+        const link = screen.getByRole('link', { name: 'Alerts (2)' });
+        const tooltipButton = screen.getByRole('button', { name: 'About alerts' });
+        expect(link.contains(tooltipButton)).toBe(false);
+    });
+    test('applies floating modifier when isFloating is true', () => {
+        const { container } = render(_jsxs(Widget, { isFloating: true, children: [_jsx(Widget.Header, { children: "Favourites" }), _jsx(Widget.Body, {})] }));
+        expect(container.querySelector('.ds-widget.ds-widget--floating')).toBeInTheDocument();
+    });
+    test('does not apply floating modifier by default', () => {
+        const { container } = render(_jsxs(Widget, { children: [_jsx(Widget.Header, { children: "Favourites" }), _jsx(Widget.Body, {})] }));
+        expect(container.querySelector('.ds-widget--floating')).not.toBeInTheDocument();
+    });
+    test('renders empty state with illustration inside widget', () => {
+        render(_jsxs(Widget, { isEmpty: true, emptyState: (_jsx(EmptyState, { illustration: _jsx(Icon, { name: "circle-help", size: 24 }), heading: "All clear!", subHeading: "There are no alerts for you right now." })), children: [_jsx(Widget.Header, { children: "Alerts (0)" }), _jsx(Widget.Body, {})] }));
+        expect(screen.getByRole('region')).toBeInTheDocument();
+        expect(screen.getByRole('heading', { name: 'All clear!' })).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Widget.test.js.map

package/dist/components/widget/Widget.test.js.map

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

package/dist/components/widget/WidgetBody.d.ts

@@ -0,0 +1,6 @@
+export type WidgetBodyProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+export declare const WidgetBody: (props: WidgetBodyProps) => React.JSX.Element;
+//# sourceMappingURL=WidgetBody.d.ts.map

package/dist/components/widget/WidgetBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetBody.d.ts","sourceRoot":"","sources":["../../../src/components/widget/WidgetBody.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,GAAG,CAAC,OAwD7D,CAAC"}

package/dist/components/widget/WidgetBody.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Icon } from '../icon/Icon.js';
+import { useWidgetContext } from './WidgetContext.js';
+export const WidgetBody = (props) => {
+    const { children, className, } = props;
+    const { bodyId, expanded, collapsible, isLoading, isEmpty, emptyState, loadingLabel, live, } = useWidgetContext();
+    const isCollapsed = collapsible && !expanded;
+    let content = children;
+    if (!isCollapsed) {
+        if (isLoading) {
+            content = (_jsx("div", { role: "status", className: "ds-widget__loading", "aria-label": loadingLabel, children: _jsx("span", { className: "ds-widget__loading-spinner", "aria-hidden": "true", children: _jsx(Icon, { name: "loader", size: 16 }) }) }));
+        }
+        else if (isEmpty) {
+            content = emptyState ?? null;
+        }
+    }
+    return (_jsx("div", { id: bodyId, className: classNames('ds-widget__body', isCollapsed && 'ds-widget__body--collapsed', className), hidden: isCollapsed || undefined, "aria-hidden": isCollapsed || undefined, "aria-live": !isCollapsed && live ? 'polite' : undefined, "aria-busy": !isCollapsed && isLoading ? true : undefined, children: isCollapsed ? null : content }));
+};
+//# sourceMappingURL=WidgetBody.js.map

package/dist/components/widget/WidgetBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetBody.js","sourceRoot":"","sources":["../../../src/components/widget/WidgetBody.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAqB,EAAE;IACtE,MAAM,EACJ,QAAQ,EACR,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,SAAS,EACT,OAAO,EACP,UAAU,EACV,YAAY,EACZ,IAAI,GACL,GAAG,gBAAgB,EAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,WAAW,IAAI,CAAC,QAAQ,CAAC;IAE7C,IAAI,OAAO,GAAoB,QAAQ,CAAC;IAExC,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,GAAG,CACR,cACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,oBAAoB,gBAClB,YAAY,YAExB,eAAM,SAAS,EAAC,4BAA4B,iBAAa,MAAM,YAC7D,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,GAAI,GAC3B,GACH,CACP,CAAC;QACJ,CAAC;aACI,IAAI,OAAO,EAAE,CAAC;YACjB,OAAO,GAAG,UAAU,IAAI,IAAI,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,OAAO,CACL,cACE,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,UAAU,CACnB,iBAAiB,EACjB,WAAW,IAAI,4BAA4B,EAC3C,SAAS,CACV,EACD,MAAM,EAAE,WAAW,IAAI,SAAS,iBACnB,WAAW,IAAI,SAAS,eAC1B,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,eAC3C,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,YAEtD,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,GACzB,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/widget/WidgetContext.d.ts

@@ -0,0 +1,20 @@
+import type { AnchorHTMLAttributes } from 'react';
+import type { Widget } from './Widget.js';
+export type WidgetContextValue = {
+    bodyId: string;
+    expanded: boolean;
+    setExpanded: (expanded: boolean) => void;
+    collapsible: boolean;
+    href?: string;
+    renderLink?: (args: Widget.RenderLinkArgs) => React.ReactElement;
+    linkProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'className' | 'children'>;
+    tooltip?: string;
+    isLoading: boolean;
+    isEmpty: boolean;
+    emptyState?: React.ReactNode;
+    loadingLabel: string;
+    live: boolean;
+};
+export declare const WidgetContext: import("react").Context<WidgetContextValue | null>;
+export declare function useWidgetContext(): WidgetContextValue;
+//# sourceMappingURL=WidgetContext.d.ts.map

package/dist/components/widget/WidgetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetContext.d.ts","sourceRoot":"","sources":["../../../src/components/widget/WidgetContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,cAAc,KAAK,KAAK,CAAC,YAAY,CAAC;IACjE,SAAS,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;IAC7F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,aAAa,oDAAiD,CAAC;AAE5E,wBAAgB,gBAAgB,IAAI,kBAAkB,CAQrD"}

package/dist/components/widget/WidgetContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const WidgetContext = createContext(null);
+export function useWidgetContext() {
+    const context = useContext(WidgetContext);
+    if (!context) {
+        throw new Error('Widget compound components must be used within <Widget>.');
+    }
+    return context;
+}
+//# sourceMappingURL=WidgetContext.js.map

package/dist/components/widget/WidgetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetContext.js","sourceRoot":"","sources":["../../../src/components/widget/WidgetContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAoBlD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAA4B,IAAI,CAAC,CAAC;AAE5E,MAAM,UAAU,gBAAgB;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC9E,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/components/widget/WidgetHeader.d.ts

@@ -0,0 +1,8 @@
+export type WidgetHeaderProps = {
+    children: React.ReactNode;
+    slotStart?: React.ReactNode;
+    slotEnd?: React.ReactNode;
+    className?: string;
+};
+export declare const WidgetHeader: (props: WidgetHeaderProps) => React.JSX.Element;
+//# sourceMappingURL=WidgetHeader.d.ts.map

package/dist/components/widget/WidgetHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetHeader.d.ts","sourceRoot":"","sources":["../../../src/components/widget/WidgetHeader.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,KAAG,KAAK,CAAC,GAAG,CAAC,OA2IjE,CAAC"}

package/dist/components/widget/WidgetHeader.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Heading } from '../heading/Heading.js';
+import { Icon } from '../icon/Icon.js';
+import { TooltipWrapper } from '../tooltip/TooltipWrapper.js';
+import { ENTER_KEY, SPACE_KEY } from '../../utils/keyboardConstants.js';
+import { useWidgetContext } from './WidgetContext.js';
+export const WidgetHeader = (props) => {
+    const { children, slotStart, slotEnd, className, } = props;
+    const { bodyId, expanded, setExpanded, collapsible, href, renderLink, linkProps, tooltip, } = useWidgetContext();
+    const isLinked = Boolean(href);
+    const headingNode = (_jsx(Heading, { level: 3, className: "ds-widget__header-heading", children: children }));
+    const chevronNode = (_jsx(Icon, { name: "chevron-right", size: 16, className: "ds-widget__header-chevron" }));
+    const tooltipNode = tooltip
+        ? (_jsx(TooltipWrapper, { tooltipContent: tooltip, children: _jsx("button", { type: "button", className: "ds-widget__header-tooltip-trigger remove-default-button-styles", "aria-label": tooltip, children: _jsx(Icon, { name: "info", size: 16 }) }) }))
+        : null;
+    const toggleCollapsedState = () => {
+        if (collapsible) {
+            setExpanded(!expanded);
+        }
+    };
+    const handleToggleKeyDown = (event) => {
+        if ([SPACE_KEY, ENTER_KEY].includes(event.key)) {
+            event.preventDefault();
+            toggleCollapsedState();
+        }
+    };
+    const linkClassName = 'ds-widget__header-link';
+    let headingControl;
+    if (collapsible) {
+        headingControl = (_jsx(Heading, { level: 3, className: "ds-widget__header-heading", children: _jsxs("button", { type: "button", className: classNames('ds-widget__header-toggle', 'remove-default-button-styles'), "aria-expanded": expanded, "aria-controls": bodyId, onClick: toggleCollapsedState, onKeyDown: handleToggleKeyDown, children: [_jsx(Heading.InnerContainer, { children: children }), chevronNode] }) }));
+    }
+    else if (isLinked) {
+        const handleLinkClick = (event) => {
+            linkProps?.onClick?.(event);
+        };
+        headingControl = renderLink
+            ? renderLink({
+                href: href,
+                className: linkClassName,
+                children: headingNode,
+                linkProps,
+                onClick: handleLinkClick,
+            })
+            : (_jsx("a", { href: href, className: linkClassName, ...linkProps, onClick: handleLinkClick, children: headingNode }));
+    }
+    else {
+        headingControl = headingNode;
+    }
+    const headingRow = (_jsxs("div", { className: "ds-widget__header-heading-row", children: [headingControl, tooltipNode] }));
+    return (_jsxs("div", { className: classNames('ds-widget__header', {
+            'ds-widget__header--linked': isLinked,
+            'ds-widget__header--collapsible': collapsible,
+        }, className), children: [_jsxs("div", { className: "ds-widget__header-title-group", children: [slotStart && (_jsx("span", { className: "ds-widget__header-slot-start", children: slotStart })), headingRow] }), (isLinked || slotEnd) && (_jsxs("span", { className: "ds-widget__header-end", children: [slotEnd, isLinked && chevronNode] }))] }));
+};
+//# sourceMappingURL=WidgetHeader.js.map

package/dist/components/widget/WidgetHeader.js.map

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

package/dist/components/widget/types.d.ts

@@ -0,0 +1,43 @@
+import type { AnchorHTMLAttributes } from 'react';
+export type WidgetRenderLinkArgs = {
+    href: string;
+    className: string;
+    children: React.ReactNode;
+    onClick?: React.MouseEventHandler;
+    linkProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'className' | 'children'>;
+};
+type WidgetBaseProps = {
+    children: React.ReactNode;
+    className?: string;
+    tooltip?: string;
+    isFloating?: boolean;
+    isLoading?: boolean;
+    isEmpty?: boolean;
+    emptyState?: React.ReactNode;
+    loadingLabel?: string;
+    live?: boolean;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+};
+export type WidgetLinkedProps = WidgetBaseProps & {
+    href: string;
+    renderLink?: (args: WidgetRenderLinkArgs) => React.ReactElement;
+    linkProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'className' | 'children'>;
+    collapsible?: false;
+};
+export type WidgetCollapsibleProps = WidgetBaseProps & {
+    href?: never;
+    renderLink?: never;
+    linkProps?: never;
+    collapsible: true;
+};
+export type WidgetStaticProps = WidgetBaseProps & {
+    href?: never;
+    renderLink?: never;
+    linkProps?: never;
+    collapsible?: false;
+};
+export type WidgetProps = WidgetLinkedProps | WidgetCollapsibleProps | WidgetStaticProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/widget/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/widget/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,SAAS,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;CAC9F,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,KAAK,CAAC,YAAY,CAAC;IAChE,SAAS,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;IAC7F,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAAG;IACrD,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,EAAE,IAAI,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,sBAAsB,GAAG,iBAAiB,CAAC"}

package/dist/components/widget/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/widget/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/widget/types.ts"],"names":[],"mappings":""}

package/dist/components/widgetCalendar/WidgetCalendar.d.ts

@@ -0,0 +1,35 @@
+import type { WidgetCalendarEventType, WidgetCalendarItemProps } from './WidgetCalendarItem.js';
+type WidgetCalendarItemData = {
+    id: string;
+    eventType?: WidgetCalendarEventType;
+    eventPrimaryTerm: React.ReactNode;
+    eventPrimaryDefinition: React.ReactNode;
+    eventSecondaryTerm: React.ReactNode;
+    eventDateTime: string;
+    eventTimeLabel: string;
+    eventLocation?: string;
+    eventSecondaryDefinition?: React.ReactNode;
+    buttonA11yText?: string;
+};
+type WidgetCalendarProps = {
+    heading: React.ReactNode;
+    tooltip?: string;
+    headingHref?: string;
+    items: WidgetCalendarItemData[];
+    isFloating?: boolean;
+    onItemClick?: (id: string) => void;
+    emptyState?: React.ReactNode;
+    className?: string;
+};
+export declare const WidgetCalendar: {
+    (props: WidgetCalendarProps): React.JSX.Element;
+    Item: (props: WidgetCalendarItemProps) => React.JSX.Element;
+};
+export declare namespace WidgetCalendar {
+    type Props = WidgetCalendarProps;
+    type ItemProps = WidgetCalendarItemProps;
+    type ItemData = WidgetCalendarItemData;
+    type EventType = WidgetCalendarEventType;
+}
+export {};
+//# sourceMappingURL=WidgetCalendar.d.ts.map

package/dist/components/widgetCalendar/WidgetCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/widgetCalendar/WidgetCalendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAGhG,KAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,sBAAsB,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAWF,eAAO,MAAM,cAAc;YAAW,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAwD5E,CAAC;AAIF,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,SAAS,GAAG,uBAAuB,CAAC;IAChD,KAAY,QAAQ,GAAG,sBAAsB,CAAC;IAC9C,KAAY,SAAS,GAAG,uBAAuB,CAAC;CACjD"}

package/dist/components/widgetCalendar/WidgetCalendar.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { EmptyState } from '../emptyState/EmptyState.js';
+import { Icon } from '../icon/Icon.js';
+import { Widget } from '../widget/Widget.js';
+import { WidgetCalendarItem } from './WidgetCalendarItem.js';
+const defaultEmptyState = (_jsx(EmptyState, { padding: "md", illustration: _jsx(Icon, { name: "date", size: 24 }), heading: "Nothing scheduled", subHeading: "There are no upcoming events." }));
+export const WidgetCalendar = (props) => {
+    const { heading, tooltip, headingHref, items, isFloating = false, onItemClick, emptyState = defaultEmptyState, className, } = props;
+    const isEmpty = items.length === 0;
+    const body = (_jsxs(_Fragment, { children: [_jsx(Widget.Header, { children: heading }), _jsx(Widget.Body, { children: !isEmpty && (_jsx("ul", { className: "ds-widget-calendar__list", children: items.map(item => (_jsx(WidgetCalendarItem, { id: item.id, eventType: item.eventType, eventPrimaryTerm: item.eventPrimaryTerm, eventPrimaryDefinition: item.eventPrimaryDefinition, eventSecondaryTerm: item.eventSecondaryTerm, eventDateTime: item.eventDateTime, eventTimeLabel: item.eventTimeLabel, eventLocation: item.eventLocation, eventSecondaryDefinition: item.eventSecondaryDefinition, buttonA11yText: item.buttonA11yText, onItemClick: onItemClick ? () => onItemClick(item.id) : undefined }, item.id))) })) })] }));
+    const widgetProps = {
+        tooltip,
+        isFloating,
+        isEmpty,
+        emptyState,
+        className,
+        ...(headingHref ? { href: headingHref } : {}),
+    };
+    return (_jsx(Widget, { ...widgetProps, children: body }));
+};
+WidgetCalendar.Item = WidgetCalendarItem;
+//# sourceMappingURL=WidgetCalendar.js.map

package/dist/components/widgetCalendar/WidgetCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetCalendar.js","sourceRoot":"","sources":["../../../src/components/widgetCalendar/WidgetCalendar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AA0B7D,MAAM,iBAAiB,GAAG,CACxB,KAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,YAAY,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,EAC5C,OAAO,EAAC,mBAAmB,EAC3B,UAAU,EAAC,+BAA+B,GAC1C,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAqB,EAAE;IAC9E,MAAM,EACJ,OAAO,EACP,OAAO,EACP,WAAW,EACX,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,WAAW,EACX,UAAU,GAAG,iBAAiB,EAC9B,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;IAEnC,MAAM,IAAI,GAAG,CACX,8BACE,KAAC,MAAM,CAAC,MAAM,cAAE,OAAO,GAAiB,EACxC,KAAC,MAAM,CAAC,IAAI,cACT,CAAC,OAAO,IAAI,CACX,aAAI,SAAS,EAAC,0BAA0B,YACrC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,KAAC,kBAAkB,IAEjB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,EACnD,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EACvD,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,IAX5D,IAAI,CAAC,EAAE,CAYZ,CACH,CAAC,GACC,CACN,GACW,IACb,CACJ,CAAC;IAEF,MAAM,WAAW,GAAG;QAClB,OAAO;QACP,UAAU;QACV,OAAO;QACP,UAAU;QACV,SAAS;QACT,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC9B,CAAC;IAElB,OAAO,CACL,KAAC,MAAM,OAAK,WAAW,YACpB,IAAI,GACE,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,IAAI,GAAG,kBAAkB,CAAC"}

package/dist/components/widgetCalendar/WidgetCalendar.stories.d.ts

@@ -0,0 +1,60 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare function WidgetCalendarDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: {
+        (props: {
+            heading: React.ReactNode;
+            tooltip?: string;
+            headingHref?: string;
+            items: {
+                id: string;
+                eventType?: import("./WidgetCalendarItem.js").WidgetCalendarEventType;
+                eventPrimaryTerm: React.ReactNode;
+                eventPrimaryDefinition: React.ReactNode;
+                eventSecondaryTerm: React.ReactNode;
+                eventDateTime: string;
+                eventTimeLabel: string;
+                eventLocation?: string;
+                eventSecondaryDefinition?: React.ReactNode;
+                buttonA11yText?: string;
+            }[];
+            isFloating?: boolean;
+            onItemClick?: (id: string) => void;
+            emptyState?: React.ReactNode;
+            className?: string;
+        }): React.JSX.Element;
+        Item: (props: import("./WidgetCalendarItem.js").WidgetCalendarItemProps) => React.JSX.Element;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof WidgetCalendarDocsPage;
+        };
+    };
+    tags: string[];
+    args: {
+        heading: string;
+        isFloating: true;
+        items: {
+            id: string;
+            eventType?: import("./WidgetCalendarItem.js").WidgetCalendarEventType;
+            eventPrimaryTerm: React.ReactNode;
+            eventPrimaryDefinition: React.ReactNode;
+            eventSecondaryTerm: React.ReactNode;
+            eventDateTime: string;
+            eventTimeLabel: string;
+            eventLocation?: string;
+            eventSecondaryDefinition?: React.ReactNode;
+            buttonA11yText?: string;
+        }[];
+        onItemClick: import("vitest").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const FixedHeightOverflow: Story;
+export declare const Composable: Story;
+//# sourceMappingURL=WidgetCalendar.stories.d.ts.map

package/dist/components/widgetCalendar/WidgetCalendar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetCalendar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/widgetCalendar/WidgetCalendar.stories.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAuF5D,iBAAS,sBAAsB,4CAa9B;AA2DD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAc6B,CAAC;AAExC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAMjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAC"}

package/dist/components/widgetCalendar/WidgetCalendar.stories.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controls, Heading as DocHeading, Primary as DocPrimary, Markdown, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
+import { Widget } from '../widget/Widget.js';
+import { fn } from 'storybook/test';
+import { WidgetCalendar } from './WidgetCalendar.js';
+const classEventTime = {
+    eventSecondaryTerm: 'Time and location',
+    eventDateTime: '2026-06-08T08:45/2026-06-08T09:00',
+    eventTimeLabel: '08:45 – 09:00',
+    eventLocation: 'Classroom 102',
+};
+const initialItems = [
+    {
+        id: 'year-10-10g',
+        eventType: 'primary',
+        eventPrimaryTerm: 'Class',
+        eventPrimaryDefinition: 'Year 10: 10G',
+        ...classEventTime,
+    },
+    {
+        id: 'class-generic',
+        eventType: 'secondary',
+        eventPrimaryTerm: 'Class',
+        eventPrimaryDefinition: 'Class',
+        ...classEventTime,
+    },
+    {
+        id: 'maths-year-10',
+        eventType: 'primary',
+        eventPrimaryTerm: 'Class',
+        eventPrimaryDefinition: 'Maths: Year 10: 10x/Ma3',
+        ...classEventTime,
+    },
+    {
+        id: 'year-10-10g-2',
+        eventType: 'primary',
+        eventPrimaryTerm: 'Class',
+        eventPrimaryDefinition: 'Year 10: 10G',
+        eventDateTime: '2026-06-08T09:00/2026-06-08T09:45',
+        eventTimeLabel: '09:00 – 09:45',
+        eventLocation: 'Classroom 204',
+        eventSecondaryTerm: 'Time and location',
+    },
+    {
+        id: 'class-generic-2',
+        eventType: 'secondary',
+        eventPrimaryTerm: 'Class',
+        eventPrimaryDefinition: 'Class',
+        eventDateTime: '2026-06-08T10:15/2026-06-08T11:00',
+        eventTimeLabel: '10:15 – 11:00',
+        eventLocation: 'Hall',
+        eventSecondaryTerm: 'Time and location',
+    },
+    {
+        id: 'maths-year-10-2',
+        eventType: 'primary',
+        eventPrimaryTerm: 'Class',
+        eventPrimaryDefinition: 'Maths: Year 10: 10x/Ma3',
+        eventDateTime: '2026-06-08T11:15/2026-06-08T12:00',
+        eventTimeLabel: '11:15 – 12:00',
+        eventLocation: 'Classroom 102',
+        eventSecondaryTerm: 'Time and location',
+    },
+    {
+        id: 'year-10-10g-3',
+        eventType: 'primary',
+        eventPrimaryTerm: 'Class',
+        eventPrimaryDefinition: 'Year 10: 10G',
+        eventDateTime: '2026-06-08T13:00/2026-06-08T13:45',
+        eventTimeLabel: '13:00 – 13:45',
+        eventLocation: 'Classroom 102',
+        eventSecondaryTerm: 'Time and location',
+    },
+];
+const overflowItems = [
+    ...initialItems,
+    ...initialItems.map((item, index) => ({ ...item, id: `${item.id}-overflow-${index}` })),
+];
+const DESCRIPTION_INTRO = [
+    '`WidgetCalendar` is a pre-composed dashboard widget for upcoming calendar events.',
+    'It wraps [`Widget`](?path=/docs/components-widget--docs) with event rows, type indicators, and optional navigation.',
+    'Pass ISO `eventDateTime` and a formatted `eventTimeLabel` for each item — the component renders a semantic `<time>` element, matching the pattern used by `WidgetNotifications`.',
+].join(' ');
+function WidgetCalendarDocsPage() {
+    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" })] }));
+}
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: {
+            ...story.parameters?.docs,
+            description: { story: description },
+        },
+    },
+});
+function FixedHeightWidgetContainer({ children, height = 280, }) {
+    return (_jsx("div", { style: {
+            height,
+            display: 'flex',
+            flexDirection: 'column',
+            border: '1px dashed var(--color-grey-300)',
+        }, children: children }));
+}
+const DefaultTemplate = () => (_jsx(WidgetCalendar, { heading: "Calendar", headingHref: "/calendar", isFloating: true, items: initialItems, onItemClick: fn() }));
+const EmptyTemplate = () => (_jsx(WidgetCalendar, { heading: "Calendar", isFloating: true, items: [] }));
+const FixedHeightOverflowTemplate = () => (_jsx(FixedHeightWidgetContainer, { children: _jsx(WidgetCalendar, { heading: "Calendar", isFloating: true, items: overflowItems, onItemClick: fn() }) }));
+const meta = {
+    title: 'Components/Widget/WidgetCalendar',
+    component: WidgetCalendar,
+    parameters: {
+        layout: 'padded',
+        docs: { page: WidgetCalendarDocsPage },
+    },
+    tags: ['autodocs'],
+    args: {
+        heading: 'Calendar',
+        isFloating: true,
+        items: initialItems,
+        onItemClick: fn(),
+    },
+};
+export default meta;
+export const Default = withDescription({
+    render: DefaultTemplate,
+    parameters: { controls: { disable: true } },
+}, 'Linked header with primary (green) and secondary (grey) event type indicators. Rows are keyboard-focusable when `onItemClick` is provided.');
+export const Empty = withDescription({
+    render: EmptyTemplate,
+    parameters: { controls: { disable: true } },
+}, 'Empty items array shows the default EmptyState inside the Widget body.');
+export const FixedHeightOverflow = withDescription({
+    render: FixedHeightOverflowTemplate,
+    parameters: { controls: { disable: true } },
+}, 'Parent container constrains height; the header stays pinned while the event list scrolls inside Widget.Body.');
+export const Composable = withDescription({
+    render: () => (_jsxs(Widget, { isFloating: true, children: [_jsx(Widget.Header, { children: "Calendar" }), _jsx(Widget.Body, { children: _jsx("ul", { className: "ds-widget-calendar__list", children: initialItems.slice(0, 2).map(item => (_jsx(WidgetCalendar.Item, { id: item.id, eventType: item.eventType, eventPrimaryTerm: item.eventPrimaryTerm, eventPrimaryDefinition: item.eventPrimaryDefinition, eventSecondaryTerm: item.eventSecondaryTerm, eventDateTime: item.eventDateTime, eventTimeLabel: item.eventTimeLabel, eventLocation: item.eventLocation, onItemClick: fn() }, item.id))) }) })] })),
+    parameters: { controls: { disable: true } },
+}, 'Compose manually with `WidgetCalendar.Item` inside `Widget.Body` when you need custom list logic beyond the `items` prop.');
+//# sourceMappingURL=WidgetCalendar.stories.js.map