oziko-ui-kit 0.0.23 → 0.0.25

package/dist/components/atoms/autocomplete/Autocomplete.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { TypeFluidContainer } from "../fluid-container/FluidContainer";
 import { TypeInput } from "../input/Input";
-type TypeAutocomplete = {
+export type TypeAutocomplete = {
     options: string[];
     placement?: "bottom" | "top";
     popupClassName?: string;

package/dist/components/atoms/backdrop/Backdrop.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from "react";
-type TypeBackdrop = {
+export type TypeBackdrop = {
     className?: string;
     children?: React.ReactNode;
     showBackdrop?: boolean;

package/dist/components/atoms/base-input/BaseInput.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { TypeFluidContainer } from "../fluid-container/FluidContainer";
 import { TypeText } from "../text/Text";
 import { TypeFlexElement } from "../flex-element/FlexElement";
-type TypeBaseInputProps = {
+export type TypeBaseInputProps = {
     errorMessage?: string;
     description?: string;
     className?: string;

package/dist/components/atoms/base-input/InputGroup.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
 import InputLabel from "./InputLabel";
 import FlexElement, { TypeFlexElement } from "../flex-element/FlexElement";
-type TypeBaseInputProps = {
+export type TypeInputGroupProps = {
     children: React.ReactNode;
     ref?: React.Ref<HTMLDivElement>;
 } & TypeFlexElement;
-type TypeBaseInputComponent = React.FC<TypeBaseInputProps> & {
+export type TypeBaseInputComponent = React.FC<TypeInputGroupProps> & {
     Label: typeof InputLabel;
     HelperText: typeof FlexElement;
 };

package/dist/components/atoms/base-input/InputLabel.d.ts

@@ -1,5 +1,5 @@
 import { TypeFluidContainer } from "../fluid-container/FluidContainer";
-type TypeInputLabel = {
+export type TypeInputLabel = {
     reverse?: boolean;
     divider?: boolean;
     dividerClassName?: string;

package/dist/components/atoms/bucket-schema-item/BucketSchemaItem.d.ts

@@ -1,7 +1,7 @@
 import { TypeInputType } from "../../../custom-hooks/useInputRepresenter";
 import React from "react";
 import { TypeFluidContainer } from "../fluid-container/FluidContainer";
-type TypeBucketSchemaItem = {
+export type TypeBucketSchemaItem = {
     label?: string;
     type?: TypeInputType | "id";
     addIcon?: boolean;

package/dist/components/atoms/bucket-schema-list/BucketSchemaList.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { TypeFlexElement } from "../flex-element/FlexElement";
 import { TypeInputType } from "../../../custom-hooks/useInputRepresenter";
-type TypeSchema = {
+export type TypeSchema = {
     type: TypeInputType;
     title: string;
     properties?: Record<string, TypeSchema>;
@@ -12,7 +12,7 @@ type TypeSchema = {
     default?: any;
     options?: Record<string, any>;
 };
-type TypeBucketSchemaList = {
+export type TypeBucketSchemaList = {
     schema?: Record<string, TypeSchema>;
     itemDepth?: number;
 } & TypeFlexElement;

package/dist/components/atoms/button/Button.d.ts

@@ -2,7 +2,7 @@ import { ButtonHTMLAttributes } from "react";
 import { TypeFluidContainer } from "../fluid-container/FluidContainer";
 import { TypeSpinner } from "../spinner/Spinner";
 import { TypeFlexDimension } from "../../../utils/interface";
-type TypeButton = {
+export type TypeButton = {
     fullWidth?: boolean;
     containerProps?: TypeFluidContainer;
     shape?: "default" | "circle" | "round";

package/dist/components/atoms/checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from "react";
 import { TypeText } from "../text/Text";
-type TypeCheckbox = {
+export type TypeCheckbox = {
     checked?: boolean;
     disabled?: boolean;
     label?: ReactNode;

package/dist/components/atoms/chip/Chip.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { TypeFluidContainer } from "../fluid-container/FluidContainer";
 import { IconName } from "../../../utils/iconList";
-type TypeChip = {
+export type TypeChip = {
     label?: string;
     variant?: "outlined" | "filled";
     icon?: IconName;

package/dist/components/atoms/color/Color.d.ts

@@ -1,5 +1,5 @@
 import { TypeFlexElement } from "../flex-element/FlexElement";
-type TypeColor = {
+export type TypeColor = {
     value: string;
     prefixProps?: TypeFlexElement;
     rootProps?: TypeFlexElement;

package/dist/components/atoms/dashboard-item/DashboardItem.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 import { ChartType } from "chart.js";
 import { TypeChartComponentProps } from "../chart/Chart";
-type TypeDashboardItem = {
+export type TypeDashboardItem = {
     headerProps?: {
         content?: ReactNode;
         suffix?: ReactNode;

package/dist/components/atoms/directory/Directory.d.ts

@@ -1,4 +1,4 @@
-type TypeDirectory = {
+export type TypeDirectory = {
     directory: string[];
     onChangeDirectory?: (index: number) => void;
 };

package/dist/components/atoms/draggable-bar/DraggableBar.d.ts

@@ -1,5 +1,5 @@
 import { FC, CSSProperties } from "react";
-type TypeDraggableBar = {
+export type TypeDraggableBar = {
     x: number;
     y: number;
     maxX?: number;

package/dist/components/atoms/drawer/Drawer.d.ts

@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 import { TypeFlexElement } from "../flex-element/FlexElement";
 declare const drawerSizes: string[];
-type TypeDrawer = {
+export type TypeDrawer = {
     placement: "top" | "right" | "bottom" | "left";
     size?: (typeof drawerSizes)[number] | number | string;
     children?: React.ReactNode;

package/dist/components/atoms/drop-list/DropList.d.ts

@@ -1,4 +1,4 @@
-type TypeDropList = {
+export type TypeDropList = {
     active?: number;
     length?: number;
     maxItems?: number;

package/dist/components/atoms/input-header/InputHeader.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { TypeFluidContainer } from '../fluid-container/FluidContainer';
-type TypeInputHeader = {
+export type TypeInputHeader = {
     className?: string;
 } & TypeFluidContainer;
 declare const InputHeader: FC<TypeInputHeader>;

package/dist/components/atoms/input-with-icon/InputWithIcon.d.ts

@@ -1,6 +1,6 @@
 import { TypeFluidContainer } from "../fluid-container/FluidContainer";
 import { TypeInput } from "../input/Input";
-type TypeInputWithIcon = {
+export type TypeInputWithIcon = {
     inputProps?: TypeInput;
 } & TypeFluidContainer;
 declare const _default: import("react").NamedExoticComponent<TypeInputWithIcon>;

package/dist/components/atoms/inputs/minimized/array/Array.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { TypeArrayItems, TypeValueType } from "../../../../../custom-hooks/useInputRepresenter";
-type TypeMinimizedArrayInput = {
+export type TypeMinimizedArrayInput = {
     propertyKey: string;
     value?: TypeValueType[];
     items?: TypeArrayItems;

package/dist/components/atoms/inputs/minimized/color/ColorMinimized.d.ts

@@ -1,6 +1,6 @@
 import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
 import { FC } from "react";
-type TypeColorMinimized = {
+export type TypeColorMinimized = {
     value?: string;
     onClear?: () => void;
     onChange?: (value: string) => void;

package/dist/components/atoms/inputs/minimized/location/Location.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { TypeMapProps } from "../../../map/Map";
-type TypeMinimizedLocationInput = TypeFlexElement & {
+export type TypeMinimizedLocationInput = TypeFlexElement & {
     contentProps?: TypeFlexElement;
     mapProps?: TypeMapProps;
     icon?: ReactNode;

package/dist/components/atoms/inputs/minimized/multi-selection/MultiSelection.d.ts

@@ -1,7 +1,7 @@
 import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 import { TypeSelect, TypeValue } from "../../../../molecules/select/Select";
 import { TypeLabeledValue } from "../../../select-option/SelectOption";
-type TypeMultiSelectionInput = {
+export type TypeMultiSelectionInput = {
     options?: (string | number | TypeLabeledValue)[];
     onChange?: (value: TypeValue) => void;
     value?: TypeValue;

package/dist/components/atoms/inputs/minimized/number/NumberMinimized.d.ts

@@ -1,11 +1,11 @@
 import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 import React from "react";
-type TypeStringMinimized = {
+export type TypeNumberMinimized = {
     onClear?: () => void;
     value?: number;
     options?: number[];
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     onChange?: (value: number) => void;
 } & TypeFluidContainer;
-declare const _default: React.NamedExoticComponent<TypeStringMinimized>;
+declare const _default: React.NamedExoticComponent<TypeNumberMinimized>;
 export default _default;

package/dist/components/atoms/inputs/minimized/object/Object.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { TypeProperties, TypeRepresenterValue } from "../../../../../custom-hooks/useInputRepresenter";
-type TypeMinimizedObjectInput = {
+export type TypeMinimizedObjectInput = {
     value?: TypeRepresenterValue;
     properties: TypeProperties;
     popoverProps?: TypeFlexElement;

package/dist/components/atoms/inputs/minimized/rich-text/RichText.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
-type TypeRichTextMinimized = {
+export type TypeRichTextMinimized = {
     value?: string;
     richTextProps?: TypeFlexElement;
 } & TypeFlexElement;

package/dist/components/atoms/inputs/minimized/storage/StorageMinimized.d.ts

@@ -1,7 +1,7 @@
 import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
 import { FC } from "react";
 import { TypeFile } from "../../../../../utils/interface";
-type TypeStorageMinimized = {
+export type TypeStorageMinimized = {
     file?: TypeFile;
     placeholder?: string;
     onUpload?: (file: File) => void;

package/dist/components/atoms/inputs/minimized/string/StringMinimized.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
-type TypeStringMinimized = {
+export type TypeStringMinimized = {
     onClear?: () => void;
     value?: string;
     options?: {

package/dist/components/atoms/inputs/normal/array/ArrayInput.d.ts

@@ -1,7 +1,7 @@
 import { TypeText } from "../../../text/Text";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { TypeArrayItems, TypeValueType } from "../../../../../custom-hooks/useInputRepresenter";
-type TypeArrayInput = {
+export type TypeArrayInput = {
     value?: TypeValueType[];
     title?: string;
     description?: string;

package/dist/components/atoms/inputs/normal/chip/ChipInput.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
-type TypeChipInput = {
+export type TypeChipInput = {
     label?: string[];
     placeholder?: string;
     onChange?: (value: string[]) => void;

package/dist/components/atoms/inputs/normal/color/Color.d.ts

@@ -1,5 +1,5 @@
 import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
-type TypeColorInput = {
+export type TypeColorInput = {
     label: string;
     description?: string;
     value?: string;

package/dist/components/atoms/inputs/normal/enum/Enum.d.ts

@@ -1,7 +1,7 @@
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { TypeValue } from "../../../../molecules/select/Select";
 import React from "react";
-type TypeEnum = {
+export type TypeEnum = {
     selectClassName?: string;
     label: string;
     options: {

package/dist/components/atoms/inputs/normal/location/Location.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import "../../../../../../node_modules/leaflet/dist/leaflet.css";
 import { TypeCoordinates } from "../../../map/Map";
-type TypeLocationInput = {
+export type TypeLocationInput = {
     coordinates?: TypeCoordinates;
     title?: string;
     onChange?: (coordinates: TypeCoordinates) => void;

package/dist/components/atoms/inputs/normal/multiple-selection/MultipleSelection.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
-type TypeMultipleSelectionInput<T = string | number> = {
+export type TypeMultipleSelectionInput<T = string | number> = {
     label: string;
     description?: string;
     value?: T[];

package/dist/components/atoms/inputs/normal/number/Number.d.ts

@@ -1,6 +1,6 @@
 import { TypeInput } from "../../../input/Input";
 import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
-type TypeNumberInput = {
+export type TypeNumberInput = {
     label: string;
     description?: string;
     value?: number;

package/dist/components/atoms/inputs/normal/object/ObjectInput.d.ts

@@ -1,7 +1,7 @@
 import { TypeText } from "../../../text/Text";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { TypeProperties, TypeRepresenterValue } from "../../../../../custom-hooks/useInputRepresenter";
-type TypeObjectInput = {
+export type TypeObjectInput = {
     value?: TypeRepresenterValue;
     properties: TypeProperties;
     title?: string;

package/dist/components/atoms/inputs/normal/rich-text/LexicalContent.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { EditorState, LexicalEditor } from "lexical";
-type TypeLexicalContent = {
+export type TypeLexicalContent = {
     onChange: (state: EditorState, editor: LexicalEditor) => void;
 } & TypeFlexElement;
 declare const LexicalContent: FC<TypeLexicalContent>;

package/dist/components/atoms/inputs/normal/rich-text/plugins/ToolbarPlugin.d.ts

@@ -1,7 +1,7 @@
 import "./ToolbarPlugin.scss";
 import { FC } from "react";
 import { LexicalEditor } from "lexical";
-type TypeToolbarPlugin = {
+export type TypeToolbarPlugin = {
     editor: LexicalEditor;
 };
 declare const ToolbarPlugin: FC<TypeToolbarPlugin>;

package/dist/components/atoms/inputs/normal/string/String.d.ts

@@ -1,7 +1,7 @@
 import { TypeInput } from "../../../../../components/atoms/input/Input";
 import React from "react";
 import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
-type TypeStringInput = {
+export type TypeStringInput = {
     label?: string;
     description?: string;
     value?: string;

package/dist/components/atoms/inputs/normal/text-area/TextArea.d.ts

@@ -2,7 +2,7 @@ import { ChangeEventHandler } from "react";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 import { IconName } from "../../../../../utils/iconList";
-type TypeTextArea = {
+export type TypeTextArea = {
     value?: string;
     textAreaProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
         rows?: number;

package/dist/components/atoms/json/Json.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-type TypeJson = {
+export type TypeJson = {
     data: Record<string, unknown>;
 };
 declare const _default: React.NamedExoticComponent<TypeJson>;

package/dist/components/atoms/list-item/ListItem.d.ts

@@ -1,5 +1,5 @@
 import { TypeFluidContainer } from "../fluid-container/FluidContainer";
-type TypeListItem = {
+export type TypeListItem = {
     label: string;
     active?: boolean;
     disabled?: boolean;

package/dist/components/atoms/list-row/ListRow.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import FlexElement, { TypeFlexElement } from "../flex-element/FlexElement";
-type TypeListRow = {
+export type TypeListRow = {
     ref?: React.Ref<HTMLDivElement>;
 } & TypeFlexElement;
-type TypeListRowComponent = React.FC<TypeListRow> & {
+export type TypeListRowComponent = React.FC<TypeListRow> & {
     Cell: typeof FlexElement;
 };
 declare const ListRow: TypeListRowComponent;

package/dist/components/atoms/modal/Modal.d.ts

@@ -3,7 +3,7 @@ import { TypeFlexElement } from "../flex-element/FlexElement";
 import ModalHeader from "./header/ModalHeader";
 import ModalBody from "./body/ModalBody";
 import ModalFooter from "./footer/ModalFooter";
-type TypeModal = {
+export type TypeModal = {
     animation?: "growFromCenter" | "zoomIn";
     showCloseButton?: boolean;
     disableClose?: boolean;

package/dist/components/atoms/modal/body/ModalBody.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TypeFlexElement } from "../../flex-element/FlexElement";
-type TypeModalBody = {
+export type TypeModalBody = {
     className?: string;
 } & TypeFlexElement;
 declare const _default: React.NamedExoticComponent<TypeModalBody>;

package/dist/components/atoms/modal/footer/ModalFooter.d.ts

@@ -1,6 +1,6 @@
 import { TypeFluidContainer } from "../../fluid-container/FluidContainer";
 import React from "react";
-type TypeModalFooter = {
+export type TypeModalFooter = {
     className?: string;
 } & TypeFluidContainer;
 declare const _default: React.NamedExoticComponent<TypeModalFooter>;

package/dist/components/atoms/modal/header/ModalHeader.d.ts

@@ -1,6 +1,6 @@
 import { TypeFluidContainer } from "../../fluid-container/FluidContainer";
 import React from "react";
-type TypeModalHeader = {
+export type TypeModalHeader = {
     className?: string;
 } & TypeFluidContainer;
 declare const _default: React.NamedExoticComponent<TypeModalHeader>;

package/dist/components/atoms/popover/Popover.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 import { TypeFlexElement } from "../flex-element/FlexElement";
 import { Placement } from "../../../custom-hooks/useAdaptivePosition";
-type TypePopover = {
+export type TypePopover = {
     placement?: Placement;
     content: ReactNode;
     children?: ReactNode;

package/dist/components/atoms/portal/Portal.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, FC } from "react";
-type TypePortalProps = {
+export type TypePortalProps = {
     children: ReactNode;
 };
 declare const Portal: FC<TypePortalProps>;

package/dist/components/atoms/select-option/SelectOption.d.ts

@@ -2,7 +2,7 @@ export type TypeLabeledValue = {
     value: string | number;
     label: string;
 };
-type TypeSelectOption = {
+export type TypeSelectOption = {
     option: string | number | TypeLabeledValue;
     selected?: boolean;
     multiple?: boolean;

package/dist/components/atoms/tab/Tab.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { TypeFlexElement } from "../flex-element/FlexElement";
 import { TypeFluidContainer } from "../fluid-container/FluidContainer";
-type TypeTab = {
+export type TypeTab = {
     type?: "default" | "underline" | "window";
     items: TypeFluidContainer[];
     indicatorClassName?: string;

package/dist/components/molecules/accordion/Accordion.d.ts

@@ -7,7 +7,7 @@ export type TypeAccordionItem = {
     icon?: React.ReactNode;
     className?: string;
 };
-type TypeAccordionGroup = TypeFlexElement & {
+export type TypeAccordionGroup = TypeFlexElement & {
     items: TypeAccordionItem[];
     defaultActiveIndex?: number;
     icon?: React.ReactNode;

package/dist/components/molecules/navigator-item/NavigatorItem.d.ts

@@ -5,7 +5,7 @@ type SuffixIcon = {
     name: IconName;
     onClick?: () => void;
 };
-type TypeNavigatorItem = {
+export type TypeNavigatorItem = {
     label: string;
     prefixIcon?: IconName;
     suffixIcons?: SuffixIcon[];

package/dist/components/molecules/sso-button/SSOButton.d.ts

@@ -1,7 +1,7 @@
 import { TypeFluidContainer } from "../../atoms/fluid-container/FluidContainer";
 import React from "react";
 import { IconName } from "../../../utils/iconList";
-type TypeSSOButton = {
+export type TypeSSOButton = {
     icon: IconName;
     label: string;
     onClick?: () => void;

package/dist/components/molecules/storage-filter/StorageFilter.d.ts

@@ -1,4 +1,4 @@
-type TypeFilterValue = {
+export type TypeFilterValue = {
     type: string[];
     fileSize: {
         min: {
@@ -16,7 +16,7 @@ type TypeFilterValue = {
         to: null | string;
     };
 };
-type TypeStorageFilter = {
+export type TypeStorageFilter = {
     onApply?: (filter: TypeFilterValue) => void;
     onCancel?: () => void;
 };

package/dist/components/molecules/timeline/Timeline.d.ts

@@ -1,8 +1,18 @@
-import { ChartData } from "chart.js";
+import { ChartData, ScaleOptionsByType, CartesianScaleTypeRegistry, PluginOptionsByType } from "chart.js";
 import "chartjs-adapter-date-fns";
 import { TypeFluidContainer } from "../../atoms/fluid-container/FluidContainer";
+import { _DeepPartialObject } from "chart.js/dist/types/utils";
 export type TypeBarChartData = ChartData<"bar", (number | [number, number] | null)[], unknown>;
-type TypeTimeline = {
+export type TypeScales = _DeepPartialObject<{
+    [key: string]: ScaleOptionsByType<keyof CartesianScaleTypeRegistry>;
+}> | undefined;
+export type TypePlugins = _DeepPartialObject<PluginOptionsByType<"bar">> | undefined;
+export type TypeBarPosition = {
+    x: number;
+    y: number;
+} | null;
+export type TypeUnit = "millisecond" | "second" | "minute" | "hour" | "day" | "week" | "month" | "quarter" | "year";
+export type TypeTimeline = {
     dateRange: {
         from: Date;
         to: Date;

package/dist/components/organisms/dashboard/layout/DashboardLayout.d.ts

@@ -1,14 +1,14 @@
 import { FC } from "react";
 import { ChartData, ChartOptions, ChartType } from "chart.js";
 import { TypeFluidContainer } from "../../../atoms/fluid-container/FluidContainer";
-type TypeDashboardItem = {
+export type TypeDashboardItem = {
     ratio: string;
     id: string;
     headerProps?: TypeFluidContainer;
     data?: ChartData<ChartType>;
     options?: ChartOptions<ChartType>;
 };
-type TypeDashboardLayout = {
+export type TypeDashboardLayout = {
     dashboards?: TypeDashboardItem[] | undefined;
 };
 declare const DashboardLayout: FC<TypeDashboardLayout>;

package/dist/components/organisms/menu-group/MenuGroup.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TypeFlexElement } from "../../atoms/flex-element/FlexElement";
-type TypeMenuGroup = {
+export type TypeMenuGroup = {
     options?: Record<string, {
         label: string;
         value?: React.ReactNode;

package/dist/components/organisms/section/Section.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import FlexElement, { TypeFlexElement } from "../../atoms/flex-element/FlexElement";
-type TypeSection = {
+export type TypeSection = {
     ref?: React.Ref<HTMLDivElement>;
 } & TypeFlexElement;
-type TypeSectionComponent = React.FC<TypeSection> & {
+export type TypeSectionComponent = React.FC<TypeSection> & {
     Header: typeof FlexElement;
     Content: typeof FlexElement;
     Footer: typeof FlexElement;