@kwantis-id3/frontend-library 0.27.2 → 1.0.0-rc.4

package/dist/esm/types/components/Accordion/Accordion.d.ts

@@ -2,7 +2,6 @@
 import { Interpolation } from "@emotion/styled";
 import React from "react";
 import { Theme } from "@emotion/react";
-import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
 export type AccordionProps = {
     /** Text of the accordion trigger */
     title: string;
@@ -13,11 +12,11 @@ export type AccordionProps = {
     /** Works only if uncontrolled (isOpen props is not present) */
     defaultOpen?: boolean;
     /** Color of the accordion */
-    color?: ThemeColorsExtended;
+    color?: string;
     /** Color of the icon */
-    iconColor?: ThemeColorsExtended;
+    iconColor?: string;
     /** Color of the divider */
-    dividerColor?: ThemeColorsExtended;
+    dividerColor?: string;
     /** Hide the icon */
     hideIcon?: boolean;
     /** Hide the divider */

package/dist/esm/types/components/Accordion/AccordionStyled.d.ts

@@ -1,23 +1,23 @@
 export declare const Divider: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $color: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TitleDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $color: string;
     $textColor: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $iconColor: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TitleH2: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;

package/dist/esm/types/components/Button/Button.d.ts

@@ -1,12 +1,11 @@
 /** @jsxImportSource @emotion/react */
 import * as React from "react";
-import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
 import { Interpolation } from "@emotion/styled";
 import { Theme } from "@emotion/react";
 export type ButtonVariants = "contained" | "outlined" | "text";
 export type ButtonProps = {
     /** Color of the button */
-    color?: ThemeColorsExtended;
+    color?: string;
     /** Type of the button */
     type?: "button" | "submit" | "reset";
     /** Custom styles */

package/dist/esm/types/components/Card/Card.d.ts

@@ -0,0 +1,15 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from "react";
+import { TCardSectionProps } from "./CardInterfaces";
+/**
+ * The Card component is a container component that can be used to display content in a structured way.
+ * It has 3 possible sizes: small, medium and large.
+ *
+ */
+declare const Card: FC<TCardSectionProps>;
+declare const CardHeader: FC<TCardSectionProps>;
+declare const CardContent: FC<TCardSectionProps>;
+declare const CardFooter: FC<TCardSectionProps>;
+declare const CardIndicators: FC<TCardSectionProps>;
+declare const CardMediaSection: FC<TCardSectionProps>;
+export { Card, CardHeader, CardContent, CardFooter, CardIndicators, CardMediaSection, };

package/dist/esm/types/components/Card/CardInterfaces.d.ts

@@ -0,0 +1,6 @@
+import { Interpolation, Theme } from "@emotion/react";
+import React, { PropsWithChildren } from "react";
+export type TCardSectionProps = PropsWithChildren & {
+    sx?: Interpolation<Theme>;
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+};

package/dist/esm/types/components/Card/CardStyled.d.ts

@@ -0,0 +1,24 @@
+export declare const StyledCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledFooter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledMediaSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledCardIndicators: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/types/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { Card, CardHeader, CardContent, CardFooter, CardIndicators, CardMediaSection, } from "./Card";
+export { TCardSectionProps } from "./CardInterfaces";

package/dist/esm/types/components/Dropdown/Dropdown.d.ts

@@ -1,9 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
-import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
 /**
  * @property {string} value - The value displayed in the dropdown item
- * @property {ThemeColorsExtended} color - The color of the dropdown item
+ * @property {string} color - The color of the dropdown item
  * @property {string} textColor - The text color of the dropdown item
  * @property {DropdownItem[]} children - The children of the dropdown item
  * @property {() => void} onClick - The onClick handler of the dropdown item
@@ -12,9 +11,11 @@ export type DropdownItem = {
     /** The value displayed in the item */
     value: string;
     /** The color of the item */
-    color?: ThemeColorsExtended;
+    bgColor?: string;
     /** The text color of the item */
     textColor?: string;
+    /** The hover color of the item */
+    hoverColor?: string;
     /** The children of the item */
     children?: DropdownItem[];
     /** Wether the item is hidden or not */
@@ -30,9 +31,9 @@ export type DropdownProps = {
     /** The trigger element of the dropdown. Clicking on this item will open the dropdown */
     trigger: React.ReactNode;
     /** The color of the dropdown */
-    color?: ThemeColorsExtended;
+    bgColor?: string;
     /** The hover color of the dropdown */
-    hoverColor?: ThemeColorsExtended;
+    hoverColor?: string;
     /** Controls wether the dropdown should extend towards the left or the right */
     direction?: "left" | "right";
     /** The mobile breakpoint, by default it's 768px */

package/dist/esm/types/components/Dropdown/DropdownStyled.d.ts

@@ -1,13 +1,13 @@
 export declare const DropdownContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DropdownTrigger: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DropdownBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $direction: string;
@@ -15,7 +15,7 @@ export declare const DropdownBody: import("@emotion/styled").StyledComponent<{
     $bgColor: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DropdownItemInnerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $bgColor: string;
@@ -25,36 +25,35 @@ export declare const DropdownItemInnerContainer: import("@emotion/styled").Style
     $direction: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DropdownBodyMobile: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $isOpen: boolean;
     $bgColor: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DropdownItemMobileContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    $bgColor: string;
     $textColor: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AccordionBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ClickableItemMobile: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MobileItemTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $bgColor?: string;
     $textColor?: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ItemSpanValue: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $direction: string;

package/dist/esm/types/components/Indicator/ErrorIndicator.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { TIndicatorInstanceProps } from "./IndicatorInterfaces";
+export declare const ErrorIndicator: FC<TIndicatorInstanceProps>;

package/dist/esm/types/components/Indicator/Indicator.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import { TIndicatorProps, TIndicatorVariants } from "./IndicatorInterfaces";
+type TGenericIndicatorProps = {
+    variant: TIndicatorVariants;
+} & TIndicatorProps;
+export declare const Indicator: FC<TGenericIndicatorProps>;
+export {};

package/dist/esm/types/components/Indicator/IndicatorInterfaces.d.ts

@@ -0,0 +1,11 @@
+export type TIndicatorInstanceProps = {
+    outerColor?: string;
+    innerColor?: string;
+    size?: number;
+    title?: string;
+    onClick?: (e: React.MouseEvent<SVGSVGElement>) => void;
+};
+export type TIndicatorProps = {
+    variant: TIndicatorVariants;
+} & TIndicatorInstanceProps;
+export type TIndicatorVariants = "live" | "success" | "warning" | "error";

package/dist/esm/types/components/Indicator/LiveIndicator.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { TIndicatorInstanceProps } from "./IndicatorInterfaces";
+export declare const LiveIndicator: FC<TIndicatorInstanceProps>;

package/dist/esm/types/components/Indicator/SuccessIndicator.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { TIndicatorInstanceProps } from "./IndicatorInterfaces";
+export declare const SuccessIndicator: FC<TIndicatorInstanceProps>;

package/dist/esm/types/components/Indicator/WarningIndicator.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { TIndicatorInstanceProps } from "./IndicatorInterfaces";
+export declare const WarningIndicator: FC<TIndicatorInstanceProps>;

package/dist/esm/types/components/Indicator/index.d.ts

@@ -0,0 +1,2 @@
+export { TIndicatorProps, TIndicatorVariants } from "./IndicatorInterfaces";
+export { Indicator } from "./Indicator";

package/dist/esm/types/components/InputField/InputField.d.ts

@@ -1,12 +1,11 @@
 import React from "react";
-import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
 interface TextFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
     /** Classname given to the container div */
     containerClassName?: string;
     /** Disables the input */
     isDisabled?: boolean;
     /** The color of the input */
-    color?: ThemeColorsExtended;
+    color?: string;
     /** Change the styles of the input field */
     sx?: React.CSSProperties;
 }

package/dist/esm/types/components/InputField/StyledInputField.d.ts

@@ -1,9 +1,9 @@
 export declare const InputContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $color: string;

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

@@ -1,11 +1,13 @@
 export declare const DialogElement: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $width?: string;
     $height?: string;
+    $bgColor?: string;
+    $textColor?: string;
 }, import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, {}>;
 export declare const ExitButtonContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/types/components/MultiViewList/MultiViewList.d.ts

@@ -0,0 +1,3 @@
+import { TMultiViewListProps } from "./MultiViewListInterfaces";
+import { TCellValues, TTableRow } from "../Table";
+export declare const MultiViewList: <Cell extends TCellValues, Row extends TTableRow<Cell>>(props: TMultiViewListProps<Cell, Row>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/MultiViewList/MultiViewListInterfaces.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { TCellValues, TTableProps, TTableRow } from "../Table";
+export type TMultiViewListProps<Cell extends TCellValues, Row extends TTableRow<Cell>> = TTableProps<Cell, Row> & {
+    mode: "table" | "cards";
+    cardComponent: (item: Row) => React.ReactNode;
+};

package/dist/esm/types/components/MultiViewList/MultiViewListStyled.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledCardsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/types/components/MultiViewList/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./MultiViewListInterfaces";
+export { MultiViewList } from "./MultiViewList";

package/dist/esm/types/components/SelectFilter/MultiSelect.d.ts

@@ -1,5 +1,3 @@
-import React from "react";
-import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
 export interface MultiSelectProps<Option = {
     label: string;
     value: string;
@@ -29,7 +27,7 @@ export interface MultiSelectProps<Option = {
     /** Wether the select is loading */
     isLoading?: boolean;
     /** The color of the select */
-    color?: ThemeColorsExtended;
+    color?: string;
     /** The HTML id of the container */
     containerId?: string;
     /** The HTML id of the select */
@@ -41,4 +39,4 @@ export interface MultiSelectProps<Option = {
     /** Wether the select is required */
     required?: boolean;
 }
-export declare const MultiSelect: <Option>(props: MultiSelectProps<Option>) => React.JSX.Element;
+export declare const MultiSelect: <Option>(props: MultiSelectProps<Option>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/SelectFilter/SingleSelect.d.ts

@@ -1,5 +1,3 @@
-import React from "react";
-import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
 export interface SingleSelectProps<Option = {
     label: string;
     value: string;
@@ -29,7 +27,7 @@ export interface SingleSelectProps<Option = {
     /** Wether the select is loading */
     isLoading?: boolean;
     /** The color of the select */
-    color?: ThemeColorsExtended;
+    color?: string;
     /** The HTML id of the container */
     containerId?: string;
     /** The HTML id of the select */
@@ -43,4 +41,4 @@ export interface SingleSelectProps<Option = {
     /** Wether the select is required */
     required?: boolean;
 }
-export declare const SingleSelect: <Option>(props: SingleSelectProps<Option>) => React.JSX.Element;
+export declare const SingleSelect: <Option>(props: SingleSelectProps<Option>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Slider/Slider.d.ts

@@ -1,5 +1,3 @@
-import React from "react";
-import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
 export type SliderProps = {
     /** The values of the slider. */
     values: number[];
@@ -12,11 +10,11 @@ export type SliderProps = {
     /** The onFinalChange handler of the slider. (called only when the thumb is released) */
     onFinalChange?: (values: number[]) => void;
     /** The color of the slider */
-    color?: ThemeColorsExtended;
+    color?: string;
     /** The color of the section not included in the range */
-    unselectedColor?: ThemeColorsExtended;
+    unselectedColor?: string;
     /** The color of the thumb */
-    thumbColor?: ThemeColorsExtended;
+    thumbColor?: string;
     /** The HTML id of the slider */
     htmlId?: string;
     /** The class name of the slider */
@@ -32,4 +30,4 @@ export type SliderProps = {
     /** Wether the thumbs can overlap */
     allowOverlap?: boolean;
 };
-export declare const Slider: (props: SliderProps) => React.JSX.Element;
+export declare const Slider: (props: SliderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Slider/SliderStyled.d.ts

@@ -1,15 +1,15 @@
 export declare const OuterTrackDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InnerTrackDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $bgColor: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ThumbDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $bgColor: string;
@@ -17,7 +17,7 @@ export declare const ThumbDiv: import("@emotion/styled").StyledComponent<{
     $disabled?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ThumbValueSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $textColor: string;

package/dist/esm/types/components/Table/DebouncedFilter.d.ts

@@ -0,0 +1,7 @@
+/** @jsxImportSource @emotion/react */
+import { Column, Table } from "@tanstack/react-table";
+import { TCellValues, TTableRow } from "./TableInterfaces";
+export declare function DebouncedFilter<T extends TTableRow<TCellValues>>({ column, table, }: {
+    column: Column<T, unknown>;
+    table: Table<T>;
+}): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Table/DebouncedInput.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare function DebouncedInput({ value: initialValue, onChange, debounce, ...props }: {
+    value: string | number;
+    onChange: (value: string | number) => void;
+    debounce?: number;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange">): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Table/Table.d.ts

@@ -0,0 +1,3 @@
+import { TCellValues, TTableProps, TTableRow } from "./TableInterfaces";
+export declare const Table: <Cell extends TCellValues, Row extends TTableRow<Cell>>(props: TTableProps<Cell, Row>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const renderCell: (value: string | number | boolean | null) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Table/TableInterfaces.d.ts

@@ -0,0 +1,21 @@
+import { ColumnDef } from "@tanstack/react-table";
+export type TCellValues = string | number | boolean | null;
+export type TTableProps<Cell extends TCellValues, Row extends TTableRow<Cell>> = {
+    columns: ColumnDef<Row, Cell>[];
+    data: Row[] | undefined;
+};
+export type TTableCell<T extends TCellValues> = {
+    value: T;
+    bgColor?: string | null;
+    textColor?: string | null;
+};
+export type TTableRow<T extends TCellValues> = {
+    info?: {
+        bgColor?: string | null;
+        textColor?: string | null;
+        [key: string]: string | number | boolean | null | undefined;
+    };
+    cells: {
+        [key: string]: TTableCell<T>;
+    };
+};

package/dist/esm/types/components/Table/TableStyled.d.ts

@@ -0,0 +1,14 @@
+export declare const TableWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $mobileBreakpoint: number;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const StyledCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/types/components/Table/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./TableInterfaces";
+export { Table, renderCell } from "./Table";

package/dist/esm/types/components/Tag/Tag.d.ts

@@ -0,0 +1,24 @@
+import { FC } from "react";
+import { ITagColors } from "../ThemeContext/ThemeInterfaces";
+import { Interpolation } from "@emotion/styled";
+import { Theme } from "@emotion/react";
+export type TTagProps = {
+    text: string;
+    /**
+     * If `variant` is set to `custom`, `bgColor` and `textColor` will be used.
+     * Otherwise, the `variant` will be used to determine the colors.
+     *
+     * The variants are the keys of the interface `@see ITagColors`, which by default are:
+     * - `default`
+     * - `warm`
+     * - `cold`
+     * - `paper`
+     */
+    variant: keyof ITagColors | "custom";
+    /** To use this prop, the variant must be set to `custom` */
+    bgColor?: string;
+    /** To use this prop, the variant must be set to `custom` */
+    textColor?: string;
+    sx?: Interpolation<Theme>;
+};
+export declare const Tag: FC<TTagProps>;

package/dist/esm/types/components/Tag/index.d.ts

@@ -0,0 +1 @@
+export { Tag, TTagProps } from "./Tag";

package/dist/esm/types/components/ThemeContext/ThemeContext.d.ts

@@ -1,72 +1,6 @@
 import React from "react";
-export interface Color {
-    main: string;
-    contrastText: string;
-}
-export interface ThemeColorsObject {
-    primary: Color;
-    secondary: Color;
-    tertiary: Color;
-    statusOk: Color;
-    statusWarning: Color;
-    statusCritical: Color;
-    statusNeutral: Color;
-}
-export interface ThemeContextProps {
-    colors: ThemeColorsObject;
-}
-interface Nothing {
-}
-type Union<T, U> = T | (U & Nothing);
-export type ThemeColors = keyof ThemeColorsObject;
-export type ThemeColorsExtended = Union<ThemeColors, string>;
-export type ThemeProperties = ThemeContextProps & {
-    getColor: (color: ThemeColorsExtended) => Color;
-};
-export declare const defaultThemeColors: {
-    primary: {
-        main: string;
-        contrastText: string;
-    };
-    secondary: {
-        main: string;
-        contrastText: string;
-    };
-    tertiary: {
-        main: string;
-        contrastText: string;
-    };
-    statusOk: {
-        main: string;
-        contrastText: string;
-    };
-    statusWarning: {
-        main: string;
-        contrastText: string;
-    };
-    statusCritical: {
-        main: string;
-        contrastText: string;
-    };
-    statusNeutral: {
-        main: string;
-        contrastText: string;
-    };
-};
-export declare const ThemeContextProvider: (props: React.PropsWithChildren<{
-    theme?: ThemeContextProps;
-}>) => React.JSX.Element;
-type NestedObject<T> = {
-    [key: string]: T | NestedObject<T>;
-};
-/**
- * Returns the value of a nested object given a string path
- * This function is supposed to be used ONLY to retrieve values from the theme object
- *
- * @param object the object to search
- * @param path a string representing the path to the value
- * @returns the value of the nested object
- */
-export declare function getObjectValueByPath<T>(obj: NestedObject<T>, path: string): T | undefined;
-export declare const useThemeContext: () => ThemeProperties;
-export {};
+import { IPalette, IThemeContextProps, IThemeContextValue } from "./ThemeInterfaces";
+export declare const defaultLightPalette: IPalette;
+export declare const defaultDarkPalette: IPalette;
+export declare const ThemeContextProvider: ({ palettes, defaultMode, children, }: React.PropsWithChildren<IThemeContextProps>) => JSX.Element;
+export declare const useThemeContext: () => IThemeContextValue;