@mittwald/flow-react-components 0.1.0-alpha.12 → 0.1.0-alpha.121

package/dist/types/components/List/components/Items/Item/Item.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren, default as React } from 'react';
+
+type Props = PropsWithChildren;
+export declare const Item: (props: Props) => React.JSX.Element;
+export default Item;

package/dist/types/components/List/components/Items/Item/index.d.ts

@@ -0,0 +1,5 @@
+import { Item } from './Item';
+
+export { Item } from './Item';
+export { FallbackRenderer } from './FallbackRenderer';
+export default Item;

package/dist/types/components/List/components/Items/ItemList/ItemList.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { PropsWithClassName } from '../../../../../lib/types/props';
+
+type Props = PropsWithClassName;
+export declare const ItemList: FC<Props>;
+export default ItemList;

package/dist/types/components/List/components/Items/ItemList/index.d.ts

@@ -0,0 +1,4 @@
+import { ItemList } from './ItemList';
+
+export { ItemList } from './ItemList';
+export default ItemList;

package/dist/types/components/List/components/Items/ListItemView.d.ts

@@ -0,0 +1,7 @@
+import { RenderItemFn } from '../../model/item/Item';
+
+interface Props<T> {
+    children: RenderItemFn<T>;
+}
+export declare function ListItemView<T = never>(ignoredProps: Props<T>): null;
+export {};

package/dist/types/components/List/components/Items/OptionsButton/OptionsButton.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+import { PropsWithClassName } from '../../../../../lib/types/props';
+
+interface Props extends PropsWithChildren, PropsWithClassName {
+}
+export declare const OptionsButton: FC<Props>;
+export default OptionsButton;

package/dist/types/components/List/components/Items/OptionsButton/index.d.ts

@@ -0,0 +1,4 @@
+import { OptionsButton } from './OptionsButton';
+
+export { OptionsButton } from './OptionsButton';
+export default OptionsButton;

package/dist/types/components/List/components/ListLoaderAsync.d.ts

@@ -0,0 +1,7 @@
+import { AsyncDataLoaderShape } from '../model/loading/types';
+
+interface Props<T> extends Omit<AsyncDataLoaderShape<T>, "asyncLoader"> {
+    children: AsyncDataLoaderShape<T>["asyncLoader"];
+}
+export declare function ListLoaderAsync<T = never>(ignoredProps: Props<T>): null;
+export {};

package/dist/types/components/List/components/ListLoaderAsyncResource.d.ts

@@ -0,0 +1,7 @@
+import { AsyncResourceFactoryDataLoaderShape } from '../model/loading/types';
+
+interface Props<T> extends Omit<AsyncResourceFactoryDataLoaderShape<T>, "asyncResourceFactory"> {
+    children: AsyncResourceFactoryDataLoaderShape<T>["asyncResourceFactory"];
+}
+export declare function ListLoaderAsyncResource<T = never>(ignoredProps: Props<T>): null;
+export {};

package/dist/types/components/List/components/ListStaticData.d.ts

@@ -0,0 +1,5 @@
+interface Props<T> {
+    data: T[];
+}
+export declare function ListStaticData<T = never>(ignoredProps: Props<T>): null;
+export {};

package/dist/types/components/List/hooks/useList.d.ts

@@ -0,0 +1 @@
+export declare const useList: () => import('../model/List').List<any>;

package/dist/types/components/List/index.d.ts

@@ -0,0 +1,9 @@
+import { List } from './List';
+
+export * from './List';
+export * from './components/Header/ListFilter';
+export * from './components/Header/ListSorting';
+export * from './components/Items/ListItemView';
+export * from './components/ListLoaderAsync';
+export * from './components/ListStaticData';
+export default List;

package/dist/types/components/List/listContext.d.ts

@@ -0,0 +1,8 @@
+import { default as List } from './model/List';
+import { AnyData } from './model/item/types';
+
+interface ListContext {
+    list: List<AnyData>;
+}
+export declare const listContext: import('react').Context<ListContext>;
+export {};

package/dist/types/components/List/model/List.d.ts

@@ -0,0 +1,25 @@
+import { ItemCollection } from './item/ItemCollection';
+import { BatchesController } from './pagination/BatchesController';
+import { PropertyName, RenderItemFn } from './item/Item';
+import { Filter } from './filter/Filter';
+import { Sorting } from './sorting/Sorting';
+import { default as ReactTable } from './ReactTable';
+import { ListShape } from './types';
+import { IncrementalLoader } from './loading/IncrementalLoader';
+
+export declare class List<T> {
+    readonly filters: Filter<T>[];
+    readonly sorting: Sorting<T>[];
+    readonly items: ItemCollection<T>;
+    readonly render?: RenderItemFn<T>;
+    readonly reactTable: ReactTable<T>;
+    readonly batches: BatchesController<T>;
+    readonly loader: IncrementalLoader<T>;
+    private constructor();
+    static useNew<T>(shape: ListShape<T>): List<T>;
+    isFiltered(): boolean;
+    getSorting(property: PropertyName<T>): Sorting<T>;
+    clearSorting(): void;
+    clearFilters(): void;
+}
+export default List;

package/dist/types/components/List/model/ReactTable.d.ts

@@ -0,0 +1,18 @@
+import { Column, Table, TableOptions } from '@tanstack/react-table';
+import { default as List } from './List';
+import { PropertyName } from './item/Item';
+
+export declare class ReactTable<T> {
+    readonly list: List<T>;
+    readonly table: Table<T>;
+    private readonly tableState;
+    private constructor();
+    static useNew<T>(list: List<T>, tableOptions?: Partial<TableOptions<T>>): ReactTable<T>;
+    private useReactTable;
+    private useUpdateTableState;
+    private onTableStateChange;
+    private getUpdatedTableState;
+    getTableColumn(property: PropertyName<T>): Column<T>;
+    private getTableColumnDefs;
+}
+export default ReactTable;

package/dist/types/components/List/model/filter/Filter.d.ts

@@ -0,0 +1,31 @@
+import { Column, ColumnDef, ColumnFilter } from '@tanstack/react-table';
+import { default as List } from '../List';
+import { PropertyName } from '../item/Item';
+import { FilterMatcher, FilterMode, FilterShape } from './types';
+
+export declare class Filter<T> {
+    private readonly _values?;
+    readonly list: List<T>;
+    readonly property: PropertyName<T>;
+    readonly mode: FilterMode;
+    readonly matcher: FilterMatcher;
+    readonly name?: string;
+    private onFilterUpdateCallbacks;
+    constructor(list: List<T>, shape: FilterShape<T>);
+    updateTableColumnDef(def: ColumnDef<T>): void;
+    private getReactTableFilterFn;
+    private checkFilterMatches;
+    protected getTableColumnFilter(): ColumnFilter | undefined;
+    protected getTableColumn(): Column<T>;
+    getValue(): unknown;
+    getValueId(value: unknown): string;
+    get values(): unknown[];
+    getArrayValue(): unknown[];
+    isValueActive(value: unknown): boolean;
+    isActive(): boolean;
+    activateValue(newValue: unknown): void;
+    deactivateValue(newValue: unknown): void;
+    clearValues(): void;
+    toggleValue(newValue: unknown): void;
+    onFilterUpdated(cb: () => unknown): void;
+}

package/dist/types/components/List/model/filter/types.d.ts

@@ -0,0 +1,11 @@
+import { PropertyName } from '../item/Item';
+
+export type FilterMode = "all" | "some" | "one";
+export type FilterMatcher = (filterValue: unknown, property: unknown) => boolean;
+export interface FilterShape<T> {
+    property: PropertyName<T>;
+    mode?: FilterMode;
+    matcher?: FilterMatcher;
+    values?: unknown[];
+    name?: string;
+}

package/dist/types/components/List/model/item/Item.d.ts

@@ -0,0 +1,15 @@
+import { ItemCollection } from './ItemCollection';
+import { ReactNode } from 'react';
+import { DeepKeys, Row } from '@tanstack/react-table';
+
+export type PropertyName<T> = DeepKeys<T>;
+export type RenderItemFn<T> = (data: T) => ReactNode;
+export declare class Item<T> {
+    readonly id: string;
+    readonly data: T;
+    readonly collection: ItemCollection<T>;
+    constructor(collection: ItemCollection<T>, id: string, data: T);
+    render(): ReactNode;
+    static fromRow<T>(collection: ItemCollection<T>, row: Row<T>): Item<T>;
+    private static fallbackRenderItemFn;
+}

package/dist/types/components/List/model/item/ItemCollection.d.ts

@@ -0,0 +1,9 @@
+import { default as List } from '../List';
+import { Item } from './Item';
+
+export declare class ItemCollection<T> {
+    readonly list: List<T>;
+    private constructor();
+    static useNew<T>(list: List<T>): ItemCollection<T>;
+    get entries(): Item<T>[];
+}

package/dist/types/components/List/model/item/types.d.ts

@@ -0,0 +1,5 @@
+export type AnyData = any;
+export interface ListDataLoaderResult<T> {
+    data: T[];
+    itemTotalCount?: number;
+}

package/dist/types/components/List/model/loading/IncrementalLoader.d.ts

@@ -0,0 +1,21 @@
+import { default as List } from '../List';
+import { IncrementalLoaderShape } from './types';
+import { IncrementalLoaderState } from './IncrementalLoaderState';
+
+export declare class IncrementalLoader<T> {
+    private readonly list;
+    private readonly dataSource;
+    readonly manualSorting: boolean;
+    readonly manualFiltering: boolean;
+    readonly manualPagination: boolean;
+    readonly loaderState: IncrementalLoaderState<T>;
+    private constructor();
+    static useNew<T>(list: List<T>, shape?: IncrementalLoaderShape<T>): IncrementalLoader<T>;
+    private reset;
+    useIsLoading(): boolean;
+    useData(): T[];
+    getLoaderInvocationHooks(): (() => void)[];
+    private useLoadBatch;
+    private getDataLoaderOptions;
+    private getBatchDataAsyncResource;
+}

package/dist/types/components/List/model/loading/IncrementalLoaderState.d.ts

@@ -0,0 +1,20 @@
+import { AsyncResource } from '@mittwald/react-use-promise';
+
+type AsyncResourceLoadingState = AsyncResource["state"]["value"];
+type DataBatches<T> = T[][];
+type BatchesLoadingState = AsyncResourceLoadingState[];
+export declare class IncrementalLoaderState<T> {
+    dataBatches: DataBatches<T>;
+    prevDataBatches: DataBatches<T>;
+    batchLoadingStates: BatchesLoadingState;
+    private constructor();
+    static useNew<T>(): IncrementalLoaderState<T>;
+    reset(): void;
+    setDataBatch(index: number, data: T[]): void;
+    setBatchLoadingState(index: number, state: AsyncResourceLoadingState): void;
+    get mergedData(): T[];
+    useMergedData(): T[];
+    get isLoading(): boolean;
+    useIsLoading(): boolean;
+}
+export {};

package/dist/types/components/List/model/loading/types.d.ts

@@ -0,0 +1,44 @@
+import { PropertyRecord } from '../types';
+import { FilterMode } from '../filter/types';
+import { AsyncResource } from '@mittwald/react-use-promise';
+
+type DataLoaderSortOptions<T> = PropertyRecord<T, "asc" | "desc">;
+type DataLoaderFilterOptions<T> = PropertyRecord<T, {
+    mode: FilterMode;
+    values: unknown[];
+}>;
+interface DataLoaderPaginationOptions {
+    offset: number;
+    limit: number;
+}
+export interface DataLoaderOptions<T> {
+    sorting?: DataLoaderSortOptions<T>;
+    filtering?: DataLoaderFilterOptions<T>;
+    pagination?: DataLoaderPaginationOptions;
+}
+export interface DataLoaderResult<T> {
+    data: T[];
+    itemTotalCount?: number;
+}
+export type AsyncDataLoader<T> = (options?: DataLoaderOptions<T>) => Promise<DataLoaderResult<T>>;
+type AsyncResourceFactory<T> = (options?: DataLoaderOptions<T>) => AsyncResource<DataLoaderResult<T>>;
+type StaticData<T> = T[];
+interface DynamicLoaderShape {
+    manualSorting?: boolean;
+    manualFiltering?: boolean;
+    manualPagination?: boolean;
+}
+export interface StaticDataLoaderShape<T> {
+    staticData: StaticData<T>;
+}
+export type AsyncResourceFactoryDataLoaderShape<T> = {
+    asyncResourceFactory: AsyncResourceFactory<T>;
+} & DynamicLoaderShape;
+export type AsyncDataLoaderShape<T> = {
+    asyncLoader: AsyncDataLoader<T>;
+} & DynamicLoaderShape;
+export type DataSource<T> = StaticDataLoaderShape<T> | AsyncResourceFactoryDataLoaderShape<T> | AsyncDataLoaderShape<T>;
+export interface IncrementalLoaderShape<T> {
+    source?: DataSource<T>;
+}
+export {};

package/dist/types/components/List/model/pagination/BatchesController.d.ts

@@ -0,0 +1,17 @@
+import { default as List } from '../List';
+import { BatchesControllerShape } from './types';
+
+export declare class BatchesController<T> {
+    readonly batchSize: number;
+    private readonly list;
+    constructor(list: List<T>, shape?: BatchesControllerShape);
+    private get reactTable();
+    getBatchIndex(): number;
+    hasNextBatch(): boolean;
+    getTotalItemsCount(): number | undefined;
+    getFilteredItemsCount(): number;
+    getVisibleItemsCount(): number | undefined;
+    updateItemTotalCount(value: number): void;
+    reset(): void;
+    nextBatch(): void;
+}

package/dist/types/components/List/model/pagination/types.d.ts

@@ -0,0 +1,3 @@
+export interface BatchesControllerShape {
+    batchSize?: number;
+}

package/dist/types/components/List/model/sorting/Sorting.d.ts

@@ -0,0 +1,18 @@
+import { Column, ColumnDef, SortDirection } from '@tanstack/react-table';
+import { default as List } from '../List';
+import { PropertyName } from '../item/Item';
+import { SortingShape } from './types';
+
+export declare class Sorting<T> {
+    readonly list: List<T>;
+    readonly property: PropertyName<T>;
+    readonly name?: string;
+    readonly direction: SortDirection;
+    readonly defaultEnabled: boolean;
+    constructor(list: List<T>, shape: SortingShape<T>);
+    updateTableColumnDef(def: ColumnDef<T>): void;
+    isSorted(): boolean;
+    getTableColumn(): Column<T>;
+    enable(): void;
+    clear(): void;
+}

package/dist/types/components/List/model/sorting/types.d.ts

@@ -0,0 +1,9 @@
+import { PropertyName } from '../item/Item';
+import { SortDirection } from '@tanstack/react-table';
+
+export interface SortingShape<T> {
+    property: PropertyName<T>;
+    name?: string;
+    direction?: SortDirection;
+    defaultEnabled?: boolean;
+}

package/dist/types/components/List/model/types.d.ts

@@ -0,0 +1,14 @@
+import { PropertyName, RenderItemFn } from './item/Item';
+import { SortingShape } from './sorting/types';
+import { BatchesControllerShape } from './pagination/types';
+import { FilterShape } from './filter/types';
+import { IncrementalLoaderShape } from './loading/types';
+
+export interface ListShape<T> {
+    loader?: IncrementalLoaderShape<T>;
+    render?: RenderItemFn<T>;
+    filters?: FilterShape<T>[];
+    sorting?: SortingShape<T>[];
+    batchesController?: BatchesControllerShape;
+}
+export type PropertyRecord<T, TValue> = Partial<Record<PropertyName<T>, TValue>>;

package/dist/types/components/List/stories/Default.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as List } from '../List';
+
+declare const meta: Meta<typeof List>;
+export default meta;
+type Story = StoryObj<typeof List>;
+export declare const Default: Story;
+export declare const ItemsWithLink: Story;

package/dist/types/components/List/stories/ListItem.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as List } from '../List';
+
+declare const meta: Meta<typeof List>;
+export default meta;
+type Story = StoryObj<typeof List>;
+export declare const Default: Story;
+export declare const WithTopContent: Story;
+export declare const WithContent: Story;
+export declare const WithButton: Story;
+export declare const SmallSpace: Story;

package/dist/types/components/List/testData/domainApi.d.ts

@@ -0,0 +1,25 @@
+export interface Domain {
+    hostname: string;
+    domain: string;
+    type: "Subdomain" | "Domain";
+    verified: boolean;
+    tld: string;
+}
+export declare const getTypes: () => Promise<("Subdomain" | "Domain")[]>;
+interface Request {
+    pagination?: {
+        limit: number;
+        skip: number;
+    };
+    filter?: {
+        types?: string[];
+    };
+}
+interface Response {
+    data: Domain[];
+    totalCount: number;
+}
+export declare const getDomains: (req: Request) => Promise<Response>;
+export declare const domains: Domain[];
+export declare const types: ("Subdomain" | "Domain")[];
+export {};

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IconProps } from '../Icon';
+
+export declare const LoadingSpinner: FC<IconProps>;
+export default LoadingSpinner;

package/dist/types/components/LoadingSpinner/index.d.ts

@@ -0,0 +1,4 @@
+import { LoadingSpinner } from './LoadingSpinner';
+
+export { LoadingSpinner } from './LoadingSpinner';
+export default LoadingSpinner;

package/dist/types/components/LoadingSpinner/stories/Default.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as LoadingSpinner } from '../LoadingSpinner';
+
+declare const meta: Meta<typeof LoadingSpinner>;
+export default meta;
+type Story = StoryObj<typeof LoadingSpinner>;
+export declare const Default: Story;

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

@@ -0,0 +1,9 @@
+import { PropsWithChildren, default as React } from 'react';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+
+import * as Aria from "react-aria-components";
+export interface MenuItemProps extends Omit<Aria.MenuItemProps, "children">, PropsWithChildren, FlowComponentProps<"MenuItem"> {
+    selectionVariant?: "control" | "navigation";
+}
+export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<never>>;
+export default MenuItem;

package/dist/types/components/MenuItem/MenuItemContent.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+
+import type * as Aria from "react-aria-components";
+interface Props extends Aria.MenuItemRenderProps, PropsWithChildren {
+    selectionVariant?: "control" | "navigation";
+}
+export declare const MenuItemContent: FC<Props>;
+export {};

package/dist/types/components/MenuItem/index.d.ts

@@ -0,0 +1,4 @@
+import { MenuItem } from './MenuItem';
+
+export { MenuItem, type MenuItemProps } from './MenuItem';
+export default MenuItem;

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

@@ -0,0 +1,13 @@
+import { PropsWithChildren, default as React } from 'react';
+import { OverlayController } from '../../lib/controller/overlay';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+
+export interface ModalProps extends PropsWithChildren, FlowComponentProps<"Modal"> {
+    /** @default "s" */
+    size?: "s" | "m" | "l";
+    offCanvas?: boolean;
+    controller?: OverlayController;
+    slot?: string;
+}
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<never>>;
+export default Modal;

package/dist/types/components/Modal/index.d.ts

@@ -0,0 +1,4 @@
+import { Modal } from './Modal';
+
+export { type ModalProps, Modal } from './Modal';
+export default Modal;

package/dist/types/components/Modal/stories/Default.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Modal } from '..';
+
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const Default: Story;
+export declare const WithController: Story;
+export declare const WithTrigger: Story;
+export declare const Mobile: Story;
+export declare const OffCanvas: Story;

package/dist/types/components/Modal/stories/EdgeCases.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Modal } from '../Modal';
+
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const LongContent: Story;

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

@@ -0,0 +1,7 @@
+import { ComponentProps, FC, PropsWithChildren } from 'react';
+import { PropsWithClassName } from '../../lib/types/props';
+
+export interface NavigationProps extends PropsWithChildren<ComponentProps<"nav">>, PropsWithClassName {
+}
+export declare const Navigation: FC<NavigationProps>;
+export default Navigation;

package/dist/types/components/Navigation/components/NavigationGroup/NavigationGroup.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps, FC, PropsWithChildren } from 'react';
+
+export interface NavigationGroupProps extends PropsWithChildren<ComponentProps<"section">> {
+    collapsable?: boolean;
+}
+export declare const NavigationGroup: FC<NavigationGroupProps>;
+export default NavigationGroup;

package/dist/types/components/Navigation/components/NavigationGroup/index.d.ts

@@ -0,0 +1,4 @@
+import { NavigationGroup } from './NavigationGroup';
+
+export { NavigationGroup, type NavigationGroupProps } from './NavigationGroup';
+export default NavigationGroup;

package/dist/types/components/Navigation/index.d.ts

@@ -0,0 +1,5 @@
+import { Navigation } from './Navigation';
+
+export { Navigation, type NavigationProps } from './Navigation';
+export * from './components/NavigationGroup';
+export default Navigation;

package/dist/types/components/Navigation/stories/Default.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Navigation } from '..';
+
+declare const meta: Meta<typeof Navigation>;
+export default meta;
+type Story = StoryObj<typeof Navigation>;
+export declare const Default: Story;
+export declare const WithIcons: Story;
+export declare const WithGroups: Story;
+export declare const WithSeparator: Story;
+export declare const WithCollapsableGroups: Story;

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

@@ -0,0 +1,8 @@
+import { PropsWithChildren, default as React } from 'react';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+
+import * as Aria from "react-aria-components";
+export interface NumberFieldProps extends PropsWithChildren<Omit<Aria.NumberFieldProps, "children">>, FlowComponentProps {
+}
+export declare const NumberField: React.ForwardRefExoticComponent<NumberFieldProps & React.RefAttributes<never>>;
+export default NumberField;

package/dist/types/components/NumberField/index.d.ts

@@ -0,0 +1,4 @@
+import { NumberField } from './NumberField';
+
+export { type NumberFieldProps, NumberField } from './NumberField';
+export default NumberField;

package/dist/types/components/NumberField/stories/Default.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NumberField } from '../index';
+
+declare const meta: Meta<typeof NumberField>;
+export default meta;
+type Story = StoryObj<typeof NumberField>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const Required: Story;
+export declare const WithFieldDescription: Story;
+export declare const WithDefaultValue: Story;
+export declare const WithFieldError: Story;
+export declare const WithUnit: Story;

package/dist/types/components/NumberField/stories/EdgeCases.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NumberField } from '../index';
+
+declare const meta: Meta<typeof NumberField>;
+export default meta;
+type Story = StoryObj<typeof NumberField>;
+export declare const WithDisabledDecrement: Story;
+export declare const WithDisabledIncrement: Story;

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

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from 'react';
+import { OverlayController } from '../../lib/controller/overlay';
+
+export interface OffCanvasProps extends PropsWithChildren {
+    controller?: OverlayController;
+    className?: string;
+}
+export declare const OffCanvas: FC<OffCanvasProps>;
+export default OffCanvas;

package/dist/types/components/OffCanvas/index.d.ts

@@ -0,0 +1,4 @@
+import { OffCanvas } from './OffCanvas';
+
+export { type OffCanvasProps, OffCanvas } from './OffCanvas';
+export default OffCanvas;

package/dist/types/components/OffCanvas/stories/Default.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { OffCanvas } from '..';
+
+declare const meta: Meta<typeof OffCanvas>;
+export default meta;
+type Story = StoryObj<typeof OffCanvas>;
+export declare const Default: Story;