reshaped 3.8.8 → 3.9.0-canary.1

package/dist/components/Calendar/tests/Calendar.stories.d.ts

@@ -1,29 +0,0 @@
-import { StoryObj } from "@storybook/react-vite";
-import { type Mock } from "storybook/test";
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./..").CalendarProps>;
-    parameters: {
-        iframe: {
-            url: string;
-        };
-    };
-};
-export default _default;
-export declare const defaultMonth: StoryObj;
-export declare const uncontrolled: StoryObj<{
-    handleChange: Mock;
-}>;
-export declare const controlled: StoryObj<{
-    handleChange: Mock;
-}>;
-export declare const selectedDates: StoryObj;
-export declare const minMax: StoryObj;
-export declare const firstWeekDay: StoryObj;
-export declare const translation: {
-    name: string;
-    render: () => import("react").JSX.Element;
-};
-export declare const ariaLabels: StoryObj;
-export declare const monthSelection: StoryObj;
-export declare const keyboardNavigation: StoryObj;

package/dist/components/Calendar/tests/Calendar.stories.js

@@ -1,255 +0,0 @@
-import { fn, expect, userEvent, within, waitFor } from "storybook/test";
-import { Example } from "../../../utilities/storybook/index.js";
-import Calendar from "../index.js";
-export default {
-    title: "Components/Calendar",
-    component: Calendar,
-    parameters: {
-        iframe: {
-            url: "https://reshaped.so/docs/components/calendar",
-        },
-    },
-};
-export const defaultMonth = {
-    name: "defaultMonth",
-    render: () => (<Example>
-			<Example.Item title="defaultMonth: 2020 January">
-				<Calendar defaultMonth={new Date(2020, 0)} range/>
-			</Example.Item>
-		</Example>),
-    play: ({ canvas }) => {
-        const grid = canvas.getByRole("grid");
-        const gridCells = canvas.getAllByRole("gridcell");
-        const dates = canvas.getAllByRole("checkbox");
-        const [prevButton, monthButton, nextButton] = canvas.getAllByRole("button");
-        expect(grid).toBeInTheDocument();
-        expect(gridCells).toHaveLength(31);
-        expect(dates).toHaveLength(31);
-        const focusableDates = dates.filter((el) => {
-            return el.getAttribute("tabIndex") === "0";
-        });
-        // Defaults keyboard focus to the first day of the month
-        expect(focusableDates).toHaveLength(1);
-        expect(focusableDates[0]).toBe(dates[0]);
-        // Default Labels
-        expect(dates[0]).toHaveAccessibleName("Wednesday, January 1");
-        expect(prevButton).toHaveAccessibleName("Previous month");
-        expect(monthButton).toHaveAccessibleName("January 2020 Select a month");
-        expect(nextButton).toHaveAccessibleName("Next month");
-    },
-};
-export const uncontrolled = {
-    name: "defaultValue, range",
-    args: {
-        handleChange: fn(),
-    },
-    render: (args) => (<Example>
-			<Example.Item title="defaultValue">
-				<Calendar defaultMonth={new Date(2020, 0)} defaultValue={new Date(2020, 0, 10)} onChange={args.handleChange}/>
-			</Example.Item>
-			<Example.Item title="defaultValue, range">
-				<Calendar range defaultMonth={new Date(2020, 0)} defaultValue={{ start: new Date(2020, 0, 10), end: new Date(2020, 0, 15) }} onChange={args.handleChange}/>
-			</Example.Item>
-		</Example>),
-    play: async ({ canvas, args }) => {
-        const [singleCalendar, rangeCalendar] = canvas.getAllByRole("grid");
-        const singleCalendarDates = within(singleCalendar).getAllByRole("checkbox");
-        const rangeCalendarDates = within(rangeCalendar).getAllByRole("checkbox");
-        await userEvent.click(singleCalendarDates[7]);
-        expect(singleCalendarDates[7]).toBeChecked();
-        expect(args.handleChange).toHaveBeenCalledTimes(1);
-        expect(args.handleChange).toHaveBeenLastCalledWith({ value: new Date(2020, 0, 8) });
-        await userEvent.click(rangeCalendarDates[7]);
-        expect(rangeCalendarDates[7]).toBeChecked();
-        expect(args.handleChange).toHaveBeenCalledTimes(2);
-        expect(args.handleChange).toHaveBeenLastCalledWith({
-            value: { start: new Date(2020, 0, 8), end: null },
-        });
-        // While selecting end value, clicking on a date < start value should change the start value
-        await userEvent.click(rangeCalendarDates[6]);
-        expect(rangeCalendarDates[6]).toBeChecked();
-        expect(rangeCalendarDates[7]).not.toBeChecked();
-        expect(args.handleChange).toHaveBeenCalledTimes(3);
-        expect(args.handleChange).toHaveBeenLastCalledWith({
-            value: { start: new Date(2020, 0, 7), end: null },
-        });
-        await userEvent.click(rangeCalendarDates[10]);
-        expect(args.handleChange).toHaveBeenCalledTimes(4);
-        expect(args.handleChange).toHaveBeenLastCalledWith({
-            value: { start: new Date(2020, 0, 7), end: new Date(2020, 0, 11) },
-        });
-        for (let i = 6; i < 10; i++) {
-            expect(rangeCalendarDates[i]).toBeChecked();
-        }
-    },
-};
-export const controlled = {
-    name: "value, range",
-    args: {
-        handleChange: fn(),
-    },
-    render: (args) => (<Example>
-			<Example.Item title="value">
-				<Calendar defaultMonth={new Date(2020, 0)} value={new Date(2020, 0, 10)} onChange={args.handleChange}/>
-			</Example.Item>
-			<Example.Item title="defaultValue, range">
-				<Calendar range defaultMonth={new Date(2020, 0)} value={{ start: new Date(2020, 0, 10), end: new Date(2020, 0, 15) }} onChange={args.handleChange}/>
-			</Example.Item>
-		</Example>),
-    play: async ({ canvas, args }) => {
-        const [singleCalendar, rangeCalendar] = canvas.getAllByRole("grid");
-        const singleCalendarDates = within(singleCalendar).getAllByRole("checkbox");
-        const rangeCalendarDates = within(rangeCalendar).getAllByRole("checkbox");
-        await userEvent.click(singleCalendarDates[7]);
-        expect(singleCalendarDates[7]).not.toBeChecked();
-        expect(singleCalendarDates[9]).toBeChecked();
-        expect(args.handleChange).toHaveBeenCalledTimes(1);
-        expect(args.handleChange).toHaveBeenLastCalledWith({ value: new Date(2020, 0, 8) });
-        await userEvent.click(rangeCalendarDates[7]);
-        expect(rangeCalendarDates[7]).not.toBeChecked();
-        expect(rangeCalendarDates[9]).toBeChecked();
-        expect(args.handleChange).toHaveBeenCalledTimes(2);
-        expect(args.handleChange).toHaveBeenLastCalledWith({
-            value: { start: new Date(2020, 0, 8), end: null },
-        });
-        // While selecting end value, clicking on a date < start value should change the start value
-        await userEvent.click(rangeCalendarDates[6]);
-        expect(rangeCalendarDates[6]).not.toBeChecked();
-        expect(rangeCalendarDates[9]).toBeChecked();
-        expect(args.handleChange).toHaveBeenCalledTimes(3);
-        expect(args.handleChange).toHaveBeenLastCalledWith({
-            value: { start: new Date(2020, 0, 7), end: null },
-        });
-        // In controlled mode, clicking on a date > startValue still changes startValue since we're not updating the state
-        await userEvent.click(rangeCalendarDates[10]);
-        expect(args.handleChange).toHaveBeenCalledTimes(4);
-        expect(args.handleChange).toHaveBeenLastCalledWith({
-            value: { start: new Date(2020, 0, 11), end: null },
-        });
-        expect(rangeCalendarDates[6]).not.toBeChecked();
-        expect(rangeCalendarDates[9]).toBeChecked();
-    },
-};
-export const selectedDates = {
-    name: "selectedDates",
-    render: () => (<Example>
-			<Example.Item title="selectedDates: [4,8]">
-				<Calendar defaultMonth={new Date(2020, 0)} value={null} selectedDates={[new Date(2020, 0, 4), new Date(2020, 0, 8)]}/>
-			</Example.Item>
-		</Example>),
-    play: ({ canvas }) => {
-        const dates = canvas.getAllByRole("checkbox");
-        expect(dates[3]).toBeChecked();
-        expect(dates[7]).toBeChecked();
-    },
-};
-export const minMax = {
-    name: "min, max",
-    render: () => (<Example>
-			<Example.Item title="min: 4, max: 20">
-				<Calendar defaultMonth={new Date(2020, 0)} min={new Date(2020, 0, 4)} max={new Date(2020, 0, 20)}/>
-			</Example.Item>
-		</Example>),
-    play: ({ canvas }) => {
-        const dates = canvas.getAllByRole("checkbox");
-        expect(dates).toHaveLength(17);
-    },
-};
-export const firstWeekDay = {
-    name: "firstWeekDay",
-    render: () => (<Example>
-			<Example.Item title="firstWeekDay: 3 (Wed)">
-				<Calendar defaultMonth={new Date(2020, 0)} firstWeekDay={3}/>
-			</Example.Item>
-		</Example>),
-};
-export const translation = {
-    name: "render functions",
-    render: () => (<Example>
-			<Example.Item title="translated to NL">
-				<Calendar defaultMonth={new Date(2020, 0)} renderMonthLabel={({ date }) => date.toLocaleDateString("nl", { month: "short" })} renderSelectedMonthLabel={({ date }) => date.toLocaleDateString("nl", { month: "long", year: "numeric" })} renderWeekDay={({ date }) => date.toLocaleDateString("nl", { weekday: "short" })}/>
-			</Example.Item>
-		</Example>),
-};
-export const ariaLabels = {
-    name: "aria labels",
-    render: () => (<Example>
-			<Example.Item title="aria labels">
-				<Calendar defaultMonth={new Date(2020, 0)} nextYearAriaLabel="Test next year" nextMonthAriaLabel="Test next month" renderDateAriaLabel={() => "Test date"} renderMonthAriaLabel={() => "Test month"} previousYearAriaLabel="Test previous year" previousMonthAriaLabel="Test previous month" monthSelectionAriaLabel="Test month selection"/>
-			</Example.Item>
-		</Example>),
-    play: async ({ canvas }) => {
-        const buttonEls = canvas.getAllByRole("button");
-        const dateEls = canvas.getAllByRole("checkbox");
-        expect(buttonEls[0]).toHaveAttribute("aria-label", "Test previous month");
-        expect(buttonEls[1]).toHaveTextContent("Test month selection");
-        expect(buttonEls[2]).toHaveAttribute("aria-label", "Test next month");
-        expect(dateEls[0]).toHaveAttribute("aria-label", "Test date");
-        await userEvent.click(buttonEls[1], { delay: null });
-        const yearButtonEls = canvas.getAllByRole("button");
-        expect(yearButtonEls[0]).toHaveAttribute("aria-label", "Test previous year");
-        expect(yearButtonEls[1]).toHaveAttribute("aria-label", "Test next year");
-        expect(yearButtonEls[2]).toHaveAttribute("aria-label", "Test month");
-    },
-};
-export const monthSelection = {
-    name: "test: month selection",
-    render: () => (<Example>
-			<Example.Item title="month selection">
-				<Calendar defaultMonth={new Date(2020, 1)}/>
-			</Example.Item>
-		</Example>),
-    play: async ({ canvas }) => {
-        let buttons = canvas.getAllByRole("button");
-        let monthButton = buttons[1];
-        expect(monthButton).toHaveAccessibleName("February 2020 Select a month");
-        await userEvent.click(monthButton);
-        let months = canvas.getAllByRole("button").filter((el) => el.hasAttribute("data-rs-date"));
-        expect(months).toHaveLength(12);
-        await userEvent.click(months[0]);
-        buttons = canvas.getAllByRole("button");
-        months = buttons.filter((el) => el.hasAttribute("data-rs-date"));
-        monthButton = buttons[1];
-        expect(months).toHaveLength(0);
-        expect(monthButton).toHaveAccessibleName("January 2020 Select a month");
-    },
-};
-export const keyboardNavigation = {
-    name: "test: keyboard navigation",
-    render: () => (<Example>
-			<Example.Item title="keyboard navigation">
-				<Calendar defaultMonth={new Date(2020, 0)}/>
-			</Example.Item>
-		</Example>),
-    play: async ({ canvas }) => {
-        const buttons = canvas.getAllByRole("button");
-        buttons[2].focus();
-        await userEvent.keyboard("{Tab/}");
-        expect(document.activeElement).toHaveAttribute("data-rs-date", "2020-01-01");
-        await userEvent.keyboard("{ArrowRight/}");
-        waitFor(() => {
-            expect(document.activeElement).toHaveAttribute("data-rs-date", "2020-01-02");
-        });
-        await userEvent.keyboard("{Shift>}{Tab/}{/Shift}");
-        await userEvent.keyboard("{Tab/}");
-        waitFor(() => {
-            expect(document.activeElement).toHaveAttribute("data-rs-date", "2020-01-02");
-        });
-        await userEvent.keyboard("{ArrowLeft/}");
-        waitFor(() => {
-            expect(document.activeElement).toHaveAttribute("data-rs-date", "2020-01-01");
-        });
-        await userEvent.keyboard("{ArrowDown/}");
-        waitFor(() => {
-            expect(document.activeElement).toHaveAttribute("data-rs-date", "2020-01-08");
-        });
-        await userEvent.keyboard("{ArrowUp/}");
-        waitFor(() => {
-            expect(document.activeElement).toHaveAttribute("data-rs-date", "2020-01-01");
-        });
-        await userEvent.keyboard("{ArrowUp/}");
-        waitFor(() => {
-            expect(document.activeElement).toHaveAttribute("data-rs-date", "2019-12-25");
-        });
-    },
-};

package/dist/components/Card/tests/Card.stories.d.ts

@@ -1,52 +0,0 @@
-import React from "react";
-import { StoryObj } from "@storybook/react-vite";
-import { fn } from "storybook/test";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<{
-        padding?: import("../../../types/global").Responsive<number>;
-        bleed?: import("../../../types/global").Responsive<number>;
-        selected?: boolean;
-        elevated?: boolean;
-        children?: React.ReactNode;
-        onClick?: import("../../Actionable").ActionableProps["onClick"];
-        href?: string;
-        as?: keyof React.JSX.IntrinsicElements | undefined;
-        className?: import("../../../types/global").ClassName;
-        attributes?: (import("../../../types/global").Attributes<keyof React.JSX.IntrinsicElements> & ((import("../../../types/global").Attributes<"button"> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "children" | "ref" | "style" | "form" | "slot" | "title" | "disabled" | "key" | "value" | "hidden" | "color" | "content" | "className" | "aria-orientation" | "role" | "suppressHydrationWarning" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dir" | "name" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "onToggle" | "type" | "id" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture"> & {
-            ref?: import("../../Actionable/Actionable.types").AttributesRef;
-        }) | undefined)) | undefined;
-    } & Pick<import("../../View").ViewProps, "height"> & React.RefAttributes<HTMLElement>>;
-    parameters: {
-        iframe: {
-            url: string;
-        };
-    };
-};
-export default _default;
-export declare const padding: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const selected: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const elevated: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const bleed: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const height: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const onClick: StoryObj<{
-    handleClick: ReturnType<typeof fn>;
-}>;
-export declare const href: StoryObj;
-export declare const as: StoryObj;
-export declare const className: StoryObj;

package/dist/components/Card/tests/Card.stories.js

@@ -1,125 +0,0 @@
-import React from "react";
-import { Example, Placeholder } from "../../../utilities/storybook/index.js";
-import Card from "../index.js";
-import { expect, fn, userEvent } from "storybook/test";
-export default {
-    title: "Components/Card",
-    component: Card,
-    parameters: {
-        iframe: {
-            url: "https://reshaped.so/docs/components/card",
-        },
-    },
-};
-export const padding = {
-    name: "padding",
-    render: () => (<Example>
-			<Example.Item title="padding: default">
-				<Card>
-					<Placeholder />
-				</Card>
-			</Example.Item>
-
-			<Example.Item title="padding: 2">
-				<Card padding={2}>
-					<Placeholder />
-				</Card>
-			</Example.Item>
-
-			<Example.Item title="padding: 0">
-				<Card padding={0}>
-					<Placeholder />
-				</Card>
-			</Example.Item>
-
-			<Example.Item title={["responsive padding", "[s] 4", "[m+] 8"]}>
-				<Card padding={{ s: 4, m: 8 }}>
-					<Placeholder />
-				</Card>
-			</Example.Item>
-		</Example>),
-};
-export const selected = {
-    name: "selected",
-    render: () => (<Example>
-			<Example.Item title="selected">
-				<Card selected>
-					<Placeholder />
-				</Card>
-			</Example.Item>
-		</Example>),
-};
-export const elevated = {
-    name: "elevated",
-    render: () => (<Example>
-			<Example.Item title="elevated">
-				<Card elevated>
-					<Placeholder />
-				</Card>
-			</Example.Item>
-		</Example>),
-};
-export const bleed = {
-    name: "bleed",
-    render: () => (<Example>
-			<Example.Item title="bleed: 4">
-				<Card bleed={4}>
-					<Placeholder />
-				</Card>
-			</Example.Item>
-			<Example.Item title={["responsive bleed", "[s] 4", "[m+] 0"]}>
-				<Card bleed={{ s: 4, m: 0 }}>
-					<Placeholder />
-				</Card>
-			</Example.Item>
-		</Example>),
-};
-export const height = {
-    name: "height",
-    render: () => (<Example>
-			<Example.Item title="height: 200px">
-				<Card height="200px"/>
-			</Example.Item>
-		</Example>),
-};
-export const onClick = {
-    name: "onClick",
-    args: {
-        handleClick: fn(),
-    },
-    render: (args) => <Card onClick={args.handleClick}>Trigger</Card>,
-    play: async ({ canvas, args }) => {
-        const { handleClick } = args;
-        const el = canvas.getAllByRole("button")[0];
-        await userEvent.click(el);
-        expect(handleClick).toHaveBeenCalledTimes(1);
-        expect(handleClick).toHaveBeenCalledWith(expect.objectContaining({ target: el }));
-    },
-};
-export const href = {
-    name: "href",
-    render: () => <Card href="https://reshaped.so">Trigger</Card>,
-    play: async ({ canvas }) => {
-        const el = canvas.getByRole("link");
-        expect(el).toHaveAttribute("href", "https://reshaped.so");
-    },
-};
-export const as = {
-    name: "as",
-    render: () => <Card as="span" attributes={{ "data-testid": "root" }}/>,
-    play: ({ canvas }) => {
-        const root = canvas.getByTestId("root");
-        expect(root.tagName).toBe("SPAN");
-    },
-};
-export const className = {
-    name: "className, attributes",
-    render: () => (<div data-testid="root">
-			<Card className="test-classname" attributes={{ id: "test-id" }}/>
-		</div>),
-    play: async ({ canvas }) => {
-        const root = canvas.getByTestId("root").firstChild;
-        expect(root).toHaveClass("test-classname");
-        expect(root).toHaveAttribute("id", "test-id");
-    },
-};

package/dist/components/Carousel/tests/Carousel.stories.d.ts

@@ -1,34 +0,0 @@
-import React from "react";
-import { StoryObj } from "@storybook/react-vite";
-import { fn } from "storybook/test";
-declare const _default: {
-    title: string;
-    component: React.FC<import("./..").CarouselProps>;
-    parameters: {
-        a11y: {
-            disable: boolean;
-        };
-        iframe: {
-            url: string;
-        };
-    };
-};
-export default _default;
-export declare const base: StoryObj;
-export declare const visibleItems: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const gap: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const bleed: {
-    name: string;
-    render: () => React.JSX.Element;
-};
-export declare const navigationDisplay: StoryObj;
-export declare const instanceRef: StoryObj<{
-    handleChange: ReturnType<typeof fn>;
-}>;
-export declare const className: StoryObj;