@stanfordspezi/spezi-web-design-system/dist/src/components/Sheet/Sheet.stories.d.ts

Stanford Biodesign Digital Health Spezi Web Design System

import { StoryObj } from '@storybook/react';
import { Size } from '../../utils/tailwind';
import { SheetSide } from '.';
interface FullSheetProps {
    side?: SheetSide;
    size?: Size | null;
}
declare const meta: {
    title: string;
    component: ({ side, size }: FullSheetProps) => import("react").JSX.Element;
    args: {
        side: "right";
        size: "sm";
    };
    argTypes: {
        side: {
            control: {
                type: "select";
            };
            options: readonly ["top", "right", "bottom", "left"];
        };
        size: {
            control: {
                type: "select";
            };
            options: string[];
        };
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Default: Story;
export declare const SideTop: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const SideRight: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const SideBottom: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const SideLeft: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const SizeXs: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const SizeSm: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const SizeMd: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const SizeLg: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const SizeXl: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const Size2xl: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const Size3xl: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const Size4xl: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const Size5xl: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const Size6xl: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
export declare const Size7xl: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
    side?: SheetSide | undefined;
    size?: (Size | null) | undefined;
}, {
    size?: (Size | null) | undefined;
    side?: SheetSide | undefined;
}>;
/**
 * Demonstrates how Sheet behaves when content overflows Sheet placed vertically (left/right).
 */
export declare const OverflowingContentVertical: () => import("react").JSX.Element;
/**
 * Demonstrates how Sheet behaves when content overflows Sheet placed horizontally (top/bottom).
 */
export declare const OverflowingContentHorizontal: () => import("react").JSX.Element;