@plurid/plurid-ui-components-react 0.0.0-3

package/distribution/components/universal/form/Formitem/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface FormitemProperties {
+    theme?: Theme;
+    level?: number;
+    style?: React.CSSProperties;
+    className?: string;
+}
+/**
+ * Renders a form item.
+ *
+ * @param properties
+ */
+declare const Formitem: React.FC<FormitemProperties>;
+export default Formitem;

package/distribution/components/universal/form/Formitem/styled.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '@plurid/plurid-themes';
+export interface IStyledFormitem {
+    theme: Theme;
+    level: number;
+}
+export declare const StyledFormitem: import("styled-components").StyledComponent<"div", any, IStyledFormitem, never>;

package/distribution/components/universal/form/Formline/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface FormlineProperties {
+    text: string;
+    Element?: React.FC;
+    theme?: Theme;
+    level?: number;
+    responsive?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+/**
+ * Renders a descriptive text and a form element side by side.
+ *
+ * The form element can be passed as `Element` prop or as child.
+ *
+ * @param properties
+ */
+declare const Formline: React.FC<FormlineProperties>;
+export default Formline;

package/distribution/components/universal/form/Formline/styled.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '@plurid/plurid-themes';
+export interface IStyledFormline {
+    theme: Theme;
+    level: number;
+    responsive: boolean;
+}
+export declare const StyledFormline: import("styled-components").StyledComponent<"div", any, IStyledFormline, never>;
+export declare const StyledFormlineText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface IStyledFormlineElement {
+    responsive: boolean;
+}
+export declare const StyledFormlineElement: import("styled-components").StyledComponent<"div", any, IStyledFormlineElement, never>;

package/distribution/components/universal/form/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const form: {
+    Formbutton: import("react").FC<import("./Formbutton").FormbuttonProperties>;
+    Formitem: import("react").FC<import("./Formitem").FormitemProperties>;
+    FormLeftRight: import("react").FC<import("./FormLeftRight").FormLeftRightProperties>;
+    Formline: import("react").FC<import("./Formline").FormlineProperties>;
+    FormObliterate: import("react").FC<import("./FormObliterate").FormObliterateProperties>;
+};
+export default form;

package/distribution/components/universal/general/GlobalStyles/index.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '@plurid/plurid-themes';
+export interface IGlobalStyles {
+    theme: Theme;
+}
+declare const GlobalStyles: import("styled-components").GlobalStyleComponent<IGlobalStyles, import("styled-components").DefaultTheme>;
+export default GlobalStyles;

package/distribution/components/universal/general/index.d.ts

@@ -0,0 +1,4 @@
+declare const general: {
+    GlobalStyles: import("styled-components").GlobalStyleComponent<import("./GlobalStyles").IGlobalStyles, import("styled-components").DefaultTheme>;
+};
+export default general;

package/distribution/components/universal/index.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+declare const universal: {
+    buttons: {
+        PureButton: import("react").FC<import("./buttons/PureButton").PureButtonProperties>;
+        LinkButton: import("react").FC<import("./buttons/LinkButton").LinkButtonProperties>;
+        RefreshButton: import("react").FC<import("./buttons/RefreshButton").RefreshButtonProperties>;
+    };
+    form: {
+        Formbutton: import("react").FC<import("./form/Formbutton").FormbuttonProperties>;
+        Formitem: import("react").FC<import("./form/Formitem").FormitemProperties>;
+        FormLeftRight: import("react").FC<import("./form/FormLeftRight").FormLeftRightProperties>;
+        Formline: import("react").FC<import("./form/Formline").FormlineProperties>;
+        FormObliterate: import("react").FC<import("./form/FormObliterate").FormObliterateProperties>;
+    };
+    general: {
+        GlobalStyles: import("styled-components").GlobalStyleComponent<import("./general/GlobalStyles").IGlobalStyles, import("styled-components").DefaultTheme>;
+    };
+    inputs: {
+        Dropdown: import("react").FC<import("./inputs/Dropdown").DropdownProperties>;
+        InputBox: import("react").FC<import("./inputs/InputBox").InputBoxProperties>;
+        InputDescriptor: import("react").FC<import("./inputs/InputDescriptor").InputDescriptorProperties>;
+        InputLine: import("react").FC<import("./inputs/InputLine").InputLineProperties>;
+        InputSwitch: import("react").FC<import("./inputs/InputSwitch").InputSwitchProperties>;
+        Itemsline: import("react").FC<import("./inputs/Itemsline").ItemslineProperties>;
+        Select: import("react").FC<import("./inputs/Select").PluridSelectProperties>;
+        Slider: import("react").FC<import("./inputs/Slider").SliderProperties>;
+        Switch: import("react").FC<import("./inputs/Switch").SwitchProperties>;
+        Textline: import("react").ForwardRefExoticComponent<import("./inputs/Textline").TextlineType>;
+    };
+    markers: {
+        HR: import("react").FC<import("./markers/HR").HRProperties>;
+        ProgressCircle: import("react").FC<import("./markers/ProgressCircle").ProgressCircleProperties>;
+        Spinner: import("react").FC<import("./markers/Spinner").SpinnerProperties>;
+        Tooltip: import("react").FC<import("./markers/Tooltip").TooltipProperties>;
+    };
+    typography: {
+        Heading: import("react").FC<import("react").PropsWithChildren<import("./typography/Heading").HeadingProperties>>;
+        Paragraph: import("react").FC<import("react").PropsWithChildren<import("./typography/Paragraph").ParagraphProperties>>;
+    };
+    varia: {
+        CopyableLine: import("react").FC<import("./varia/CopyableLine").CopyableLineProperties>;
+        NewPageLink: import("react").FC<import("./varia/NewPageLink").NewPageLinkProperties>;
+        ScrollableLine: import("react").FC<import("./varia/ScrollableLine").ScrollableLineProperties>;
+        TextItem: import("react").FC<import("./varia/TextItem").TextItemProperties>;
+    };
+};
+export default universal;

package/distribution/components/universal/inputs/Dropdown/index.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+import { PluridUIDropdownSelectable } from "../../../../data/interfaces";
+export interface DropdownProperties {
+    selectables: (PluridUIDropdownSelectable | string)[];
+    selected: PluridUIDropdownSelectable | string;
+    atSelect: (selection: PluridUIDropdownSelectable | string, kind?: string) => void;
+    left?: boolean;
+    kind?: string;
+    dropdownToggled?: boolean;
+    /**
+     * Hide dropdown after click selection.
+     *
+     * Default `true`.
+     */
+    hideAtSelect?: boolean;
+    /**
+     * Run the `atSelect` function when hovering over a dropdown item.
+     *
+     * Default `true`.
+     */
+    selectAtHover?: boolean;
+    selectedColor?: string;
+    /**
+     * Inserts an input field to filter the selectables.
+     */
+    filterable?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    theme?: Theme;
+    generalTheme?: Theme;
+    interactionTheme?: Theme;
+    level?: number;
+    devisible?: boolean;
+    round?: boolean;
+    width?: string | number;
+    /**
+     * The number of items determining the height;
+     */
+    heightItems?: number;
+    setDropdownToggled?: any;
+    filterUpdate?: () => void;
+}
+declare const Dropdown: React.FC<DropdownProperties>;
+export default Dropdown;

package/distribution/components/universal/inputs/Dropdown/styled.d.ts

@@ -0,0 +1,8 @@
+export declare const StyledDropdown: any;
+export declare const StyledDropdownSelected: any;
+export declare const StyledDropdownList: any;
+export declare const StyledFilterable: any;
+export interface IStyledFilterUpdate {
+    left?: boolean;
+}
+export declare const StyledFilterUpdate: any;

package/distribution/components/universal/inputs/InputBox/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface InputBoxProperties {
+    name: string;
+    text: string;
+    atChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    theme?: Theme;
+    style?: React.CSSProperties;
+    className?: string;
+    atKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+declare const InputBox: React.FC<InputBoxProperties>;
+export default InputBox;

package/distribution/components/universal/inputs/InputBox/styled.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from '@plurid/plurid-themes';
+export interface IStyledInputBox {
+    theme: Theme;
+}
+export declare const StyledInputBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface IStyledTextBox {
+    theme: Theme;
+}
+export declare const StyledTextBox: import("styled-components").StyledComponent<"div", any, IStyledTextBox, never>;

package/distribution/components/universal/inputs/InputDescriptor/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface InputDescriptorProperties {
+    name: string;
+    show: boolean;
+    theme: Theme;
+}
+declare const InputDescriptor: React.FC<InputDescriptorProperties>;
+export default InputDescriptor;

package/distribution/components/universal/inputs/InputDescriptor/styled.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@plurid/plurid-themes';
+export interface IStyledInputDescriptor {
+    theme: Theme;
+}
+export declare const StyledInputDescriptor: import("styled-components").StyledComponent<"div", any, IStyledInputDescriptor, never>;

package/distribution/components/universal/inputs/InputLine/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+import { TextlineProperties } from '../Textline';
+export interface InputLineProperties {
+    name: string;
+    text: string;
+    atChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    theme?: Theme;
+    type?: 'text' | 'password';
+    error?: boolean;
+    textline?: Partial<TextlineProperties>;
+    style?: React.CSSProperties;
+    className?: string;
+    atKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+declare const InputLine: React.FC<InputLineProperties>;
+export default InputLine;

package/distribution/components/universal/inputs/InputLine/styled.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@plurid/plurid-themes';
+export interface IStyledInputLine {
+    theme: Theme;
+}
+export declare const StyledInputLine: import("styled-components").StyledComponent<"div", any, IStyledInputLine, never>;

package/distribution/components/universal/inputs/InputSwitch/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface InputSwitchProperties {
+    name: string;
+    checked: boolean;
+    theme: any;
+    atChange: () => void;
+    compact?: boolean;
+}
+declare const InputSwitch: React.FC<InputSwitchProperties>;
+export default InputSwitch;

package/distribution/components/universal/inputs/InputSwitch/styled.d.ts

@@ -0,0 +1,4 @@
+export interface IStyledInputSwitch {
+    compact?: boolean;
+}
+export declare const StyledInputSwitch: import("styled-components").StyledComponent<"div", any, IStyledInputSwitch, never>;

package/distribution/components/universal/inputs/Itemsline/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface ItemslineProperties {
+    items: string[];
+    removeItem: (item: string) => void;
+    theme?: Theme;
+    level?: number;
+    left?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+/**
+ * Renders an icon and a descriptive text.
+ *
+ * @param properties
+ */
+declare const Itemsline: React.FC<ItemslineProperties>;
+export default Itemsline;

package/distribution/components/universal/inputs/Itemsline/styled.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@plurid/plurid-themes';
+export interface IStyledItemsline {
+    theme: Theme;
+    level: number;
+    left: boolean;
+}
+export declare const StyledItemsline: import("styled-components").StyledComponent<"div", any, IStyledItemsline, never>;

package/distribution/components/universal/inputs/Select/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface PluridSelectProperties {
+    selectables: string[];
+    atChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    theme?: Theme;
+    level?: number;
+    devisible?: boolean;
+    round?: boolean;
+    width?: string | number;
+}
+/**
+ * @param selectables `string[]`
+ * @param atChange `(event: React.ChangeEvent<HTMLInputElement>) => void`
+ *
+ * @param theme optional - `Theme`
+ * @param level optional - `number`
+ * @param devisible optional - `boolean`
+ * @param round optional - `boolean`
+ * @param width optional - `string | number`
+ */
+declare const PluridSelect: React.FC<PluridSelectProperties>;
+export default PluridSelect;

package/distribution/components/universal/inputs/Select/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledSelect: any;

package/distribution/components/universal/inputs/Slider/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface SliderProperties {
+    value: number;
+    atChange: (value: number) => void;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    name?: string;
+    theme?: Theme;
+    level?: number;
+    thumbSize?: 'small' | 'normal' | 'large';
+    width?: number | string;
+    valueSign?: string;
+    namedValueAbove?: boolean;
+}
+declare const Slider: React.FC<SliderProperties>;
+export default Slider;

package/distribution/components/universal/inputs/Slider/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledSlider: any;
+export declare const StyledNamedValue: any;
+export declare const StyledSliderValue: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSliderInputContainer: any;

package/distribution/components/universal/inputs/Switch/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface SwitchProperties {
+    checked: boolean;
+    theme?: Theme;
+    level?: number;
+    round?: boolean;
+    exclusive?: boolean;
+    accent?: string;
+    atChange: () => void;
+}
+declare const Switch: React.FC<SwitchProperties>;
+export default Switch;

package/distribution/components/universal/inputs/Switch/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledSwitch: any;
+export declare const StyledSwitchSlider: any;

package/distribution/components/universal/inputs/Textline/index.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface TextlineProperties {
+    text: string;
+    atChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    atKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    atFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    atBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    type?: 'text' | 'password' | 'number';
+    placeholder?: string;
+    autoCapitalize?: string;
+    autoComplete?: string;
+    autoCorrect?: string;
+    spellCheck?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    theme?: Theme;
+    level?: number;
+    devisible?: boolean;
+    center?: boolean;
+    round?: boolean;
+    width?: string | number;
+    error?: boolean;
+    enterIconLeft?: boolean;
+    enterAtClick?: () => void;
+    escapeClear?: boolean;
+    ariaLabel?: string;
+}
+export declare type TextlineType = TextlineProperties & React.RefAttributes<any>;
+/**
+ * @param text `string`
+ * @param atChange `(event: React.ChangeEvent<HTMLInputElement>) => void`
+ * @param atKeyDown `(event: React.KeyboardEvent<HTMLInputElement>) => void`
+ * @param atFocus `(event: React.FocusEvent<HTMLInputElement>) => void`
+ * @param atBlur `(event: React.FocusEvent<HTMLInputElement>) => void`
+ *
+ * @param type optional - `'text' | 'password'`
+ * @param placeholder optional - `string`
+ * @param autoCapitalize optional - `string`
+ * @param autoComplete optional - `string`
+ * @param autoCorrect optional - `string`
+ * @param spellCheck optional - `boolean`
+ * @param style optional - `React.CSSProperties`
+ *
+ * @param theme optional - `Theme`
+ * @param level optional - `number`
+ * @param devisible optional - `boolean`
+ * @param center optional - `boolean`
+ * @param round optional - `boolean`
+ * @param width optional - `string | number`
+ * @param error optional - `boolean`
+ *
+ * @param enterIconLeft optional - `boolean`
+ * @param enterAtClick optional - `() => void`
+ * @param escapeClear optional - `boolean`
+ *
+ * @param ariaLabel optiona - `boolean`
+ */
+declare const Textline: React.ForwardRefExoticComponent<TextlineType>;
+export default Textline;

package/distribution/components/universal/inputs/Textline/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledTextline: any;
+export declare const StyledEnterIcon: any;
+export declare const StyledErrorLine: any;

package/distribution/components/universal/inputs/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare const inputs: {
+    Dropdown: import("react").FC<import("./Dropdown").DropdownProperties>;
+    InputBox: import("react").FC<import("./InputBox").InputBoxProperties>;
+    InputDescriptor: import("react").FC<import("./InputDescriptor").InputDescriptorProperties>;
+    InputLine: import("react").FC<import("./InputLine").InputLineProperties>;
+    InputSwitch: import("react").FC<import("./InputSwitch").InputSwitchProperties>;
+    Itemsline: import("react").FC<import("./Itemsline").ItemslineProperties>;
+    Select: import("react").FC<import("./Select").PluridSelectProperties>;
+    Slider: import("react").FC<import("./Slider").SliderProperties>;
+    Switch: import("react").FC<import("./Switch").SwitchProperties>;
+    Textline: import("react").ForwardRefExoticComponent<import("./Textline").TextlineType>;
+};
+export default inputs;

package/distribution/components/universal/markers/HR/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface HRProperties {
+    theme?: Theme;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const HR: React.FC<HRProperties>;
+export default HR;

package/distribution/components/universal/markers/HR/styled.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@plurid/plurid-themes';
+export interface IStyledHR {
+    theme: Theme;
+}
+export declare const StyledHR: import("styled-components").StyledComponent<"hr", any, IStyledHR, never>;

package/distribution/components/universal/markers/ProgressCircle/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+import { Sizes } from "../../../../data/interfaces";
+export interface ProgressCircleProperties {
+    progress: number;
+    size?: Sizes;
+    radius?: number;
+    stroke?: number;
+    theme?: Theme;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const ProgressCircle: React.FC<ProgressCircleProperties>;
+export default ProgressCircle;

package/distribution/components/universal/markers/ProgressCircle/styled.d.ts

@@ -0,0 +1,5 @@
+import { Sizes } from "../../../../data/interfaces";
+export interface IStyledProgressCircle {
+    size: Sizes;
+}
+export declare const StyledProgressCircle: import("styled-components").StyledComponent<"div", any, IStyledProgressCircle, never>;

package/distribution/components/universal/markers/Spinner/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+import { Sizes } from "../../../../data/interfaces";
+export interface SpinnerProperties {
+    theme?: Theme;
+    size?: Sizes;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Spinner: React.FC<SpinnerProperties>;
+export default Spinner;

package/distribution/components/universal/markers/Spinner/styled.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '@plurid/plurid-themes';
+import { Sizes } from "../../../../data/interfaces";
+export declare const StyledSpinner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface IStyledLoader {
+    theme: Theme;
+    size: Sizes;
+}
+export declare const StyledLoader: import("styled-components").StyledComponent<"div", any, IStyledLoader, never>;

package/distribution/components/universal/markers/Tooltip/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface TooltipProperties {
+    tool: string | React.FC<any>;
+    tip: string | React.FC<any>;
+    indicator?: boolean;
+    /**
+     * Render the `tool` as a circle.
+     */
+    icon?: boolean;
+    theme?: Theme;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Tooltip: React.FC<TooltipProperties>;
+export default Tooltip;

package/distribution/components/universal/markers/Tooltip/styled.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '@plurid/plurid-themes';
+export interface IStyledTooltip {
+    theme: Theme;
+}
+export declare const StyledTooltip: import("styled-components").StyledComponent<"span", any, IStyledTooltip, never>;
+export declare const StyledTooltipString: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledTooltipIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
+export interface IStyledTooltipText {
+    theme: Theme;
+    indicator: boolean;
+}
+export declare const StyledTooltipText: import("styled-components").StyledComponent<"div", any, IStyledTooltipText, never>;

package/distribution/components/universal/markers/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const markers: {
+    HR: import("react").FC<import("./HR").HRProperties>;
+    ProgressCircle: import("react").FC<import("./ProgressCircle").ProgressCircleProperties>;
+    Spinner: import("react").FC<import("./Spinner").SpinnerProperties>;
+    Tooltip: import("react").FC<import("./Tooltip").TooltipProperties>;
+};
+export default markers;

package/distribution/components/universal/typography/Heading/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface HeadingProperties {
+    theme?: Theme;
+    type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Heading: React.FC<React.PropsWithChildren<HeadingProperties>>;
+export default Heading;

package/distribution/components/universal/typography/Heading/styled.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledHeading1: any;
+export declare const StyledHeading2: any;
+export declare const StyledHeading3: any;
+export declare const StyledHeading4: any;
+export declare const StyledHeading5: any;
+export declare const StyledHeading6: any;

package/distribution/components/universal/typography/Paragraph/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Theme } from '@plurid/plurid-themes';
+export interface ParagraphProperties {
+    theme?: Theme;
+    size?: 'small' | 'normal' | 'large';
+    fontFamily?: 'sans-serif' | 'serif';
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Paragraph: React.FC<React.PropsWithChildren<ParagraphProperties>>;
+export default Paragraph;

package/distribution/components/universal/typography/Paragraph/styled.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '@plurid/plurid-themes';
+import { Sizes } from "../../../../data/interfaces";
+export interface IStyledParagraph {
+    theme: Theme;
+    size: Sizes;
+    fontFamily: 'sans-serif' | 'serif';
+}
+export declare const StyledParagraph: any;

package/distribution/components/universal/typography/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const typography: {
+    Heading: import("react").FC<import("react").PropsWithChildren<import("./Heading").HeadingProperties>>;
+    Paragraph: import("react").FC<import("react").PropsWithChildren<import("./Paragraph").ParagraphProperties>>;
+};
+export default typography;

package/distribution/components/universal/varia/CopyableLine/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface CopyableLineProperties {
+    /**
+     * Data to be copied.
+     */
+    data: string;
+    /**
+     * Data to be shown.
+     */
+    viewData?: string;
+    copyMessage?: string;
+    copyMessageTime?: number;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const CopyableLine: React.FC<CopyableLineProperties>;
+export default CopyableLine;

package/distribution/components/universal/varia/CopyableLine/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledCopyableLine: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledData: import("styled-components").StyledComponent<"div", any, {}, never>;