@mittwald/flow-react-components 0.1.0-alpha.55 → 0.1.0-alpha.57

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

@@ -1,3 +1,4 @@
-import { Items } from "./Items";
-export { Items } from "./Items";
+import { Items } from './Items';
+
+export { Items } from './Items';
 export default Items;

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

@@ -1,4 +1,5 @@
 import { FilterShape } from '../model/filter/types';
+
 interface Props<T> extends Omit<FilterShape<T>, "type"> {
 }
 export declare function ListFilter<T = never>(ignoredProps: Props<T>): null;

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

@@ -1,4 +1,5 @@
 import { RenderItemFn } from '../model/item/Item';
+
 interface Props<T> {
     children: RenderItemFn<T>;
 }

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

@@ -1,4 +1,5 @@
 import { AsyncDataLoaderShape } from '../model/loading/types';
+
 interface Props<T> extends Omit<AsyncDataLoaderShape<T>, "asyncLoader"> {
     children: AsyncDataLoaderShape<T>["asyncLoader"];
 }

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

@@ -1,4 +1,5 @@
 import { AsyncResourceFactoryDataLoaderShape } from '../model/loading/types';
+
 interface Props<T> extends Omit<AsyncResourceFactoryDataLoaderShape<T>, "asyncResourceFactory"> {
     children: AsyncResourceFactoryDataLoaderShape<T>["asyncResourceFactory"];
 }

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

@@ -1,4 +1,5 @@
 import { SortingShape } from '../model/sorting/types';
+
 interface Props<T> extends SortingShape<T> {
 }
 export declare function ListSorting<T = never>(ignoredProps: Props<T>): null;

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

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+
+interface Props extends PropsWithChildren {
+    className?: string;
+}
+export declare const OptionsButton: FC<Props>;
+export default OptionsButton;

package/dist/types/components/List/components/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/PaginationInfos/PaginationInfos.d.ts

@@ -1,4 +1,5 @@
+import { FC } from 'react';
 import { TextProps } from '../../../Text';
-import { FC } from "react";
+
 export declare const PaginationInfos: FC<TextProps>;
 export default PaginationInfos;

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

@@ -1,3 +1,4 @@
-import { PaginationInfos } from "./PaginationInfos";
-export { PaginationInfos } from "./PaginationInfos";
+import { PaginationInfos } from './PaginationInfos';
+
+export { PaginationInfos } from './PaginationInfos';
 export default PaginationInfos;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,18 +1,19 @@
-import { ItemCollection } from './item/ItemCollection';
-import { Pagination } from './pagination/Pagination';
-import { RenderItemFn } from './item/Item';
-import { Filter } from "./filter/Filter";
-import { Sorting } from './sorting/Sorting';
-import ReactTable from './ReactTable';
-import { ListShape } from './types';
 import { IncrementalLoader } from './loading/IncrementalLoader';
+import { ListShape } from './types';
+import { default as ReactTable } from './ReactTable';
+import { Sorting } from './sorting/Sorting';
+import { Filter } from './filter/Filter';
+import { RenderItemFn } from './item/Item';
+import { BatchesController } from './pagination/BatchesController';
+import { ItemCollection } from './item/ItemCollection';
+
 export declare class List<T> {
     readonly filters: Array<Filter<T>>;
     readonly sorting: Array<Sorting<T>>;
     readonly items: ItemCollection<T>;
     readonly render?: RenderItemFn<T>;
     readonly reactTable: ReactTable<T>;
-    readonly pagination: Pagination<T>;
+    readonly batches: BatchesController<T>;
     readonly loader: IncrementalLoader<T>;
     private constructor();
     static useNew<T>(shape: ListShape<T>): List<T>;

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

@@ -1,6 +1,7 @@
-import { Column, Table, TableOptions } from "@tanstack/react-table";
-import List from './List';
 import { PropertyName } from './item/Item';
+import { default as List } from './List';
+import { Column, Table, TableOptions } from '@tanstack/react-table';
+
 export declare class ReactTable<T> {
     readonly list: List<T>;
     readonly table: Table<T>;

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

@@ -1,7 +1,8 @@
-import { Column, ColumnDef, ColumnFilter } from "@tanstack/react-table";
-import List from '../List';
-import { PropertyName } from '../item/Item';
 import { FilterMatcher, FilterMode, FilterShape } from './types';
+import { PropertyName } from '../item/Item';
+import { default as List } from '../List';
+import { Column, ColumnDef, ColumnFilter } from '@tanstack/react-table';
+
 export declare class Filter<T> {
     private readonly _values?;
     readonly list: List<T>;

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

@@ -1,4 +1,5 @@
 import { PropertyName } from '../item/Item';
+
 export type FilterMode = "all" | "some" | "one";
 export type FilterMatcher = (filterValue: unknown, property: unknown) => boolean;
 export interface FilterShape<T> {

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

@@ -1,6 +1,7 @@
+import { DeepKeys, Row } from '@tanstack/react-table';
+import { ReactNode } from 'react';
 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> {

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

@@ -1,5 +1,6 @@
-import List from '../List';
 import { Item } from './Item';
+import { default as List } from '../List';
+
 export declare class ItemCollection<T> {
     readonly list: List<T>;
     private constructor();

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

@@ -1,23 +1,21 @@
-import List from '../List';
+import { IncrementalLoaderState } from './IncrementalLoaderState';
 import { IncrementalLoaderShape } from './types';
+import { default as List } from '../List';
+
 export declare class IncrementalLoader<T> {
     private readonly list;
     private readonly dataSource;
-    private readonly pagesDataSignal;
-    private readonly pagesLoadingStateSignal;
     readonly manualSorting: boolean;
     readonly manualFiltering: boolean;
     readonly manualPagination: boolean;
-    constructor(list: List<T>, shape?: IncrementalLoaderShape<T>);
+    readonly loaderState: IncrementalLoaderState<T>;
+    private constructor();
+    static useNew<T>(list: List<T>, shape?: IncrementalLoaderShape<T>): IncrementalLoader<T>;
     private reset;
     useIsLoading(): boolean;
     useData(): T[];
-    useSuspenseHook(pageIndex: number): void;
     getLoaderInvocationHooks(): Array<() => void>;
-    private useLoadPage;
+    private useLoadBatch;
     private getDataLoaderOptions;
-    private getPageDataAsyncResource;
-    private updatePageData;
-    private updatePageLoadingState;
-    loadMore(): void;
+    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> = Array<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

@@ -1,6 +1,7 @@
-import { PropertyRecord } from '../types';
+import { AsyncResource } from '@mittwald/react-use-promise';
 import { FilterMode } from '../filter/types';
-import { AsyncResource } from "@mittwald/react-use-promise";
+import { PropertyRecord } from '../types';
+
 type DataLoaderSortOptions<T> = PropertyRecord<T, "asc" | "desc">;
 type DataLoaderFilterOptions<T> = PropertyRecord<T, {
     mode: FilterMode;

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

@@ -0,0 +1,17 @@
+import { BatchesControllerShape } from './types';
+import { default as List } from '../List';
+
+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

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

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

@@ -1,7 +1,8 @@
-import { Column, ColumnDef, SortDirection } from "@tanstack/react-table";
-import List from '../List';
-import { PropertyName } from '../item/Item';
 import { SortingShape } from './types';
+import { PropertyName } from '../item/Item';
+import { default as List } from '../List';
+import { Column, ColumnDef, SortDirection } from '@tanstack/react-table';
+
 export declare class Sorting<T> {
     readonly list: List<T>;
     readonly property: PropertyName<T>;

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

@@ -1,4 +1,5 @@
 import { PropertyName } from '../item/Item';
+
 export interface SortingShape<T> {
     property: PropertyName<T>;
 }

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

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

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

@@ -1,6 +1,8 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import List from "../List";
+import { default as List } from '../List';
+import { Meta, StoryObj } from '@storybook/react';
+
 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,10 @@
+import { default as List } from '../List';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof List>;
+export default meta;
+type Story = StoryObj<typeof List>;
+export declare const WithoutAvatar: Story;
+export declare const WithoutSubtitle: Story;
+export declare const WithoutContent: Story;
+export declare const WithoutContextMenu: Story;

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

@@ -1,8 +1,11 @@
-import * as Aria from "react-aria-components";
-import { FC } from "react";
-export interface ModalProps extends Pick<Aria.DialogProps, "children">, Omit<Aria.ModalOverlayProps, "children"> {
+import { OverlayState } from '../../lib/controller/overlay';
+import { FC, PropsWithChildren } from 'react';
+
+export interface ModalProps extends PropsWithChildren {
     size?: "s" | "m" | "l";
     panel?: boolean;
+    state?: OverlayState;
+    defaultOpen?: boolean;
 }
 export declare const Modal: FC<ModalProps>;
 export default Modal;

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

@@ -0,0 +1,3 @@
+import { OverlayState } from '../../../lib/controller/overlay';
+
+export declare const useSyncTriggerState: (controller: OverlayState) => void;

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

@@ -1,4 +1,5 @@
-import { Modal } from "./Modal";
-export { type ModalProps, Modal } from "./Modal";
-export { DialogTrigger as ModalTrigger } from "react-aria-components";
+import { Modal } from './Modal';
+
+export { type ModalProps, Modal } from './Modal';
+export { DialogTrigger as ModalTrigger } from 'react-aria-components';
 export default Modal;

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

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

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

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

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

@@ -1,4 +1,5 @@
-import { ComponentProps, FC, PropsWithChildren } from "react";
+import { ComponentProps, FC, PropsWithChildren } from 'react';
+
 export interface NavigationProps extends PropsWithChildren<ComponentProps<"nav">> {
     className?: string;
 }

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

@@ -0,0 +1,6 @@
+import { ComponentProps, FC, PropsWithChildren } from 'react';
+
+export interface NavigationGroupProps extends PropsWithChildren<ComponentProps<"ul">> {
+}
+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

@@ -1,4 +1,5 @@
-import { Navigation } from "./Navigation";
-export { Navigation, type NavigationProps } from "./Navigation";
-export * from "./components/NavigationItem";
+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

@@ -1,7 +1,9 @@
-import type { Meta, StoryObj } from "@storybook/react";
 import { Navigation } from '..';
+import { Meta, StoryObj } from '@storybook/react';
+
 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;

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

@@ -1,4 +1,5 @@
-import { FC, PropsWithChildren } from "react";
+import { FC, PropsWithChildren } from 'react';
+
 import * as Aria from "react-aria-components";
 export interface NumberFieldProps extends PropsWithChildren<Omit<Aria.NumberFieldProps, "children">> {
 }

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

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

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

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

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

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

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

@@ -1,6 +1,8 @@
-import { FC, PropsWithChildren } from "react";
+import { ColumnLayoutProps } from '../ColumnLayout';
+import { FC, PropsWithChildren } from 'react';
+
 import * as Aria from "react-aria-components";
-export interface RadioGroupProps extends PropsWithChildren<Omit<Aria.RadioGroupProps, "children">> {
+export interface RadioGroupProps extends PropsWithChildren<Omit<Aria.RadioGroupProps, "children">>, Pick<ColumnLayoutProps, "s" | "m" | "l"> {
 }
 export declare const RadioGroup: FC<RadioGroupProps>;
 export default RadioGroup;

package/dist/types/components/RadioGroup/components/Radio/Radio.d.ts

@@ -1,6 +1,8 @@
-import { FC, PropsWithChildren } from "react";
+import { FlowComponentProps } from '../../../../lib/componentFactory/flowComponent';
+import { PropsWithChildren, default as React } from 'react';
+
 import * as Aria from "react-aria-components";
-export interface RadioProps extends PropsWithChildren<Omit<Aria.RadioProps, "children">> {
+export interface RadioProps extends PropsWithChildren<Omit<Aria.RadioProps, "children">>, FlowComponentProps {
 }
-export declare const Radio: FC<RadioProps>;
+export declare const Radio: React.ComponentClass<RadioProps, any> | React.FunctionComponent<RadioProps>;
 export default Radio;

package/dist/types/components/RadioGroup/components/Radio/index.d.ts

@@ -1,3 +1,4 @@
-import { Radio } from "./Radio";
-export { type RadioProps, Radio } from "./Radio";
+import { Radio } from './Radio';
+
+export { type RadioProps, Radio } from './Radio';
 export default Radio;

package/dist/types/components/RadioGroup/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,7 @@
+import { RadioProps } from '../..';
+import { FC } from 'react';
+
+export interface RadioButtonProps extends RadioProps {
+}
+export declare const RadioButton: FC<RadioButtonProps>;
+export default RadioButton;

package/dist/types/components/RadioGroup/components/RadioButton/index.d.ts

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

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

@@ -1,4 +1,6 @@
-import { RadioGroup } from "./RadioGroup";
-export { type RadioGroupProps, RadioGroup } from "./RadioGroup";
-export * from "./components/Radio";
+import { RadioGroup } from './RadioGroup';
+
+export { type RadioGroupProps, RadioGroup } from './RadioGroup';
+export * from './components/Radio';
+export * from './components/RadioButton';
 export default RadioGroup;

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

@@ -1,12 +1,13 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { RadioGroup } from "../index";
+import { RadioGroup } from '../index';
+import { Meta, StoryObj } from '@storybook/react';
+
 declare const meta: Meta<typeof RadioGroup>;
 export default meta;
 type Story = StoryObj<typeof RadioGroup>;
 export declare const Default: Story;
 export declare const RadioGroupDisabled: Story;
 export declare const RadioDisabled: Story;
-export declare const WithIcon: Story;
-export declare const WithContent: Story;
-export declare const WithIconAndContent: Story;
+export declare const RadioButtons: Story;
+export declare const RadioButtonDisabled: Story;
+export declare const RadioButtonsWithContent: Story;
 export declare const WithFieldError: Story;

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

@@ -1,8 +1,9 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { RadioGroup } from "../index";
+import { RadioGroup } from '../index';
+import { Meta, StoryObj } from '@storybook/react';
+
 declare const meta: Meta<typeof RadioGroup>;
 export default meta;
 type Story = StoryObj<typeof RadioGroup>;
 export declare const LongTexts: Story;
-export declare const MultipleElements: Story;
+export declare const MultipleRadioButtons: Story;
 export declare const SmallSpace: Story;

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

@@ -1,4 +1,5 @@
-import { ComponentProps, FC, PropsWithChildren } from "react";
+import { ComponentProps, FC, PropsWithChildren } from 'react';
+
 export interface SectionProps extends PropsWithChildren<ComponentProps<"section">> {
 }
 export declare const Section: FC<SectionProps>;

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

@@ -1,3 +1,4 @@
-import { Section } from "./Section";
-export { type SectionProps, Section } from "./Section";
+import { Section } from './Section';
+
+export { type SectionProps, Section } from './Section';
 export default Section;

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

@@ -1,5 +1,6 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import Section from "../Section";
+import { default as Section } from '../Section';
+import { Meta, StoryObj } from '@storybook/react';
+
 declare const meta: Meta<typeof Section>;
 export default meta;
 type Story = StoryObj<typeof Section>;