fictoan-react 0.45.0 → 0.45.2

package/dist/es/components/CodeBlock/index.d.ts

@@ -1,2 +1,2 @@
-export { CodeBlock } from "./CodeBlock";
-export { CodeStyled } from "./Code.styled";
+export { CodeBlock, CodeBlockProps } from "./CodeBlock";
+export { CodeStyled as CodeBlockStyled } from "./Code.styled";

package/dist/es/components/CodeBlock/index.js

@@ -1,2 +1,2 @@
-export{CodeBlock}from"./CodeBlock.js";export{CodeStyled}from"./Code.styled.js";import"../../external/Element.js";import"react";import"styled-components";import"../../external/theme.js";import"../../external/DefaultColours.js";
+export{CodeBlock}from"./CodeBlock.js";export{CodeStyled as CodeBlockStyled}from"./Code.styled.js";import"../../external/Element.js";import"react";import"styled-components";import"../../external/theme.js";import"../../external/DefaultColours.js";
 //# sourceMappingURL=index.js.map

package/dist/es/components/ContentWrapper/index.d.ts

@@ -1,2 +1,2 @@
-export { ContentWrapper } from "./ContentWrapper";
+export { ContentWrapper, ContentWrapperProps } from "./ContentWrapper";
 export { ContentWrapperStyled } from "./ContentWrapper.styled";

package/dist/es/components/Element/index.d.ts

@@ -1 +1,2 @@
 export { Element } from "./Element";
+export { ElementProps, CommonAndHTMLProps } from "./constants";

package/dist/es/components/ExpandableContent/ExpandableContent.styled.d.ts

@@ -1 +1 @@
-export declare const ExpandableContentStyled: import("styled-components").StyledComponent<"details", any, Omit<import("../Element/constants").CommonAndHTMLProps<HTMLDetailsElement>, keyof import("./ExpandableContent").ExpandableContentCustomProps> & import("./ExpandableContent").ExpandableContentCustomProps, never>;
+export declare const ExpandableContentStyled: import("styled-components").StyledComponent<"details", any, Omit<import("../Element").CommonAndHTMLProps<HTMLDetailsElement>, keyof import("./ExpandableContent").ExpandableContentCustomProps> & import("./ExpandableContent").ExpandableContentCustomProps, never>;

package/dist/es/components/ExpandableContent/index.d.ts

@@ -1,2 +1,2 @@
-export { ExpandableContent } from "./ExpandableContent";
+export { ExpandableContent, ExpandableContentProps } from "./ExpandableContent";
 export { ExpandableContentStyled } from "./ExpandableContent.styled";

package/dist/es/components/Form/BaseInputComponent/BaseInputComponent.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BaseInputComponentWithIconProps } from "./constants";
 export declare type InputElementType = HTMLInputElement | HTMLDivElement | HTMLSelectElement;
-export declare const BaseInputComponent: <K extends InputElementType>(props: import("../../Element/constants").ElementProps<K> & import("../InputLabel/InputLabel").InputLabelCustomProps & import("./constants").InputCommonProps & import("./constants").InputIconProps & {
+export declare const BaseInputComponent: <K extends InputElementType>(props: import("../../Element").ElementProps<K> & import("../InputLabel/InputLabel").InputLabelCustomProps & import("./constants").InputCommonProps & import("./constants").InputIconProps & {
     ref?: React.LegacyRef<InputElementType>;
 }) => React.ReactElement;

package/dist/es/components/Form/InputField/FileUpload.d.ts

@@ -1,2 +1,4 @@
 import React from "react";
-export declare const FileUpload: React.ForwardRefExoticComponent<import("../../Element/constants").CommonAndHTMLProps<HTMLInputElement> & import("../InputLabel/InputLabel").InputLabelCustomProps & import("../BaseInputComponent/constants").InputCommonProps & import("../BaseInputComponent/constants").InputIconProps & React.RefAttributes<HTMLInputElement>>;
+import { InputFieldProps } from "./InputField";
+export declare type FileUploadProps = InputFieldProps;
+export declare const FileUpload: React.ForwardRefExoticComponent<import("../../Element").CommonAndHTMLProps<HTMLInputElement> & import("../InputLabel/InputLabel").InputLabelCustomProps & import("../BaseInputComponent/constants").InputCommonProps & import("../BaseInputComponent/constants").InputIconProps & React.RefAttributes<HTMLInputElement>>;

package/dist/es/components/Form/InputField/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","sources":["../../../../../src/components/Form/InputField/FileUpload.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { InputField } from \"./InputField\";\nimport { InputFieldProps } from \"./InputField\";\n\nexport const FileUpload = React.forwardRef(({ ...props }: InputFieldProps, ref: React.Ref<HTMLInputElement>) => {\n    return <InputField type=\"file\" ref={ref} {...props} />;\n});\n"],"names":["FileUpload","React","forwardRef","_a","ref","props","InputField","type"],"mappings":"0eAKaA,eAAaC,EAAMC,YAAW,CAACC,EAA+BC,SAA1BC,MAAL;OACjCJ,gBAACK,iBAAWC,KAAK,OAAOH,IAAKA,GAASC"}
+{"version":3,"file":"FileUpload.js","sources":["../../../../../src/components/Form/InputField/FileUpload.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { InputField } from \"./InputField\";\nimport { InputFieldProps } from \"./InputField\";\n\nexport type FileUploadProps = InputFieldProps;\nexport const FileUpload = React.forwardRef(({ ...props }: FileUploadProps, ref: React.Ref<HTMLInputElement>) => {\n    return <InputField type=\"file\" ref={ref} {...props} />;\n});\n"],"names":["FileUpload","React","forwardRef","_a","ref","props","InputField","type"],"mappings":"0eAMaA,eAAaC,EAAMC,YAAW,CAACC,EAA+BC,SAA1BC,MAAL;OACjCJ,gBAACK,iBAAWC,KAAK,OAAOH,IAAKA,GAASC"}

package/dist/es/components/Form/Select/Select.styled.d.ts

@@ -1,2 +1,2 @@
-export declare const SelectWrapperStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element/constants").CommonAndHTMLProps<HTMLSelectElement>, keyof import("./Select").SelectCustomProps> & import("./Select").SelectCustomProps, never>;
-export declare const SelectStyled: import("styled-components").StyledComponent<"select", any, Omit<import("../../Element/constants").CommonAndHTMLProps<HTMLSelectElement>, keyof import("./Select").SelectCustomProps> & import("./Select").SelectCustomProps, never>;
+export declare const SelectWrapperStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element").CommonAndHTMLProps<HTMLSelectElement>, keyof import("./Select").SelectCustomProps> & import("./Select").SelectCustomProps, never>;
+export declare const SelectStyled: import("styled-components").StyledComponent<"select", any, Omit<import("../../Element").CommonAndHTMLProps<HTMLSelectElement>, keyof import("./Select").SelectCustomProps> & import("./Select").SelectCustomProps, never>;

package/dist/es/components/Form/TextArea/TextArea.styled.d.ts

@@ -1 +1 @@
-export declare const TextAreaStyled: import("styled-components").StyledComponent<"textarea", any, import("../../Element/constants").CommonAndHTMLProps<HTMLInputElement> & import("../InputLabel/InputLabel").InputLabelCustomProps & import("../BaseInputComponent/constants").InputCommonProps & import("../BaseInputComponent/constants").InputIconProps, never>;
+export declare const TextAreaStyled: import("styled-components").StyledComponent<"textarea", any, import("../../Element").CommonAndHTMLProps<HTMLInputElement> & import("../InputLabel/InputLabel").InputLabelCustomProps & import("../BaseInputComponent/constants").InputCommonProps & import("../BaseInputComponent/constants").InputIconProps, never>;

package/dist/es/components/Form/index.d.ts

@@ -1,21 +1,22 @@
-export { FormWrapper } from "./FormWrapper/FormWrapper";
+export { FormWrapper, FormWrapperProps } from "./FormWrapper/FormWrapper";
 export { FormWrapperStyled } from "./FormWrapper/FormWrapper.styled";
-export { FormItem } from "./FormItem/FormItem";
+export { FormItem, FormItemProps } from "./FormItem/FormItem";
 export { FormItemStyled } from "./FormItem/FormItem.styled";
-export { FormItemGroup } from "./FormItemGroup/FormItemGroup";
+export { FormItemGroup, FormItemGroupProps } from "./FormItemGroup/FormItemGroup";
 export { FormItemGroupStyled } from "./FormItemGroup/FormItemGroup.styled";
-export { InputField } from "./InputField/InputField";
+export { InputField, InputFieldProps } from "./InputField/InputField";
 export { InputFieldStyled } from "./InputField/InputField.styled";
-export { TextArea } from "./TextArea/TextArea";
+export { TextArea, TextareaProps } from "./TextArea/TextArea";
 export { TextAreaStyled } from "./TextArea/TextArea.styled";
-export { InputLabel } from "./InputLabel/InputLabel";
-export { Select } from "./Select/Select";
+export { InputLabel, InputLabelProps } from "./InputLabel/InputLabel";
+export { Select, SelectProps } from "./Select/Select";
 export { SelectStyled } from "./Select/Select.styled";
-export { FileUpload } from "./InputField/FileUpload";
+export { FileUpload, FileUploadProps } from "./InputField/FileUpload";
 export { RadioGroup } from "./RadioButton/RadioGroup";
+export { RadioButtonProps, RadioGroupProps } from "./RadioButton/constants";
 export { RadioButton } from "./RadioButton/RadioButton";
 export { RadioButtonStyled } from "./RadioButton/RadioButton.styled";
-export { CheckBox } from "./CheckBox/CheckBox";
+export { CheckBox, CheckboxProps } from "./CheckBox/CheckBox";
 export { CheckBoxStyled } from "./CheckBox/CheckBox.styled";
-export { Switch } from "./CheckBox/Switch";
+export { Switch, SwitchProps } from "./CheckBox/Switch";
 export { SwitchStyled } from "./CheckBox/CheckBox.styled";

package/dist/es/components/HRule/index.d.ts

@@ -1,2 +1,2 @@
-export { HRule } from "./HRule";
+export { HRule, HRProps as HRuleProps } from "./HRule";
 export { HRuleStyled } from "./HRule.styled";

package/dist/es/components/InfoPanel/index.d.ts

@@ -1,2 +1,2 @@
-export { InfoPanel } from "./InfoPanel";
+export { InfoPanel, InfoPanelProps } from "./InfoPanel";
 export { InfoPanelStyled } from "./InfoPanel.styled";

package/dist/es/components/Notification/NotificationItem/NotificationItem.styled.d.ts

@@ -1 +1 @@
-export declare const NotificationItemStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element/constants").CommonAndHTMLProps<HTMLDivElement>, keyof import("./NotificationItem").NotificationItemCustomProps> & import("./NotificationItem").NotificationItemCustomProps, never>;
+export declare const NotificationItemStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element").CommonAndHTMLProps<HTMLDivElement>, keyof import("./NotificationItem").NotificationItemCustomProps> & import("./NotificationItem").NotificationItemCustomProps, never>;

package/dist/es/components/Notification/index.d.ts

@@ -1,4 +1,4 @@
-export { NotificationsWrapper } from "./NotificationsWrapper/NotificationsWrapper";
+export { NotificationsWrapper, NotificationsWrapperProps } from "./NotificationsWrapper/NotificationsWrapper";
 export { NotificationsWrapperStyled } from "./NotificationsWrapper/NotificationsWrapper.styled";
-export { NotificationItem } from "./NotificationItem/NotificationItem";
+export { NotificationItem, NotificationItemProps } from "./NotificationItem/NotificationItem";
 export { NotificationItemStyled } from "./NotificationItem/NotificationItem.styled";

package/dist/es/components/PinInputField/PinInputField.d.ts

@@ -7,6 +7,7 @@ declare type PinInputFieldCustomProps = {
     mask?: boolean;
     otp?: boolean;
     autoFocus?: boolean;
+    pasteFromClipboard?: "enabled" | "disabled";
     spacing?: SpacingTypes;
 };
 export declare type PinInputFieldElementType = HTMLDivElement;

package/dist/es/components/PinInputField/PinInputField.js

@@ -1,2 +1,2 @@
-import e,{useState as t,useCallback as r,useEffect as o,createRef as n}from"react";import{E as l}from"../../external/Element.js";import{InputField as s}from"../Form/InputField/InputField.js";import{PinInputStyled as a}from"./PinInputField.styled.js";import"../Form/BaseInputComponent/BaseInputComponent.js";import"../Form/InputLabel/InputLabel.js";import"../Form/FormItem/FormItem.js";import"../Form/FormItem/FormItem.styled.js";import"styled-components";import"../Form/InputField/InputField.styled.js";import"../Form/Select/Select.styled.js";import"../Form/TextArea/TextArea.styled.js";import"../../external/theme.js";import"../../external/DefaultColours.js";function m(e,t){return("alphanumeric"===t?/^[a-zA-Z0-9]+$/i:/^[0-9]+$/).test(e)}const u=/*#__PURE__*/e.forwardRef((({numberOfFields:u,onChange:i,type:p="number",mask:c=!1,otp:f=!1,autoFocus:d=!1,spacing:F="small"},g)=>{const[h,y]=t([]),[v,j]=t([]),[I,A]=t(!0),[x,b]=t(-1),k=r((e=>{var t;const r=h[e];null===(t=null==r?void 0:r.current)||void 0===t||t.focus()}),[h]);o((()=>{y((e=>Array(u).fill(0).map(((t,r)=>{var o;const l=e[r]||/*#__PURE__*/n();return d&&0===r&&(null===(o=l.current)||void 0===o||o.focus()),l}))))}),[u,d]);const C=r((e=>{if(!I)return;const t=e+1<u?e+1:null;t&&k(t)}),[k,u,I]),w=r(((e,t)=>{const r=[...v];r[t]=e,j(r),null==i||i(r.join(""));""!==e&&r.length===u&&r.every((e=>null!=e&&""!==e))||C(t)}),[C,u,i,v]),E=r(((e,t)=>{let r=t;return(null==e?void 0:e.length)>0&&(e[0]===t.charAt(0)?r=t.charAt(1):e[0]===t.charAt(1)&&(r=t.charAt(0))),r}),[]),B=()=>{b(-1)};let T=[];return F&&T.push(`spacing-${F}`),/*#__PURE__*/e.createElement(l,{as:a,classNames:T,ref:g},[...Array(u)].map(((t,r)=>/*#__PURE__*/e.createElement(s,{key:r,className:"pin-input-field",ref:h[r],type:c?"password":"number"===p?"tel":"text",inputMode:"number"===p?"numeric":"text",onChange:e=>((e,t)=>{const r=e.currentTarget.value,o=v[t],n=E(o,r);if(""!==n)if(r.length>1&&t<u-1){if(m(r,p)){const e=r.split("").filter(((e,t)=>t<u));j(e),k(t+e.length<u?t+e.length:u-1),null==i||i(e.join(""))}}else m(n,p)&&w(n,t),A(!0);else w("",t)})(e,r),onKeyDown:e=>((e,t)=>{var r;if("Backspace"===e.key)if(""===e.target.value){if(t>0){const e=t-1;w("",e),k(e),A(!0)}}else A(!1);else"Escape"===e.key?(null===(r=h[t].current)||void 0===r||r.blur(),B()):"ArrowRight"===e.key?t<u-1&&k(t+1):"ArrowLeft"===e.key&&t>0&&k(t-1)})(e,r),onFocus:e=>((e,t)=>{b(t),setTimeout((()=>{e.target.setSelectionRange(e.target.value.length,e.target.value.length)}),0)})(e,r),onBlur:B,placeholder:x!==r?"⦁":void 0,autoComplete:f?"one-time-code":"off",value:v[r]||"",autoFocus:d&&0===r}))))}));export{u as PinInputField};
+import e,{useState as t,useCallback as r,useEffect as o,createRef as n}from"react";import{E as l}from"../../external/Element.js";import{InputField as a}from"../Form/InputField/InputField.js";import{PinInputStyled as s}from"./PinInputField.styled.js";import"../Form/BaseInputComponent/BaseInputComponent.js";import"../Form/InputLabel/InputLabel.js";import"../Form/FormItem/FormItem.js";import"../Form/FormItem/FormItem.styled.js";import"styled-components";import"../Form/InputField/InputField.styled.js";import"../Form/Select/Select.styled.js";import"../Form/TextArea/TextArea.styled.js";import"../../external/theme.js";import"../../external/DefaultColours.js";function m(e,t){return("alphanumeric"===t?/^[a-zA-Z0-9]+$/i:/^[0-9]+$/).test(e)}const u=/*#__PURE__*/e.forwardRef((({numberOfFields:u,onChange:i,type:p="number",mask:c=!1,otp:d=!1,autoFocus:f=!1,pasteFromClipboard:F="enabled",spacing:g="small"},h)=>{const[y,v]=t([]),[j,I]=t([]),[b,A]=t(!0),[x,C]=t(-1),k=r((e=>{var t;const r=y[e];null===(t=null==r?void 0:r.current)||void 0===t||t.focus()}),[y]);o((()=>{v((e=>Array(u).fill(0).map(((t,r)=>{var o;const l=e[r]||/*#__PURE__*/n();return f&&0===r&&(null===(o=l.current)||void 0===o||o.focus()),l}))))}),[u,f]);const w=r((e=>{if(!b)return;const t=e+1<u?e+1:null;t&&k(t)}),[k,u,b]),E=r(((e,t)=>{const r=[...j];r[t]=e,I(r),null==i||i(r.join(""));""!==e&&r.length===u&&r.every((e=>null!=e&&""!==e))||w(t)}),[w,u,i,j]),B=r(((e,t)=>{let r=t;return(null==e?void 0:e.length)>0&&(e[0]===t.charAt(0)?r=t.charAt(1):e[0]===t.charAt(1)&&(r=t.charAt(0))),r}),[]),D=()=>{C(-1)};let T=[];return g&&T.push(`spacing-${g}`),/*#__PURE__*/e.createElement(l,{as:s,classNames:T,ref:h},[...Array(u)].map(((t,r)=>/*#__PURE__*/e.createElement(a,{key:r,className:"pin-input-field",ref:y[r],type:c?"password":"number"===p?"tel":"text",inputMode:"number"===p?"numeric":"text",onChange:e=>((e,t)=>{const r=e.currentTarget.value,o=j[t],n=B(o,r);if(""!==n)if(r.length>1&&t<u-1){if(m(r,p)){const e=r.split("").filter(((e,t)=>t<u));I(e),k(t+e.length<u?t+e.length:u-1),null==i||i(e.join(""))}}else m(n,p)&&E(n,t),A(!0);else E("",t)})(e,r),onKeyDown:e=>((e,t)=>{var r;if("Backspace"===e.key)if(""===e.target.value){if(t>0){const e=t-1;E("",e),k(e),A(!0)}}else A(!1);else"Escape"===e.key?(null===(r=y[t].current)||void 0===r||r.blur(),D()):"ArrowRight"===e.key?t<u-1&&k(t+1):"ArrowLeft"===e.key&&t>0&&k(t-1)})(e,r),onFocus:e=>((e,t)=>{C(t),setTimeout((()=>{e.target.setSelectionRange(e.target.value.length,e.target.value.length)}),0)})(e,r),onBlur:D,placeholder:x!==r?"⦁":void 0,autoComplete:d?"one-time-code":"off",value:j[r]||"",autoFocus:f&&0===r,onCopy:e=>"disabled"===F&&e.preventDefault(),onPaste:e=>"disabled"===F&&e.preventDefault()}))))}));export{u as PinInputField};
 //# sourceMappingURL=PinInputField.js.map

package/dist/es/components/PinInputField/PinInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinInputField.js","sources":["../../../../src/components/PinInputField/PinInputField.tsx"],"sourcesContent":["import React, { createRef, useCallback, useEffect, useState } from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps, SpacingTypes } from \"../Element/constants\";\nimport { InputField } from \"../Form/InputField/InputField\";\n\nimport { PinInputStyled } from \"./PinInputField.styled\";\n\n// prettier-ignore\ntype PinInputFieldCustomProps = {\n    numberOfFields   : number;\n    onChange       ? : (value : string) => void;\n    type           ? : \"alphanumeric\" | \"number\";\n    mask           ? : boolean;\n    otp            ? : boolean;\n    autoFocus      ? : boolean;\n    spacing        ? : SpacingTypes;\n};\n\nexport type PinInputFieldElementType = HTMLDivElement;\nexport type PinInputFieldProps = Omit<CommonAndHTMLProps<PinInputFieldElementType>, keyof PinInputFieldCustomProps> &\n    PinInputFieldCustomProps;\n\nfunction validate(value: string, type: \"alphanumeric\" | \"number\") {\n    const NUMERIC_REGEX = /^[0-9]+$/;\n    const ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9]+$/i;\n    const regex = type === \"alphanumeric\" ? ALPHA_NUMERIC_REGEX : NUMERIC_REGEX;\n    return regex.test(value);\n}\n\nexport const PinInputField = React.forwardRef(\n    (\n        {\n            numberOfFields: length,\n            onChange,\n            type = \"number\",\n            mask = false,\n            otp = false,\n            autoFocus = false,\n            spacing = \"small\",\n        }: PinInputFieldProps,\n        ref: React.Ref<PinInputFieldElementType>\n    ) => {\n        const [inputRefs, setInputRefs] = useState<React.RefObject<HTMLInputElement>[]>([]);\n        const [values, setValues] = useState<string[]>([]);\n        const [moveFocus, setMoveFocus] = useState<boolean>(true);\n        const [focusedIndex, setFocusedIndex] = useState<number>(-1);\n\n        const focus = useCallback(\n            (index: number) => {\n                const ref = inputRefs[index];\n                ref?.current?.focus();\n            },\n            [inputRefs]\n        );\n\n        useEffect(() => {\n            setInputRefs((inputRefs) => {\n                const refs = Array(length)\n                    .fill(0)\n                    .map((_, i) => {\n                        const ref = inputRefs[i] || createRef();\n                        if (autoFocus && i === 0) {\n                            ref.current?.focus();\n                        }\n                        return ref;\n                    });\n                return refs;\n            });\n        }, [length, autoFocus]);\n\n        const focusNext = useCallback(\n            (index: number) => {\n                if (!moveFocus) return;\n                const next = index + 1 < length ? index + 1 : null;\n                if (next) {\n                    focus(next);\n                }\n            },\n            [focus, length, moveFocus]\n        );\n\n        const setValue = useCallback(\n            (value: string, index: number) => {\n                const nextValues = [...values];\n                nextValues[index] = value;\n                setValues(nextValues);\n                onChange?.(nextValues.join(\"\"));\n\n                const isComplete =\n                    value !== \"\" &&\n                    nextValues.length === length &&\n                    nextValues.every((inputValue) => inputValue != null && inputValue !== \"\");\n\n                if (!isComplete) {\n                    focusNext(index);\n                }\n            },\n            [focusNext, length, onChange, values]\n        );\n\n        const getNextValue = useCallback((value: string, eventValue: string) => {\n            let nextValue = eventValue;\n            if (value?.length > 0) {\n                if (value[0] === eventValue.charAt(0)) {\n                    nextValue = eventValue.charAt(1);\n                } else if (value[0] === eventValue.charAt(1)) {\n                    nextValue = eventValue.charAt(0);\n                }\n            }\n            return nextValue;\n        }, []);\n\n        const handleInputChange = (event: React.FormEvent<HTMLInputElement>, i: number) => {\n            const eventValue = event.currentTarget.value;\n            const currentValue = values[i];\n            const nextValue = getNextValue(currentValue, eventValue);\n\n            if (nextValue === \"\") {\n                setValue(\"\", i);\n                return;\n            }\n\n            if (eventValue.length > 1 && i < length - 1) {\n                if (validate(eventValue, type)) {\n                    const nextValue = eventValue.split(\"\").filter((_, index) => index < length);\n                    setValues(nextValue);\n                    focus(i + nextValue.length < length ? i + nextValue.length : length - 1);\n                    onChange?.(nextValue.join(\"\"));\n                }\n            } else {\n                if (validate(nextValue, type)) {\n                    setValue(nextValue, i);\n                }\n                setMoveFocus(true);\n            }\n        };\n\n        const onKeyDown = (event: React.KeyboardEvent, i: number) => {\n            if (event.key === \"Backspace\") {\n                if ((event.target as HTMLInputElement).value === \"\") {\n                    if (i > 0) {\n                        const newIndex = i - 1;\n                        setValue(\"\", newIndex);\n                        focus(newIndex);\n                        setMoveFocus(true);\n                    }\n                } else {\n                    setMoveFocus(false);\n                }\n            } else if (event.key === \"Escape\") {\n                inputRefs[i].current?.blur();\n                onBlur();\n            } else if (event.key === \"ArrowRight\") {\n                if (i < length - 1) {\n                    focus(i + 1);\n                }\n            } else if (event.key === \"ArrowLeft\") {\n                if (i > 0) {\n                    focus(i - 1);\n                }\n            }\n        };\n\n        const onFocus = (e: React.FocusEvent<HTMLInputElement>, i: number) => {\n            setFocusedIndex(i);\n            setTimeout(() => {\n                // https://github.com/facebook/react/issues/6483\n                e.target.setSelectionRange(e.target.value.length, e.target.value.length);\n            }, 0);\n        };\n\n        const onBlur = () => {\n            setFocusedIndex(-1);\n        };\n\n        let classNames = [];\n\n        if (spacing) {\n            classNames.push(`spacing-${spacing}`);\n        }\n\n        return (\n            <Element<PinInputFieldElementType> as={PinInputStyled} classNames={classNames} ref={ref}>\n                {[...Array(length)].map((_, i) => (\n                    <InputField\n                        key={i}\n                        className=\"pin-input-field\"\n                        ref={inputRefs[i]}\n                        type={mask ? \"password\" : type === \"number\" ? \"tel\" : \"text\"}\n                        inputMode={type === \"number\" ? \"numeric\" : \"text\"}\n                        onChange={(e) => handleInputChange(e, i)}\n                        onKeyDown={(e) => onKeyDown(e, i)}\n                        onFocus={(e) => onFocus(e, i)}\n                        onBlur={onBlur}\n                        placeholder={focusedIndex !== i ? `\\u2981` : undefined}\n                        autoComplete={otp ? \"one-time-code\" : \"off\"}\n                        value={values[i] || \"\"}\n                        autoFocus={autoFocus && i === 0}\n                    />\n                ))}\n            </Element>\n        );\n    }\n);\n"],"names":["validate","value","type","test","PinInputField","React","forwardRef","numberOfFields","length","onChange","mask","otp","autoFocus","spacing","ref","inputRefs","setInputRefs","useState","values","setValues","moveFocus","setMoveFocus","focusedIndex","setFocusedIndex","focus","useCallback","index","current","useEffect","Array","fill","map","_","i","createRef","focusNext","next","setValue","nextValues","join","every","inputValue","getNextValue","eventValue","nextValue","charAt","onBlur","classNames","push","Element","as","PinInputStyled","InputField","key","className","inputMode","e","event","currentTarget","currentValue","split","filter","handleInputChange","onKeyDown","target","newIndex","blur","onFocus","setTimeout","setSelectionRange","placeholder","undefined","autoComplete"],"mappings":"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"}
+{"version":3,"file":"PinInputField.js","sources":["../../../../src/components/PinInputField/PinInputField.tsx"],"sourcesContent":["import React, { createRef, useCallback, useEffect, useState } from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps, SpacingTypes } from \"../Element/constants\";\nimport { InputField } from \"../Form/InputField/InputField\";\n\nimport { PinInputStyled } from \"./PinInputField.styled\";\n\n// prettier-ignore\ntype PinInputFieldCustomProps = {\n    numberOfFields       : number;\n    onChange           ? : (value : string) => void;\n    type               ? : \"alphanumeric\" | \"number\";\n    mask               ? : boolean;\n    otp                ? : boolean;\n    autoFocus          ? : boolean;\n    pasteFromClipboard ? : \"enabled\" | \"disabled\";\n    spacing            ? : SpacingTypes;\n};\n\nexport type PinInputFieldElementType = HTMLDivElement;\nexport type PinInputFieldProps = Omit<CommonAndHTMLProps<PinInputFieldElementType>, keyof PinInputFieldCustomProps> &\n    PinInputFieldCustomProps;\n\nfunction validate(value: string, type: \"alphanumeric\" | \"number\") {\n    const NUMERIC_REGEX = /^[0-9]+$/;\n    const ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9]+$/i;\n    const regex = type === \"alphanumeric\" ? ALPHA_NUMERIC_REGEX : NUMERIC_REGEX;\n    return regex.test(value);\n}\n\nexport const PinInputField = React.forwardRef(\n    (\n        {\n            numberOfFields: length,\n            onChange,\n            type = \"number\",\n            mask = false,\n            otp = false,\n            autoFocus = false,\n            pasteFromClipboard = \"enabled\",\n            spacing = \"small\",\n        }: PinInputFieldProps,\n        ref: React.Ref<PinInputFieldElementType>\n    ) => {\n        const [inputRefs, setInputRefs] = useState<React.RefObject<HTMLInputElement>[]>([]);\n        const [values, setValues] = useState<string[]>([]);\n        const [moveFocus, setMoveFocus] = useState<boolean>(true);\n        const [focusedIndex, setFocusedIndex] = useState<number>(-1);\n\n        const focus = useCallback(\n            (index: number) => {\n                const ref = inputRefs[index];\n                ref?.current?.focus();\n            },\n            [inputRefs]\n        );\n\n        useEffect(() => {\n            setInputRefs((inputRefs) => {\n                const refs = Array(length)\n                    .fill(0)\n                    .map((_, i) => {\n                        const ref = inputRefs[i] || createRef();\n                        if (autoFocus && i === 0) {\n                            ref.current?.focus();\n                        }\n                        return ref;\n                    });\n                return refs;\n            });\n        }, [length, autoFocus]);\n\n        const focusNext = useCallback(\n            (index: number) => {\n                if (!moveFocus) return;\n                const next = index + 1 < length ? index + 1 : null;\n                if (next) {\n                    focus(next);\n                }\n            },\n            [focus, length, moveFocus]\n        );\n\n        const setValue = useCallback(\n            (value: string, index: number) => {\n                const nextValues = [...values];\n                nextValues[index] = value;\n                setValues(nextValues);\n                onChange?.(nextValues.join(\"\"));\n\n                const isComplete =\n                    value !== \"\" &&\n                    nextValues.length === length &&\n                    nextValues.every((inputValue) => inputValue != null && inputValue !== \"\");\n\n                if (!isComplete) {\n                    focusNext(index);\n                }\n            },\n            [focusNext, length, onChange, values]\n        );\n\n        const getNextValue = useCallback((value: string, eventValue: string) => {\n            let nextValue = eventValue;\n            if (value?.length > 0) {\n                if (value[0] === eventValue.charAt(0)) {\n                    nextValue = eventValue.charAt(1);\n                } else if (value[0] === eventValue.charAt(1)) {\n                    nextValue = eventValue.charAt(0);\n                }\n            }\n            return nextValue;\n        }, []);\n\n        const handleInputChange = (event: React.FormEvent<HTMLInputElement>, i: number) => {\n            const eventValue = event.currentTarget.value;\n            const currentValue = values[i];\n            const nextValue = getNextValue(currentValue, eventValue);\n\n            if (nextValue === \"\") {\n                setValue(\"\", i);\n                return;\n            }\n\n            if (eventValue.length > 1 && i < length - 1) {\n                if (validate(eventValue, type)) {\n                    const nextValue = eventValue.split(\"\").filter((_, index) => index < length);\n                    setValues(nextValue);\n                    focus(i + nextValue.length < length ? i + nextValue.length : length - 1);\n                    onChange?.(nextValue.join(\"\"));\n                }\n            } else {\n                if (validate(nextValue, type)) {\n                    setValue(nextValue, i);\n                }\n                setMoveFocus(true);\n            }\n        };\n\n        const onKeyDown = (event: React.KeyboardEvent, i: number) => {\n            if (event.key === \"Backspace\") {\n                if ((event.target as HTMLInputElement).value === \"\") {\n                    if (i > 0) {\n                        const newIndex = i - 1;\n                        setValue(\"\", newIndex);\n                        focus(newIndex);\n                        setMoveFocus(true);\n                    }\n                } else {\n                    setMoveFocus(false);\n                }\n            } else if (event.key === \"Escape\") {\n                inputRefs[i].current?.blur();\n                onBlur();\n            } else if (event.key === \"ArrowRight\") {\n                if (i < length - 1) {\n                    focus(i + 1);\n                }\n            } else if (event.key === \"ArrowLeft\") {\n                if (i > 0) {\n                    focus(i - 1);\n                }\n            }\n        };\n\n        const onFocus = (e: React.FocusEvent<HTMLInputElement>, i: number) => {\n            setFocusedIndex(i);\n            setTimeout(() => {\n                // https://github.com/facebook/react/issues/6483\n                e.target.setSelectionRange(e.target.value.length, e.target.value.length);\n            }, 0);\n        };\n\n        const onBlur = () => {\n            setFocusedIndex(-1);\n        };\n\n        let classNames = [];\n\n        if (spacing) {\n            classNames.push(`spacing-${spacing}`);\n        }\n\n        return (\n            <Element<PinInputFieldElementType> as={PinInputStyled} classNames={classNames} ref={ref}>\n                {[...Array(length)].map((_, i) => (\n                    <InputField\n                        key={i}\n                        className=\"pin-input-field\"\n                        ref={inputRefs[i]}\n                        type={mask ? \"password\" : type === \"number\" ? \"tel\" : \"text\"}\n                        inputMode={type === \"number\" ? \"numeric\" : \"text\"}\n                        onChange={(e) => handleInputChange(e, i)}\n                        onKeyDown={(e) => onKeyDown(e, i)}\n                        onFocus={(e) => onFocus(e, i)}\n                        onBlur={onBlur}\n                        placeholder={focusedIndex !== i ? `\\u2981` : undefined}\n                        autoComplete={otp ? \"one-time-code\" : \"off\"}\n                        value={values[i] || \"\"}\n                        autoFocus={autoFocus && i === 0}\n                        onCopy={e=> pasteFromClipboard === \"disabled\" && e.preventDefault()}\n                        onPaste={e=> pasteFromClipboard === \"disabled\" && e.preventDefault()}\n                    />\n                ))}\n            </Element>\n        );\n    }\n);\n"],"names":["validate","value","type","test","PinInputField","React","forwardRef","numberOfFields","length","onChange","mask","otp","autoFocus","pasteFromClipboard","spacing","ref","inputRefs","setInputRefs","useState","values","setValues","moveFocus","setMoveFocus","focusedIndex","setFocusedIndex","focus","useCallback","index","current","useEffect","Array","fill","map","_","i","createRef","focusNext","next","setValue","nextValues","join","every","inputValue","getNextValue","eventValue","nextValue","charAt","onBlur","classNames","push","Element","as","PinInputStyled","InputField","key","className","inputMode","e","event","currentTarget","currentValue","split","filter","handleInputChange","onKeyDown","target","newIndex","blur","onFocus","setTimeout","setSelectionRange","placeholder","undefined","autoComplete","onCopy","preventDefault","onPaste"],"mappings":"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"}

package/dist/es/components/PinInputField/index.d.ts

@@ -1,2 +1,2 @@
-export { PinInputField } from "./PinInputField";
+export { PinInputField, PinInputFieldProps } from "./PinInputField";
 export { PinInputStyled } from "./PinInputField.styled";

package/dist/es/components/Portion/index.d.ts

@@ -1,2 +1,2 @@
-export { Portion } from "./Portion";
+export { Portion, PortionProps } from "./Portion";
 export { PortionStyled } from "./Portion.styled";

package/dist/es/components/ProgressBar/index.d.ts

@@ -1,2 +1,2 @@
-export { ProgressBar } from "./ProgressBar";
+export { ProgressBar, ProgressBarProps } from "./ProgressBar";
 export { ProgressBarStyled } from "./ProgressBar.styled";

package/dist/es/components/Row/index.d.ts

@@ -1,2 +1,2 @@
-export { Row } from "./Row";
+export { Row, RowProps } from "./Row";
 export { RowStyled } from "./Row.styled";

package/dist/es/components/Sidebar/index.d.ts

@@ -1,12 +1,12 @@
-export { SidebarWrapper } from "./SidebarWrapper/SidebarWrapper";
+export { SidebarWrapper, SidebarWrapperProps } from "./SidebarWrapper/SidebarWrapper";
 export { SidebarWrapperStyled } from "./SidebarWrapper/SidebarWrapper.styled";
-export { SidebarHeader } from "./SidebarHeader/SidebarHeader";
+export { SidebarHeader, SidebarHeaderProps } from "./SidebarHeader/SidebarHeader";
 export { SidebarHeaderStyled } from "./SidebarHeader/SidebarHeader.styled";
-export { SidebarItem } from "./SidebarItem/SidebarItem";
+export { SidebarItem, SidebarItemProps } from "./SidebarItem/SidebarItem";
 export { SidebarItemStyled } from "./SidebarItem/SidebarItem.styled";
-export { SidebarItemIcon } from "./SidebarItemIcon/SidebarItemIcon";
+export { SidebarItemIcon, SidebarItemIconProps } from "./SidebarItemIcon/SidebarItemIcon";
 export { SidebarItemIconStyled } from "./SidebarItemIcon/SidebarItemIcon.styled";
-export { SidebarItemText } from "./SidebarItemText/SidebarItemText";
+export { SidebarItemText, SidebarItemTextProps } from "./SidebarItemText/SidebarItemText";
 export { SidebarItemTextStyled } from "./SidebarItemText/SidebarItemText.styled";
-export { SidebarFooter } from "./SidebarFooter/SidebarFooter";
+export { SidebarFooter, SidebarFooterProps } from "./SidebarFooter/SidebarFooter";
 export { SidebarFooterStyled } from "./SidebarFooter/SidebarFooter.styled";

package/dist/es/components/Spinner/index.d.ts

@@ -1,2 +1,2 @@
-export { Spinner } from "./Spinner";
+export { Spinner, SpinnerProps } from "./Spinner";
 export { SpinnerStyled } from "./Spinner.styled";

package/dist/es/components/Table/TablePagination/TablePagination.styled.d.ts

@@ -1 +1 @@
-export declare const TablePaginationStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element/constants").CommonAndHTMLProps<HTMLElement>, keyof import("./TablePagination").TablePaginationCustomProps> & import("./TablePagination").TablePaginationCustomProps, never>;
+export declare const TablePaginationStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element").CommonAndHTMLProps<HTMLElement>, keyof import("./TablePagination").TablePaginationCustomProps> & import("./TablePagination").TablePaginationCustomProps, never>;

package/dist/es/components/Table/index.d.ts

@@ -0,0 +1,4 @@
+export { Table, TableProps } from "./Table";
+export { TableStyled } from "./Table.styled";
+export { TablePagination, TablePaginationProps } from "./TablePagination/TablePagination";
+export { TablePaginationStyled } from "./TablePagination/TablePagination.styled";

package/dist/es/components/Table/index.js

@@ -0,0 +1,2 @@
+export{Table}from"./Table.js";export{TableStyled}from"./Table.styled.js";export{TablePagination}from"./TablePagination/TablePagination.js";export{TablePaginationStyled}from"./TablePagination/TablePagination.styled.js";import"../../external/Element.js";import"react";import"styled-components";import"../Typography/Heading.js";import"../Typography/Text.js";import"../Spinner/Spinner.js";import"../Spinner/Spinner.styled.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/es/components/Tabs/Tabs.styled.js

@@ -1,2 +1,2 @@
-import t from"styled-components";const e=t.section.withConfig({displayName:"TabsStyled",componentId:"-142ybjz"})`nav{width:100%;display:flex;align-items:center;ul.tab-labels-list{padding:0;display:flex;li{list-style-type:none;}li:not(last-child)> p{margin-right:24px;color:${t=>t.theme.tabs.label.default.text};font-weight:400;padding:16px 0;border-bottom:2px solid transparent;}p{position:relative;}p:hover{color:${t=>t.theme.tabs.label.onHover.text};}p.is-active{color:${t=>t.theme.tabs.label.isActive.text};}p.is-right-aligned{margin-left:auto;margin-right:0;}p.is-active::after{display:block;position:absolute;width:100%;height:3px;bottom:-3px;left:0;content:"";border-top-left-radius:3px;border-top-right-radius:3px;background-color:${t=>t.theme.tabs.label.isActive.border};}p.has-alert::after{position:absolute;top:12px;left:94%;border:3px solid ${t=>t.theme.tabs.label.hasAlert.circle.border};width:14px;height:14px;background-color:${t=>t.theme.tabs.label.hasAlert.circle.bg};border-radius:50%;}p.disabled-navlink{color:${t=>t.theme.tabs.label.isDisabled.text};cursor:not-allowed;}}}.tabs-content{opacity:1;transition:opacity 0.4s ease-in-out;&.exiting{opacity:0;}}`;export{e as TabsStyled};
+import t from"styled-components";const e=t.section.withConfig({displayName:"TabsStyled",componentId:"-142ybjz"})`nav{width:100%;display:flex;align-items:center;ul.tab-labels-list{margin:0;padding:0;display:flex;li{list-style-type:none;}li:not(last-child)> p{margin-right:24px;color:${t=>t.theme.tabs.label.default.text};font-weight:400;padding:16px 0;border-bottom:2px solid transparent;}p{position:relative;}p:hover{color:${t=>t.theme.tabs.label.onHover.text};}p.is-active{color:${t=>t.theme.tabs.label.isActive.text};}p.is-right-aligned{margin-left:auto;margin-right:0;}p.is-active::after{display:block;position:absolute;width:100%;height:3px;bottom:-3px;left:0;content:"";border-top-left-radius:3px;border-top-right-radius:3px;background-color:${t=>t.theme.tabs.label.isActive.border};}p.has-alert::after{position:absolute;top:12px;left:94%;border:3px solid ${t=>t.theme.tabs.label.hasAlert.circle.border};width:14px;height:14px;background-color:${t=>t.theme.tabs.label.hasAlert.circle.bg};border-radius:50%;}p.disabled-navlink{color:${t=>t.theme.tabs.label.isDisabled.text};cursor:not-allowed;}}}.tabs-content{opacity:1;transition:opacity 0.4s ease-in-out;&.exiting{opacity:0;}}`;export{e as TabsStyled};
 //# sourceMappingURL=Tabs.styled.js.map

package/dist/es/components/Tabs/Tabs.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styled.js","sources":["../../../../src/components/Tabs/Tabs.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const TabsStyled = styled.section`\n    nav {\n        width       : 100%;\n        display     : flex;\n        align-items : center;\n\n        ul.tab-labels-list {\n            padding : 0;\n            display : flex;\n\n            li {\n                list-style-type : none;\n            }\n\n            li:not(last-child) > p {\n                margin-right  : 24px;\n                color         : ${props => props.theme.tabs.label.default.text};\n                font-weight   : 400;\n                padding       : 16px 0;\n                border-bottom : 2px solid transparent;\n            }\n\n            p { position : relative; }\n        \n            p:hover { color : ${props => props.theme.tabs.label.onHover.text}; }\n\n            p.is-active { color : ${props => props.theme.tabs.label.isActive.text}; }\n            \n            p.is-right-aligned {\n                margin-left  : auto;\n                margin-right : 0;\n            }\n\n            p.is-active::after {\n                display                 : block;\n                position                : absolute;\n                width                   : 100%;\n                height                  : 3px;\n                bottom                  : -3px;\n                left                    : 0;\n                content                 : \"\";\n                border-top-left-radius  : 3px;\n                border-top-right-radius : 3px;\n                background-color        : ${props => props.theme.tabs.label.isActive.border};\n            }\n        \n            p.has-alert::after {\n                position         : absolute;\n                top              : 12px;\n                left             : 94%;\n                border           : 3px solid ${props => props.theme.tabs.label.hasAlert.circle.border};\n                width            : 14px;\n                height           : 14px;\n                background-color : ${props => props.theme.tabs.label.hasAlert.circle.bg};\n                border-radius    : 50%;\n            }\n        \n            p.disabled-navlink {\n                color  : ${props => props.theme.tabs.label.isDisabled.text};\n                cursor : not-allowed;\n            }\n        }\n    }\n\n    .tabs-content {\n        opacity    : 1;\n        transition : opacity 0.4s ease-in-out;\n\n        &.exiting { opacity: 0;  }\n    }\n`;\n"],"names":["TabsStyled","styled","section","props","theme","tabs","label","default","text","onHover","isActive","border","hasAlert","circle","bg","isDisabled"],"mappings":"uCAEaA,EAAaC,EAAOC,wOAgBCC,GAASA,EAAMC,MAAMC,KAAKC,MAAMC,QAAQC,+GAQ1CL,GAASA,EAAMC,MAAMC,KAAKC,MAAMG,QAAQD,2BAEpCL,GAASA,EAAMC,MAAMC,KAAKC,MAAMI,SAASF,4OAiBjCL,GAASA,EAAMC,MAAMC,KAAKC,MAAMI,SAASC,mFAOtCR,GAASA,EAAMC,MAAMC,KAAKC,MAAMM,SAASC,OAAOF,kDAG1DR,GAASA,EAAMC,MAAMC,KAAKC,MAAMM,SAASC,OAAOC,kDAK1DX,GAASA,EAAMC,MAAMC,KAAKC,MAAMS,WAAWP"}
+{"version":3,"file":"Tabs.styled.js","sources":["../../../../src/components/Tabs/Tabs.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const TabsStyled = styled.section`\n    nav {\n        width       : 100%;\n        display     : flex;\n        align-items : center;\n\n        ul.tab-labels-list {\n            margin  : 0;\n            padding : 0;\n            display : flex;\n\n            li {\n                list-style-type : none;\n            }\n\n            li:not(last-child) > p {\n                margin-right  : 24px;\n                color         : ${props => props.theme.tabs.label.default.text};\n                font-weight   : 400;\n                padding       : 16px 0;\n                border-bottom : 2px solid transparent;\n            }\n\n            p { position : relative; }\n        \n            p:hover { color : ${props => props.theme.tabs.label.onHover.text}; }\n\n            p.is-active { color : ${props => props.theme.tabs.label.isActive.text}; }\n            \n            p.is-right-aligned {\n                margin-left  : auto;\n                margin-right : 0;\n            }\n\n            p.is-active::after {\n                display                 : block;\n                position                : absolute;\n                width                   : 100%;\n                height                  : 3px;\n                bottom                  : -3px;\n                left                    : 0;\n                content                 : \"\";\n                border-top-left-radius  : 3px;\n                border-top-right-radius : 3px;\n                background-color        : ${props => props.theme.tabs.label.isActive.border};\n            }\n        \n            p.has-alert::after {\n                position         : absolute;\n                top              : 12px;\n                left             : 94%;\n                border           : 3px solid ${props => props.theme.tabs.label.hasAlert.circle.border};\n                width            : 14px;\n                height           : 14px;\n                background-color : ${props => props.theme.tabs.label.hasAlert.circle.bg};\n                border-radius    : 50%;\n            }\n        \n            p.disabled-navlink {\n                color  : ${props => props.theme.tabs.label.isDisabled.text};\n                cursor : not-allowed;\n            }\n        }\n    }\n\n    .tabs-content {\n        opacity    : 1;\n        transition : opacity 0.4s ease-in-out;\n\n        &.exiting { opacity: 0;  }\n    }\n`;\n"],"names":["TabsStyled","styled","section","props","theme","tabs","label","default","text","onHover","isActive","border","hasAlert","circle","bg","isDisabled"],"mappings":"uCAEaA,EAAaC,EAAOC,iPAiBCC,GAASA,EAAMC,MAAMC,KAAKC,MAAMC,QAAQC,+GAQ1CL,GAASA,EAAMC,MAAMC,KAAKC,MAAMG,QAAQD,2BAEpCL,GAASA,EAAMC,MAAMC,KAAKC,MAAMI,SAASF,4OAiBjCL,GAASA,EAAMC,MAAMC,KAAKC,MAAMI,SAASC,mFAOtCR,GAASA,EAAMC,MAAMC,KAAKC,MAAMM,SAASC,OAAOF,kDAG1DR,GAASA,EAAMC,MAAMC,KAAKC,MAAMM,SAASC,OAAOC,kDAK1DX,GAASA,EAAMC,MAAMC,KAAKC,MAAMS,WAAWP"}

package/dist/es/components/Tabs/index.d.ts

@@ -1,2 +1,2 @@
-export { Tabs } from "./Tabs";
+export { Tabs, TabsProps } from "./Tabs";
 export { TabsStyled } from "./Tabs.styled";

package/dist/es/components/Toast/index.d.ts

@@ -1,4 +1,4 @@
-export { ToastsWrapper } from "./ToastsWrapper/ToastsWrapper";
+export { ToastsWrapper, NotificationsWrapperProps as ToastsWrapperProps } from "./ToastsWrapper/ToastsWrapper";
 export { ToastsWrapperStyled } from "./ToastsWrapper/ToastsWrapper.styled";
-export { ToastItem } from "./ToastItem/ToastItem";
+export { ToastItem, ToastItemProps } from "./ToastItem/ToastItem";
 export { ToastItemStyled } from "./ToastItem/ToastItem.styled";

package/dist/es/components/Tooltip/index.d.ts

@@ -1,2 +1,2 @@
-export { Tooltip } from "./Tooltip";
+export { Tooltip, TooltipProps } from "./Tooltip";
 export { TooltipStyled } from "./Tooltip.styled";

package/dist/es/components/Typography/index.d.ts

@@ -1,3 +1,3 @@
-export { Text } from "./Text";
-export { Heading } from "./Heading";
+export { Text, TextProps } from "./Text";
+export { Heading, HeadingProps } from "./Heading";
 export { TypographyStyled } from "./Typography.styled";

package/dist/es/index.d.ts

@@ -1,29 +1,28 @@
-export { Badge, BadgeStyled } from "./components/Badge";
-export { BottomDrawer, BottomDrawerStyled } from "./components/BottomDrawer";
-export { BreadcrumbsWrapper, BreadcrumbsWrapperStyled, BreadcrumbItem, BreadcrumbItemStyled } from "./components/Breadcrumbs";
-export { Button, ButtonStyled } from "./components/Button";
-export { Callout, CalloutStyled } from "./components/Callout";
-export { Card, CardStyled } from "./components/Card";
-export { CodeBlock, CodeStyled } from "./components/CodeBlock";
-export { Element } from "./components/Element";
-export { ExpandableContent, ExpandableContentStyled } from "./components/ExpandableContent";
-export { HRule, HRuleStyled } from "./components/HRule";
-export { FormWrapper, FormWrapperStyled, FormItem, FormItemStyled, FormItemGroup, FormItemGroupStyled, InputField, InputFieldStyled, TextArea, TextAreaStyled, InputLabel, Select, SelectStyled, FileUpload, RadioGroup, RadioButton, RadioButtonStyled, CheckBox, CheckBoxStyled, Switch, SwitchStyled } from "./components/Form";
-export { Row, RowStyled } from "./components/Row";
-export { Portion, PortionStyled } from "./components/Portion";
-export { InfoPanel, InfoPanelStyled } from "./components/InfoPanel";
-export { NotificationsWrapper, NotificationsWrapperStyled, NotificationItem, NotificationItemStyled } from "./components/Notification";
-export { PinInputField, PinInputStyled } from "./components/PinInputField";
-export { ProgressBar, ProgressBarStyled } from "./components/ProgressBar";
-export { SidebarWrapper, SidebarWrapperStyled, SidebarHeader, SidebarHeaderStyled, SidebarItem, SidebarItemStyled, SidebarItemIcon, SidebarItemIconStyled, SidebarItemText, SidebarItemTextStyled, SidebarFooter, SidebarFooterStyled } from "./components/Sidebar";
-export { ContentWrapper, ContentWrapperStyled } from "./components/ContentWrapper";
-export { Spinner, SpinnerStyled } from "./components/Spinner";
-export { Table } from "./components/Table/Table";
-export { TablePagination } from "./components/Table/TablePagination/TablePagination";
-export { Tabs, TabsStyled } from "./components/Tabs";
-export { Text, Heading, TypographyStyled } from "./components/Typography";
-export { ToastsWrapper, ToastsWrapperStyled, ToastItem, ToastItemStyled } from "./components/Toast";
-export { Tooltip, TooltipStyled } from "./components/Tooltip";
+export { Badge, BadgeStyled, BadgeProps } from "./components/Badge";
+export { BottomDrawer, BottomDrawerStyled, BottomDrawerProps } from "./components/BottomDrawer";
+export { BreadcrumbsWrapper, BreadcrumbsWrapperStyled, BreadcrumbsWrapperProps, BreadcrumbItem, BreadcrumbItemStyled, BreadcrumbItemProps } from "./components/Breadcrumbs";
+export { Button, ButtonStyled, ButtonProps } from "./components/Button";
+export { Callout, CalloutStyled, CalloutProps } from "./components/Callout";
+export { Card, CardStyled, CardProps } from "./components/Card";
+export { CodeBlock, CodeBlockStyled, CodeBlockProps } from "./components/CodeBlock";
+export { Element, ElementProps, CommonAndHTMLProps } from "./components/Element";
+export { ExpandableContent, ExpandableContentStyled, ExpandableContentProps } from "./components/ExpandableContent";
+export { HRule, HRuleStyled, HRuleProps } from "./components/HRule";
+export { FormWrapper, FormWrapperStyled, FormWrapperProps, FormItem, FormItemStyled, FormItemProps, FormItemGroup, FormItemGroupStyled, FormItemGroupProps, InputField, InputFieldStyled, InputFieldProps, TextArea, TextAreaStyled, TextareaProps, InputLabel, InputLabelProps, Select, SelectStyled, SelectProps, FileUpload, FileUploadProps, RadioGroup, RadioGroupProps, RadioButton, RadioButtonStyled, RadioButtonProps, CheckBox, CheckBoxStyled, CheckboxProps, Switch, SwitchStyled, SwitchProps } from "./components/Form";
+export { Row, RowStyled, RowProps } from "./components/Row";
+export { Portion, PortionStyled, PortionProps } from "./components/Portion";
+export { InfoPanel, InfoPanelStyled, InfoPanelProps } from "./components/InfoPanel";
+export { NotificationsWrapper, NotificationsWrapperStyled, NotificationsWrapperProps, NotificationItem, NotificationItemStyled, NotificationItemProps } from "./components/Notification";
+export { PinInputField, PinInputStyled, PinInputFieldProps } from "./components/PinInputField";
+export { ProgressBar, ProgressBarStyled, ProgressBarProps } from "./components/ProgressBar";
+export { SidebarWrapper, SidebarWrapperStyled, SidebarWrapperProps, SidebarHeader, SidebarHeaderStyled, SidebarHeaderProps, SidebarItem, SidebarItemStyled, SidebarItemProps, SidebarItemIcon, SidebarItemIconStyled, SidebarItemIconProps, SidebarItemText, SidebarItemTextStyled, SidebarItemTextProps, SidebarFooter, SidebarFooterStyled, SidebarFooterProps } from "./components/Sidebar";
+export { ContentWrapper, ContentWrapperStyled, ContentWrapperProps } from "./components/ContentWrapper";
+export { Spinner, SpinnerStyled, SpinnerProps } from "./components/Spinner";
+export { Table, TableStyled, TableProps, TablePagination, TablePaginationStyled, TablePaginationProps } from "./components/Table";
+export { Tabs, TabsStyled, TabsProps } from "./components/Tabs";
+export { Text, TextProps, Heading, HeadingProps, TypographyStyled } from "./components/Typography";
+export { ToastsWrapper, ToastsWrapperStyled, ToastsWrapperProps, ToastItem, ToastItemStyled, ToastItemProps } from "./components/Toast";
+export { Tooltip, TooltipStyled, TooltipProps } from "./components/Tooltip";
 export { defaultColours } from "./styles/DefaultColours";
 export { FictoanTheme } from "./styles/theme";
 export { ThemeProvider } from "./components/ThemeProvider/ThemeProvider";

package/dist/es/index.js

@@ -1,2 +1,2 @@
-export{Table}from"./components/Table/Table.js";export{TablePagination}from"./components/Table/TablePagination/TablePagination.js";export{d as defaultColours}from"./external/DefaultColours.js";export{F as FictoanTheme}from"./external/theme.js";export{ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{Badge}from"./components/Badge/Badge.js";export{BadgeStyled}from"./components/Badge/Badge.styled.js";export{BottomDrawer}from"./components/BottomDrawer/BottomDrawer.js";export{BottomDrawerStyled}from"./components/BottomDrawer/BottomDrawer.styled.js";export{BreadcrumbsWrapper}from"./components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.js";export{BreadcrumbsWrapperStyled}from"./components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.styled.js";export{BreadcrumbItem}from"./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js";export{BreadcrumbItemStyled}from"./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styled.js";export{Button}from"./components/Button/Button.js";export{ButtonStyled}from"./components/Button/Button.styled.js";export{Callout}from"./components/Callout/Callout.js";export{CalloutStyled}from"./components/Callout/Callout.styled.js";export{Card}from"./components/Card/Card.js";export{CardStyled}from"./components/Card/Card.styled.js";export{CodeBlock}from"./components/CodeBlock/CodeBlock.js";export{CodeStyled}from"./components/CodeBlock/Code.styled.js";export{E as Element}from"./external/Element.js";export{ExpandableContent}from"./components/ExpandableContent/ExpandableContent.js";export{ExpandableContentStyled}from"./components/ExpandableContent/ExpandableContent.styled.js";export{HRule}from"./components/HRule/HRule.js";export{HRuleStyled}from"./components/HRule/HRule.styled.js";export{FormWrapper}from"./components/Form/FormWrapper/FormWrapper.js";export{FormWrapperStyled}from"./components/Form/FormWrapper/FormWrapper.styled.js";export{FormItem}from"./components/Form/FormItem/FormItem.js";export{FormItemStyled}from"./components/Form/FormItem/FormItem.styled.js";export{FormItemGroup}from"./components/Form/FormItemGroup/FormItemGroup.js";export{FormItemGroupStyled}from"./components/Form/FormItemGroup/FormItemGroup.styled.js";export{InputField}from"./components/Form/InputField/InputField.js";export{InputFieldStyled}from"./components/Form/InputField/InputField.styled.js";export{TextArea}from"./components/Form/TextArea/TextArea.js";export{TextAreaStyled}from"./components/Form/TextArea/TextArea.styled.js";export{InputLabel}from"./components/Form/InputLabel/InputLabel.js";export{Select}from"./components/Form/Select/Select.js";export{SelectStyled}from"./components/Form/Select/Select.styled.js";export{FileUpload}from"./components/Form/InputField/FileUpload.js";export{RadioGroup}from"./components/Form/RadioButton/RadioGroup.js";export{RadioButton}from"./components/Form/RadioButton/RadioButton.js";export{RadioButtonStyled}from"./components/Form/RadioButton/RadioButton.styled.js";export{CheckBox}from"./components/Form/CheckBox/CheckBox.js";export{CheckBoxStyled,SwitchStyled}from"./components/Form/CheckBox/CheckBox.styled.js";export{Switch}from"./components/Form/CheckBox/Switch.js";export{Row}from"./components/Row/Row.js";export{RowStyled}from"./components/Row/Row.styled.js";export{Portion}from"./components/Portion/Portion.js";export{PortionStyled}from"./components/Portion/Portion.styled.js";export{InfoPanel}from"./components/InfoPanel/InfoPanel.js";export{InfoPanelStyled}from"./components/InfoPanel/InfoPanel.styled.js";export{NotificationsWrapper}from"./components/Notification/NotificationsWrapper/NotificationsWrapper.js";export{NotificationsWrapperStyled}from"./components/Notification/NotificationsWrapper/NotificationsWrapper.styled.js";export{NotificationItem}from"./components/Notification/NotificationItem/NotificationItem.js";export{NotificationItemStyled}from"./components/Notification/NotificationItem/NotificationItem.styled.js";export{PinInputField}from"./components/PinInputField/PinInputField.js";export{PinInputStyled}from"./components/PinInputField/PinInputField.styled.js";export{ProgressBar}from"./components/ProgressBar/ProgressBar.js";export{ProgressBarStyled}from"./components/ProgressBar/ProgressBar.styled.js";export{SidebarWrapper}from"./components/Sidebar/SidebarWrapper/SidebarWrapper.js";export{SidebarWrapperStyled}from"./components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js";export{SidebarHeader}from"./components/Sidebar/SidebarHeader/SidebarHeader.js";export{SidebarHeaderStyled}from"./components/Sidebar/SidebarHeader/SidebarHeader.styled.js";export{SidebarItem}from"./components/Sidebar/SidebarItem/SidebarItem.js";export{SidebarItemStyled}from"./components/Sidebar/SidebarItem/SidebarItem.styled.js";export{SidebarItemIcon}from"./components/Sidebar/SidebarItemIcon/SidebarItemIcon.js";export{SidebarItemIconStyled}from"./components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js";export{SidebarItemText}from"./components/Sidebar/SidebarItemText/SidebarItemText.js";export{SidebarItemTextStyled}from"./components/Sidebar/SidebarItemText/SidebarItemText.styled.js";export{SidebarFooter}from"./components/Sidebar/SidebarFooter/SidebarFooter.js";export{SidebarFooterStyled}from"./components/Sidebar/SidebarFooter/SidebarFooter.styled.js";export{ContentWrapper}from"./components/ContentWrapper/ContentWrapper.js";export{ContentWrapperStyled}from"./components/ContentWrapper/ContentWrapper.styled.js";export{Spinner}from"./components/Spinner/Spinner.js";export{SpinnerStyled}from"./components/Spinner/Spinner.styled.js";export{Tabs}from"./components/Tabs/Tabs.js";export{TabsStyled}from"./components/Tabs/Tabs.styled.js";export{Text}from"./components/Typography/Text.js";export{Heading}from"./components/Typography/Heading.js";export{TypographyStyled}from"./components/Typography/Typography.styled.js";export{ToastsWrapper}from"./components/Toast/ToastsWrapper/ToastsWrapper.js";export{ToastsWrapperStyled}from"./components/Toast/ToastsWrapper/ToastsWrapper.styled.js";export{ToastItem}from"./components/Toast/ToastItem/ToastItem.js";export{ToastItemStyled}from"./components/Toast/ToastItem/ToastItem.styled.js";export{Tooltip}from"./components/Tooltip/Tooltip.js";export{TooltipStyled}from"./components/Tooltip/Tooltip.styled.js";import"react";import"./components/Table/Table.styled.js";import"styled-components";import"./components/Table/TablePagination/TablePagination.styled.js";import"./components/ThemeProvider/Global.styled.js";import"./components/ThemeProvider/CustomColorClasses.styled.js";import"./external/helpers.js";import"./components/Form/FormWrapper/FormGenerator.js";import"./components/Form/BaseInputComponent/BaseInputComponent.js";
+export{d as defaultColours}from"./external/DefaultColours.js";export{F as FictoanTheme}from"./external/theme.js";export{ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{Badge}from"./components/Badge/Badge.js";export{BadgeStyled}from"./components/Badge/Badge.styled.js";export{BottomDrawer}from"./components/BottomDrawer/BottomDrawer.js";export{BottomDrawerStyled}from"./components/BottomDrawer/BottomDrawer.styled.js";export{BreadcrumbsWrapper}from"./components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.js";export{BreadcrumbsWrapperStyled}from"./components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.styled.js";export{BreadcrumbItem}from"./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js";export{BreadcrumbItemStyled}from"./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styled.js";export{Button}from"./components/Button/Button.js";export{ButtonStyled}from"./components/Button/Button.styled.js";export{Callout}from"./components/Callout/Callout.js";export{CalloutStyled}from"./components/Callout/Callout.styled.js";export{Card}from"./components/Card/Card.js";export{CardStyled}from"./components/Card/Card.styled.js";export{CodeBlock}from"./components/CodeBlock/CodeBlock.js";export{CodeStyled as CodeBlockStyled}from"./components/CodeBlock/Code.styled.js";export{E as Element}from"./external/Element.js";export{ExpandableContent}from"./components/ExpandableContent/ExpandableContent.js";export{ExpandableContentStyled}from"./components/ExpandableContent/ExpandableContent.styled.js";export{HRule}from"./components/HRule/HRule.js";export{HRuleStyled}from"./components/HRule/HRule.styled.js";export{FormWrapper}from"./components/Form/FormWrapper/FormWrapper.js";export{FormWrapperStyled}from"./components/Form/FormWrapper/FormWrapper.styled.js";export{FormItem}from"./components/Form/FormItem/FormItem.js";export{FormItemStyled}from"./components/Form/FormItem/FormItem.styled.js";export{FormItemGroup}from"./components/Form/FormItemGroup/FormItemGroup.js";export{FormItemGroupStyled}from"./components/Form/FormItemGroup/FormItemGroup.styled.js";export{InputField}from"./components/Form/InputField/InputField.js";export{InputFieldStyled}from"./components/Form/InputField/InputField.styled.js";export{TextArea}from"./components/Form/TextArea/TextArea.js";export{TextAreaStyled}from"./components/Form/TextArea/TextArea.styled.js";export{InputLabel}from"./components/Form/InputLabel/InputLabel.js";export{Select}from"./components/Form/Select/Select.js";export{SelectStyled}from"./components/Form/Select/Select.styled.js";export{FileUpload}from"./components/Form/InputField/FileUpload.js";export{RadioGroup}from"./components/Form/RadioButton/RadioGroup.js";export{RadioButton}from"./components/Form/RadioButton/RadioButton.js";export{RadioButtonStyled}from"./components/Form/RadioButton/RadioButton.styled.js";export{CheckBox}from"./components/Form/CheckBox/CheckBox.js";export{CheckBoxStyled,SwitchStyled}from"./components/Form/CheckBox/CheckBox.styled.js";export{Switch}from"./components/Form/CheckBox/Switch.js";export{Row}from"./components/Row/Row.js";export{RowStyled}from"./components/Row/Row.styled.js";export{Portion}from"./components/Portion/Portion.js";export{PortionStyled}from"./components/Portion/Portion.styled.js";export{InfoPanel}from"./components/InfoPanel/InfoPanel.js";export{InfoPanelStyled}from"./components/InfoPanel/InfoPanel.styled.js";export{NotificationsWrapper}from"./components/Notification/NotificationsWrapper/NotificationsWrapper.js";export{NotificationsWrapperStyled}from"./components/Notification/NotificationsWrapper/NotificationsWrapper.styled.js";export{NotificationItem}from"./components/Notification/NotificationItem/NotificationItem.js";export{NotificationItemStyled}from"./components/Notification/NotificationItem/NotificationItem.styled.js";export{PinInputField}from"./components/PinInputField/PinInputField.js";export{PinInputStyled}from"./components/PinInputField/PinInputField.styled.js";export{ProgressBar}from"./components/ProgressBar/ProgressBar.js";export{ProgressBarStyled}from"./components/ProgressBar/ProgressBar.styled.js";export{SidebarWrapper}from"./components/Sidebar/SidebarWrapper/SidebarWrapper.js";export{SidebarWrapperStyled}from"./components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js";export{SidebarHeader}from"./components/Sidebar/SidebarHeader/SidebarHeader.js";export{SidebarHeaderStyled}from"./components/Sidebar/SidebarHeader/SidebarHeader.styled.js";export{SidebarItem}from"./components/Sidebar/SidebarItem/SidebarItem.js";export{SidebarItemStyled}from"./components/Sidebar/SidebarItem/SidebarItem.styled.js";export{SidebarItemIcon}from"./components/Sidebar/SidebarItemIcon/SidebarItemIcon.js";export{SidebarItemIconStyled}from"./components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js";export{SidebarItemText}from"./components/Sidebar/SidebarItemText/SidebarItemText.js";export{SidebarItemTextStyled}from"./components/Sidebar/SidebarItemText/SidebarItemText.styled.js";export{SidebarFooter}from"./components/Sidebar/SidebarFooter/SidebarFooter.js";export{SidebarFooterStyled}from"./components/Sidebar/SidebarFooter/SidebarFooter.styled.js";export{ContentWrapper}from"./components/ContentWrapper/ContentWrapper.js";export{ContentWrapperStyled}from"./components/ContentWrapper/ContentWrapper.styled.js";export{Spinner}from"./components/Spinner/Spinner.js";export{SpinnerStyled}from"./components/Spinner/Spinner.styled.js";export{Table}from"./components/Table/Table.js";export{TableStyled}from"./components/Table/Table.styled.js";export{TablePagination}from"./components/Table/TablePagination/TablePagination.js";export{TablePaginationStyled}from"./components/Table/TablePagination/TablePagination.styled.js";export{Tabs}from"./components/Tabs/Tabs.js";export{TabsStyled}from"./components/Tabs/Tabs.styled.js";export{Text}from"./components/Typography/Text.js";export{Heading}from"./components/Typography/Heading.js";export{TypographyStyled}from"./components/Typography/Typography.styled.js";export{ToastsWrapper}from"./components/Toast/ToastsWrapper/ToastsWrapper.js";export{ToastsWrapperStyled}from"./components/Toast/ToastsWrapper/ToastsWrapper.styled.js";export{ToastItem}from"./components/Toast/ToastItem/ToastItem.js";export{ToastItemStyled}from"./components/Toast/ToastItem/ToastItem.styled.js";export{Tooltip}from"./components/Tooltip/Tooltip.js";export{TooltipStyled}from"./components/Tooltip/Tooltip.styled.js";import"react";import"styled-components";import"./components/ThemeProvider/Global.styled.js";import"./components/ThemeProvider/CustomColorClasses.styled.js";import"./external/helpers.js";import"./components/Form/FormWrapper/FormGenerator.js";import"./components/Form/BaseInputComponent/BaseInputComponent.js";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "fictoan-react",
-    "version": "0.45.0",
+    "version": "0.45.2",
     "private": false,
     "main": "dist/cjs/index.js",
     "module": "dist/es/index.js",