pixel-react 1.11.22 → 1.11.24

package/lib/components/Toastify/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toastify/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/Toastify/types.d.ts

@@ -0,0 +1,8 @@
+export type Variant = 'success' | 'warning' | 'danger' | 'info' | 'alert';
+export interface ToastProps {
+    isOpen: boolean;
+    variant: Variant;
+    toastTitle: string;
+    toastMessage: string;
+}
+export type AcceptedType = string | (() => void) | Record<string, unknown> | unknown[];

package/lib/components/Toastify/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Toastify/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Toastify/types.ts"],"names":[],"mappings":""}

package/lib/components/Toggle/Toggle.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ToggleProps } from './types';
+import './Toggle.scss';
+declare const Toggle: React.FC<ToggleProps>;
+export default Toggle;

package/lib/components/Toggle/Toggle.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import './Toggle.scss';
+import Icon from '../Icon';
+const Toggle = ({ onChange, variant = 'primary', disabled, checked = false, id = 'toggle', size = 'large', icon, }) => {
+    const handleChange = (e) => {
+        if (onChange) {
+            onChange(e);
+        }
+    };
+    const baseIconSizes = {
+        large: 10,
+        medium: 8,
+        small: 6,
+    };
+    const defaultIconSize = baseIconSizes[size];
+    const defaultIcons = {
+        checked: {
+            name: 'check_mark',
+            width: defaultIconSize,
+            height: defaultIconSize,
+        },
+        unchecked: {
+            name: 'wrong_mark',
+            width: defaultIconSize,
+            height: defaultIconSize,
+        },
+    };
+    const iconNames = {
+        checked: { ...defaultIcons.checked, ...icon?.checked },
+        unchecked: { ...defaultIcons.unchecked, ...icon?.unchecked },
+    };
+    return (_jsxs("div", { className: "ff--switch-container", children: [_jsx("input", { className: "ff--switch-checkbox", id: `ff-toggle-${id}`, type: "checkbox", disabled: !!disabled, onChange: handleChange, checked: checked }), _jsx("label", { className: classNames(`ff--switch-label default--${size} ff--switch-label--${variant}`, {
+                    'ff--switch-label--disabled': disabled,
+                }), htmlFor: `ff-toggle-${id}`, children: _jsx("span", { className: classNames(`ff--switch-button ff--switch-button--${size}`, {
+                        checked: checked,
+                    }), children: checked ? (_jsx(Icon, { name: iconNames.checked.name, width: iconNames.checked.width, height: iconNames.checked.height, className: `ff-checked-icon--${variant}` })) : (_jsx(Icon, { name: iconNames.unchecked.name, width: iconNames.unchecked.width, height: iconNames.unchecked.height, className: `ff-unchecked-icon--${variant}` })) }) })] }));
+};
+export default Toggle;
+//# sourceMappingURL=Toggle.js.map

package/lib/components/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,eAAe,CAAC;AACvB,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,MAAM,MAAM,GAA0B,CAAC,EACrC,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,EAAE,GAAG,QAAQ,EACb,IAAI,GAAG,OAAO,EACd,IAAI,GACL,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,CAAM,EAAE,EAAE;QAC9B,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG;QACpB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACT,CAAC;IAEF,MAAM,eAAe,GAAG,aAAa,CAAC,IAAoC,CAAC,CAAC;IAE5E,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE;YACP,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,eAAe;SACxB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,eAAe;SACxB;KACF,CAAC;IAEF,MAAM,SAAS,GAAG;QAChB,OAAO,EAAE,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE;QACtD,SAAS,EAAE,EAAE,GAAG,YAAY,CAAC,SAAS,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE;KAC7D,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,gBACE,SAAS,EAAC,qBAAqB,EAC/B,EAAE,EAAE,aAAa,EAAE,EAAE,EACrB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,GAChB,EACF,gBACE,SAAS,EAAE,UAAU,CACnB,6BAA6B,IAAI,sBAAsB,OAAO,EAAE,EAChE;oBACE,4BAA4B,EAAE,QAAQ;iBACvC,CACF,EACD,OAAO,EAAE,aAAa,EAAE,EAAE,YAE1B,eACE,SAAS,EAAE,UAAU,CACnB,wCAAwC,IAAI,EAAE,EAC9C;wBACE,OAAO,EAAE,OAAO;qBACjB,CACF,YAEA,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAI,EAC5B,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,EAC9B,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,EAChC,SAAS,EAAE,oBAAoB,OAAO,EAAE,GACxC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,IAAI,EAC9B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,KAAK,EAChC,MAAM,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM,EAClC,SAAS,EAAE,sBAAsB,OAAO,EAAE,GAC1C,CACH,GACI,GACD,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/Toggle/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Toggle';

package/lib/components/Toggle/index.js

@@ -0,0 +1,2 @@
+export { default } from './Toggle';
+//# sourceMappingURL=index.js.map

package/lib/components/Toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/lib/components/Toggle/types.d.ts

@@ -0,0 +1,50 @@
+export interface ToggleProps {
+    /**
+     * Optional onChange handler
+     */
+    onChange?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+    /**
+     * Optional disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Optional checked state
+     */
+    checked?: boolean;
+    /**
+     * Optional id
+     */
+    id?: string;
+    /**
+     * What background color to occur upon toggled
+     */
+    variant?: 'primary' | 'secondary';
+    /**
+     * Defines the size of the toggle
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Optional icon configuration for the toggle. This allows for custom icons to be used for both the checked and unchecked states.
+     *
+     * @property checked - Icon configuration for the checked state.
+     * @property unchecked - Icon configuration for the unchecked state.
+     *
+     * @example
+     * {
+     *   checked: { name: 'checked-icon', width: 24, height: 24 },
+     *   unchecked: { name: 'unchecked-icon', width: 24, height: 24 }
+     * }
+     */
+    icon?: {
+        checked?: {
+            name: string;
+            width: number;
+            height: number;
+        };
+        unchecked?: {
+            name: string;
+            width: number;
+            height: number;
+        };
+    };
+}

package/lib/components/Toggle/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Toggle/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Toggle/types.ts"],"names":[],"mappings":""}

package/lib/components/ToggleSwitch/ToggleSwitch.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./ToggleSwitch.scss";
+interface ToggleSwitchProps {
+    firstButton: string;
+    secondButton: string;
+    handleClick: (selected: string) => void;
+    selected: string;
+}
+declare const ToggleSwitch: React.FC<ToggleSwitchProps>;
+export default ToggleSwitch;

package/lib/components/ToggleSwitch/ToggleSwitch.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./ToggleSwitch.scss";
+const ToggleSwitch = ({ selected = "text", firstButton = 'File', secondButton = 'File', handleClick }) => {
+    return (_jsxs("div", { className: "toggle-container", children: [_jsx("button", { className: `toggle-button ${selected === firstButton ? "active" : ""}`, onClick: () => handleClick(firstButton), children: firstButton }), _jsx("button", { className: `toggle-button ${selected === secondButton ? "active" : ""}`, onClick: () => handleClick(secondButton), children: secondButton })] }));
+};
+export default ToggleSwitch;
+//# sourceMappingURL=ToggleSwitch.js.map

package/lib/components/ToggleSwitch/ToggleSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":";AACA,OAAO,qBAAqB,CAAC;AAS7B,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,GAAG,MAAM,EAAC,WAAW,GAAC,MAAM,EAAC,YAAY,GAAC,MAAM,EAAC,WAAW,EAAC,EAAc,EAAE;IACxI,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,iBACE,SAAS,EAAE,iBAAiB,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,YAEtC,WAAW,GACL,EACT,iBACE,SAAS,EAAE,iBAAiB,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACvE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,YAEvC,YAAY,GACN,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/ToggleSwitch/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ToggleSwitch';

package/lib/components/ToggleSwitch/index.js

@@ -0,0 +1,2 @@
+export { default } from './ToggleSwitch';
+//# sourceMappingURL=index.js.map

package/lib/components/ToggleSwitch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAA"}

package/lib/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './Tooltip.scss';
+import { TooltipProps } from './types';
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/lib/components/Tooltip/Tooltip.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState, useContext } from 'react';
+import './Tooltip.scss';
+import { createPortal } from 'react-dom';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+import { ThemeContext } from '../ThemeProvider/ThemeProvider';
+import classNames from 'classnames';
+const Tooltip = ({ title, children, placement = 'bottom', disabled = false, style = {}, }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const titleRef = useRef(null);
+    const tooltipContainerRef = useRef(null);
+    const [tooltipContainerPosition, setTooltipContainerPosition] = useState({
+        posX: 0,
+        fromRight: 0,
+        posY: 0,
+        width: 0,
+        fromBottom: 0,
+    });
+    const [titleDimensions, setTitleDimensions] = useState({
+        height: 0,
+        width: 0,
+    });
+    const [childrenContainerHeight, setChildrenContainerHeight] = useState(0);
+    const { posX, fromRight, posY, width } = tooltipContainerPosition;
+    const { height: titleHeight, width: titleWidth } = titleDimensions;
+    const themeContext = useContext(ThemeContext);
+    const currentTheme = themeContext?.currentTheme;
+    const styles = {
+        left: {
+            top: posY - 1,
+            left: posX - titleWidth - 5,
+        },
+        right: {
+            top: posY - 1,
+            left: fromRight + 5,
+        },
+        top: {
+            top: posY - titleHeight - 5,
+            left: posX - titleWidth / 2 + width / 2,
+        },
+        bottom: {
+            top: posY + childrenContainerHeight + 5,
+            left: posX - titleWidth / 2 + width / 2,
+        },
+        'top-start': {
+            top: posY - titleHeight - 5,
+            left: posX,
+        },
+        'top-end': {
+            top: posY - titleHeight - 5,
+            left: fromRight - titleWidth,
+        },
+        'bottom-start': {
+            top: posY + childrenContainerHeight + 5,
+            left: posX,
+        },
+        'bottom-end': {
+            top: posY + childrenContainerHeight + 5,
+            left: fromRight - titleWidth,
+        },
+    };
+    const handleScroll = () => {
+        if (tooltipContainerRef.current) {
+            setIsVisible(false);
+        }
+    };
+    const handleClickAnywhere = () => {
+        setIsVisible(false);
+    };
+    const isTitleEmpty = (tooltipValue) => {
+        // If the value is a string, use the checkEmpty util function
+        if (typeof tooltipValue === 'string') {
+            return checkEmpty(tooltipValue);
+        }
+        // If the value is a valid React element, check if it has any children
+        if (React.isValidElement(tooltipValue)) {
+            return React.Children.count(tooltipValue.props.children) === 0;
+        }
+        // For non-string, non-element values, check if it's null or undefined
+        return tooltipValue === undefined || tooltipValue === null;
+    };
+    useEffect(() => {
+        window.addEventListener('scroll', handleScroll);
+        window.addEventListener('click', handleClickAnywhere);
+        return () => {
+            window.removeEventListener('scroll', handleScroll);
+            window.removeEventListener('click', handleClickAnywhere);
+        };
+    }, []);
+    const calculateDim = () => {
+        if (tooltipContainerRef.current) {
+            const computedStyle = window.getComputedStyle(tooltipContainerRef.current);
+            if (computedStyle.display === 'none' ||
+                computedStyle.visibility === 'hidden' ||
+                computedStyle.opacity === '0') {
+                setIsVisible(false);
+                return;
+            }
+        }
+        if (titleRef.current) {
+            setTitleDimensions({
+                height: titleRef.current.offsetHeight,
+                width: titleRef.current.offsetWidth,
+            });
+        }
+        if (tooltipContainerRef.current && titleRef.current) {
+            const rect = tooltipContainerRef.current.getBoundingClientRect();
+            setChildrenContainerHeight(rect.height);
+            const leftSpaceAvailable = rect.left +
+                window.scrollX +
+                tooltipContainerRef.current.offsetWidth / 2 -
+                titleRef.current.offsetWidth / 2;
+            const rightSpaceAvailable = window.innerWidth -
+                rect.right +
+                tooltipContainerRef.current.offsetWidth / 2 -
+                titleRef.current.offsetWidth / 2;
+            let posX = rect.left + window.scrollX;
+            if (leftSpaceAvailable < 0) {
+                posX -= leftSpaceAvailable;
+            }
+            if (rightSpaceAvailable < 0) {
+                posX += rightSpaceAvailable;
+            }
+            setTooltipContainerPosition({
+                posX,
+                fromRight: rect.right,
+                posY: rect.top,
+                width: tooltipContainerRef.current.offsetWidth,
+                fromBottom: window.innerHeight - tooltipContainerRef.current.offsetTop,
+            });
+        }
+    };
+    useEffect(() => {
+        calculateDim();
+    }, [isVisible]);
+    return (_jsxs("div", { ref: tooltipContainerRef, className: classNames('ff-tooltip-container', currentTheme), onMouseEnter: () => setIsVisible(true), onMouseLeave: () => setIsVisible(false), style: style, children: [children, isVisible &&
+                !disabled &&
+                !isTitleEmpty(title) &&
+                createPortal(_jsx("div", { ref: titleRef, style: { ...styles[placement] }, className: classNames('ff-tooltip', currentTheme, {
+                        'ff-tooltip--visible': isVisible,
+                    }), children: title }), document.body)] }));
+};
+export default Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/lib/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}

package/lib/components/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Tooltip';

package/lib/components/Tooltip/index.js

@@ -0,0 +1,2 @@
+export { default } from './Tooltip';
+//# sourceMappingURL=index.js.map

package/lib/components/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/lib/components/Tooltip/types.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+type TooltipContainerRef = React.RefObject<HTMLDivElement>;
+type TitleRef = React.RefObject<HTMLDivElement>;
+type IsTitleEmpty = (tooltipValue: ReactNode | string) => boolean;
+interface Position {
+    [key: string]: {
+        top?: number;
+        left?: number;
+    };
+}
+interface TooltipProps {
+    /**
+     * The text or content to be displayed inside the tooltip.
+     * This can be a string or any React node.
+     */
+    title?: string | React.ReactNode;
+    /**
+     * The children over which the tooltip will be displayed.
+     * Typically a button or any other interactive element.
+     */
+    children: React.ReactNode;
+    /**
+     * The placement of the tooltip relative to the children.
+     * Defines where the tooltip appears: top, bottom, left, right, etc.
+     *
+     * @default 'bottom'
+     */
+    placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+    /**
+     * Whether the tooltip is disabled.
+     * If true, the tooltip will not be displayed.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**.
+     * Z-Index is by default 99
+     *
+     * @default 99
+     */
+    zIndex?: number | string;
+    style?: React.CSSProperties;
+}
+export { TooltipContainerRef, TitleRef, IsTitleEmpty, Position, TooltipProps };

package/lib/components/Tooltip/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Tooltip/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":""}

package/lib/components/Typography/Typography.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TypographyProps } from './types';
+import './Typography.scss';
+declare const Typography: React.FC<TypographyProps>;
+export default Typography;

package/lib/components/Typography/Typography.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './Typography.scss';
+const Typography = ({ fontWeight = 'regular', fontSize = 12, lineHeight = 'normal', color = '', textAlign = 'left', as: Element = 'span', letterSpacing = '', className = '', children, htmlFor = '', onClick = () => { }, required = false, style = {}, cursor, onDoubleClick = () => { }, }) => {
+    const fontSizeValue = typeof fontSize === 'number' ? `${fontSize}px` : fontSize;
+    return (_jsxs(Element, { className: `ff-text ff-text--${fontWeight} ${className}`, ...(Element === 'label' && { htmlFor }), style: {
+            fontSize: fontSizeValue,
+            lineHeight,
+            color,
+            textAlign,
+            letterSpacing,
+            cursor,
+            ...style,
+        }, onClick: onClick, onDoubleClick: onDoubleClick, children: [required && _jsx("span", { className: "required-asterisk", children: "*" }), children] }));
+};
+export default Typography;
+//# sourceMappingURL=Typography.js.map

package/lib/components/Typography/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":";AAEA,OAAO,mBAAmB,CAAC;AAE3B,MAAM,UAAU,GAA8B,CAAC,EAC7C,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,QAAQ,EACrB,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,MAAM,EAClB,EAAE,EAAE,OAAO,GAAG,MAAM,EACpB,aAAa,GAAG,EAAE,EAClB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,EAAE,EACV,MAAM,EACN,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GACzB,EAAE,EAAE;IACH,MAAM,aAAa,GACjB,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE5D,OAAO,CACL,MAAC,OAAO,IACN,SAAS,EAAE,oBAAoB,UAAU,IAAI,SAAS,EAAE,KACpD,CAAC,OAAO,KAAK,OAAO,IAAI,EAAE,OAAO,EAAE,CAAC,EACxC,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa;YACvB,UAAU;YACV,KAAK;YACL,SAAS;YACT,aAAa;YACb,MAAM;YACN,GAAG,KAAK;SACT,EACD,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,aAE3B,QAAQ,IAAI,eAAM,SAAS,EAAC,mBAAmB,kBAAS,EACxD,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/Typography/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Typography';

package/lib/components/Typography/index.js

@@ -0,0 +1,2 @@
+export { default } from './Typography';
+//# sourceMappingURL=index.js.map

package/lib/components/Typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/Typography/types.d.ts

@@ -0,0 +1,51 @@
+import React, { CSSProperties } from 'react';
+export interface TypographyProps {
+    /**
+     * Font Weight
+     */
+    fontWeight?: 'regular' | 'medium' | 'semi-bold' | 'bold';
+    /**
+     * Font Size
+     */
+    fontSize?: number | string;
+    /**
+     * Line height
+     */
+    lineHeight?: string;
+    /**
+     * Color
+     */
+    color?: string;
+    /**
+     *  Text alignment
+     */
+    textAlign?: 'left' | 'right' | 'center' | 'justify';
+    /**
+     * For JSX elements
+     */
+    as?: keyof JSX.IntrinsicElements;
+    /**
+     * htmlFor attribute for element=label,
+     */
+    htmlFor?: string;
+    /**
+     * The content to display within the Typography component
+     */
+    children: React.ReactNode;
+    /**
+     * To add styles in Typography
+     */
+    className?: string;
+    /**
+     * To add letter spacing in Typography
+     */
+    letterSpacing?: string;
+    /**
+     * To add onClick function
+     */
+    onClick?: () => void;
+    required?: boolean;
+    style?: React.CSSProperties;
+    cursor?: CSSProperties['cursor'];
+    onDoubleClick?: () => void;
+}

package/lib/components/Typography/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Typography/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Typography/types.ts"],"names":[],"mappings":""}

package/lib/components/VariableInput/VariableInput.d.ts

@@ -0,0 +1,4 @@
+import './VariableInput.scss';
+import { VariableInputProps } from './types';
+declare const VariableInput: ({ type, name, label, disabled, required, placeholder, value, error, className, onChange, onKeyDown, onBlur, onFocus, list, ...props }: VariableInputProps) => import("react/jsx-runtime").JSX.Element;
+export default VariableInput;