react-restyle-components 0.4.36 → 0.4.38

package/lib/src/core-components/src/components/FormField/components/TextDropdownInput.js

@@ -1,94 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect, useRef } from 'react';
-import { Label } from '../../../core-components/atoms/Label/Label';
-import { Icon } from '../../Icon/Icon';
-import s from '../../../tc.module.css';
-import { cn } from '../../../utils';
-export const TextDropdownInput = React.forwardRef(({ id, label, error, required, value, onChange, onBlur, disabled, dropdownItems = [], allowCustomInput = true, placeholder = 'Select an option', name, className, labelProps, ...props }, ref) => {
-    const [isTextDropdownOpen, setIsTextDropdownOpen] = useState(false);
-    const [textDropdownValue, setTextDropdownValue] = useState(value || '');
-    const [filteredTextDropdownItems, setFilteredTextDropdownItems] = useState(dropdownItems);
-    const [isTextEditing, setIsTextEditing] = useState(false);
-    const textDropdownWrapperRef = useRef(null);
-    useEffect(() => {
-        if (dropdownItems) {
-            setFilteredTextDropdownItems(dropdownItems);
-        }
-    }, [dropdownItems]);
-    useEffect(() => {
-        if (value !== undefined) {
-            setTextDropdownValue(value);
-        }
-    }, [value]);
-    useEffect(() => {
-        if (isTextEditing && textDropdownValue) {
-            const filtered = dropdownItems.filter((item) => item.toLowerCase().includes(textDropdownValue.toLowerCase()));
-            setFilteredTextDropdownItems(filtered);
-        }
-        else {
-            setFilteredTextDropdownItems(dropdownItems);
-        }
-    }, [textDropdownValue, dropdownItems, isTextEditing]);
-    // Outside click handler
-    useEffect(() => {
-        function handleClickOutside(event) {
-            if (textDropdownWrapperRef.current &&
-                !textDropdownWrapperRef.current.contains(event.target) &&
-                isTextDropdownOpen) {
-                setIsTextDropdownOpen(false);
-                setIsTextEditing(false);
-            }
-        }
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [isTextDropdownOpen]);
-    const handleTextDropdownInputChange = (event) => {
-        const inputValue = event.target.value;
-        setTextDropdownValue(inputValue);
-        setIsTextEditing(true);
-        const filtered = dropdownItems.filter((item) => item.toLowerCase().includes(inputValue.toLowerCase()));
-        setFilteredTextDropdownItems(filtered);
-        if (onChange) {
-            onChange(inputValue);
-        }
-    };
-    const handleTextDropdownItemSelect = (item) => {
-        setTextDropdownValue(item);
-        setIsTextDropdownOpen(false);
-        setIsTextEditing(false);
-        if (onChange) {
-            onChange(item);
-        }
-        if (onBlur) {
-            onBlur(null, item);
-        }
-    };
-    const handleTextDropdownClick = () => {
-        if (!disabled) {
-            setIsTextDropdownOpen(!isTextDropdownOpen);
-            setIsTextEditing(true);
-        }
-    };
-    const handleTextDropdownFocus = () => {
-        if (!disabled) {
-            setIsTextEditing(true);
-        }
-    };
-    const handleTextDropdownBlur = (event) => {
-        setTimeout(() => {
-            setIsTextEditing(false);
-        }, 150);
-        if (onBlur) {
-            onBlur(event, textDropdownValue);
-        }
-    };
-    return (_jsxs("div", { className: cn(s['w-full'], s['relative'], className), children: [label && (_jsx(Label, { id: id, required: required, label: label, ...labelProps })), _jsxs("div", { className: cn(s['flex'], s['flex-row'], s['items-center'], s['leading-4'], s['p-2'], s['dark:bg-boxdark'], s['focus:outline-none'], s['focus:ring'], s['block'], s['w-full'], s['shadow-sm'], s['sm:text-base'], s['border'], s['rounded-md'], error ? s['border-red'] : s['border-gray-300'], disabled && s['cursor-not-allowed'], disabled && s['opacity-50']), ref: textDropdownWrapperRef, children: [_jsx("input", { ref: ref, id: id, type: "text", name: name || id, placeholder: placeholder, value: textDropdownValue, disabled: disabled, readOnly: !allowCustomInput, className: cn(s['w-full'], s['bg-transparent'], s['border-0'], s['appearance-none'], s['focus:outline-none'], s['focus:ring-0'], s['font-arimaRegular'], s['text-md'], disabled && s['cursor-not-allowed'], disabled && s['opacity-50']), onClick: handleTextDropdownClick, onChange: allowCustomInput ? handleTextDropdownInputChange : undefined, onFocus: handleTextDropdownFocus, onBlur: handleTextDropdownBlur, ...props }), !disabled && (_jsx(Icon, { nameIcon: isTextDropdownOpen ? 'MdKeyboardArrowUp' : 'MdKeyboardArrowDown', propsIcon: { size: '16', color: '#000000' }, onClick: handleTextDropdownClick }))] }), isTextDropdownOpen && !disabled && (_jsx("div", { className: cn(s['z-10'], s['w-full'], s['absolute'], s['text-base'], s['list-none'], s['bg-white'], s['rounded'], s['divide-y'], s['divide-gray-100'], s['shadow'], s['dark:bg-gray-700'], s['max-h-60'], s['overflow-y-auto']), children: _jsxs("ul", { className: s['py-1'], children: [filteredTextDropdownItems.length > 0 ? (filteredTextDropdownItems.map((item, index) => (_jsx("li", { className: cn(s['block'], s['py-2'], s['px-4'], s['text-md'], s['hover:bg-gray-100'], s['dark:hover:bg-gray-600'], s['dark:text-gray-200'], s['font-arimaRegular'], s['cursor-pointer'], textDropdownValue === item && s['bg-blue-50'], textDropdownValue === item && s['text-blue-700']), onClick: () => handleTextDropdownItemSelect(item), children: item }, index)))) : (_jsx("li", { className: cn(s['block'], s['py-2'], s['px-4'], s['text-md'], s['text-gray-500'], s['font-arimaRegular']), children: allowCustomInput
-                                ? 'No matches found'
-                                : 'No options available' })), allowCustomInput &&
-                            textDropdownValue &&
-                            !dropdownItems.includes(textDropdownValue) &&
-                            isTextEditing && (_jsx("li", { className: cn(s['block'], s['py-2'], s['px-4'], s['text-md'], s['hover:bg-gray-100'], s['dark:hover:bg-gray-600'], s['dark:text-gray-200'], s['font-arimaRegular'], s['cursor-pointer'], s['border-t'], s['border-gray-200'], s['bg-green-50'], s['text-green-700']), onClick: () => handleTextDropdownItemSelect(textDropdownValue), children: _jsxs("span", { className: cn(s['flex'], s['ml-2'], s['items-center'], s['gap-1']), children: [_jsx(Icon, { nameIcon: "MdAdd", propsIcon: { size: '16', color: '#059669' } }), "\"", textDropdownValue, "\""] }) }))] }) })), error && (_jsx("span", { className: cn(s['text-red'], s['text-4xs']), id: "error", children: error || `${label || 'Field'} is required` }))] }));
-});
-TextDropdownInput.displayName = 'TextDropdownInput';
+"use strict";import{jsx as s,jsxs as m}from"react/jsx-runtime";import _,{useState as g,useEffect as h,useRef as U}from"react";import{Label as W}from"../../../core-components/atoms/Label/Label";import{Icon as C}from"../../Icon/Icon";import e from"../../../tc.module.css";import{cn as l}from"../../../utils";export const TextDropdownInput=_.forwardRef(({id:w,label:y,error:b,required:E,value:d,onChange:f,onBlur:u,disabled:o,dropdownItems:n=[],allowCustomInput:p=!0,placeholder:j="Select an option",name:F,className:O,labelProps:z,...A},M)=>{const[c,k]=g(!1),[t,D]=g(d||""),[N,x]=g(n),[T,i]=g(!1),v=U(null);h(()=>{n&&x(n)},[n]),h(()=>{d!==void 0&&D(d)},[d]),h(()=>{if(T&&t){const r=n.filter(a=>a.toLowerCase().includes(t.toLowerCase()));x(r)}else x(n)},[t,n,T]),h(()=>{function r(a){v.current&&!v.current.contains(a.target)&&c&&(k(!1),i(!1))}return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[c]);const S=r=>{const a=r.target.value;D(a),i(!0);const I=n.filter(K=>K.toLowerCase().includes(a.toLowerCase()));x(I),f&&f(a)},R=r=>{D(r),k(!1),i(!1),f&&f(r),u&&u(null,r)},L=()=>{o||(k(!c),i(!0))},V=()=>{o||i(!0)},q=r=>{setTimeout(()=>{i(!1)},150),u&&u(r,t)};return m("div",{className:l(e["w-full"],e.relative,O),children:[y&&s(W,{id:w,required:E,label:y,...z}),m("div",{className:l(e.flex,e["flex-row"],e["items-center"],e["leading-4"],e["p-2"],e["dark:bg-boxdark"],e["focus:outline-none"],e["focus:ring"],e.block,e["w-full"],e["shadow-sm"],e["sm:text-base"],e.border,e["rounded-md"],b?e["border-red"]:e["border-gray-300"],o&&e["cursor-not-allowed"],o&&e["opacity-50"]),ref:v,children:[s("input",{ref:M,id:w,type:"text",name:F||w,placeholder:j,value:t,disabled:o,readOnly:!p,className:l(e["w-full"],e["bg-transparent"],e["border-0"],e["appearance-none"],e["focus:outline-none"],e["focus:ring-0"],e["font-arimaRegular"],e["text-md"],o&&e["cursor-not-allowed"],o&&e["opacity-50"]),onClick:L,onChange:p?S:void 0,onFocus:V,onBlur:q,...A}),!o&&s(C,{nameIcon:c?"MdKeyboardArrowUp":"MdKeyboardArrowDown",propsIcon:{size:"16",color:"#000000"},onClick:L})]}),c&&!o&&s("div",{className:l(e["z-10"],e["w-full"],e.absolute,e["text-base"],e["list-none"],e["bg-white"],e.rounded,e["divide-y"],e["divide-gray-100"],e.shadow,e["dark:bg-gray-700"],e["max-h-60"],e["overflow-y-auto"]),children:m("ul",{className:e["py-1"],children:[N.length>0?N.map((r,a)=>s("li",{className:l(e.block,e["py-2"],e["px-4"],e["text-md"],e["hover:bg-gray-100"],e["dark:hover:bg-gray-600"],e["dark:text-gray-200"],e["font-arimaRegular"],e["cursor-pointer"],t===r&&e["bg-blue-50"],t===r&&e["text-blue-700"]),onClick:()=>R(r),children:r},a)):s("li",{className:l(e.block,e["py-2"],e["px-4"],e["text-md"],e["text-gray-500"],e["font-arimaRegular"]),children:p?"No matches found":"No options available"}),p&&t&&!n.includes(t)&&T&&s("li",{className:l(e.block,e["py-2"],e["px-4"],e["text-md"],e["hover:bg-gray-100"],e["dark:hover:bg-gray-600"],e["dark:text-gray-200"],e["font-arimaRegular"],e["cursor-pointer"],e["border-t"],e["border-gray-200"],e["bg-green-50"],e["text-green-700"]),onClick:()=>R(t),children:m("span",{className:l(e.flex,e["ml-2"],e["items-center"],e["gap-1"]),children:[s(C,{nameIcon:"MdAdd",propsIcon:{size:"16",color:"#059669"}}),'"',t,'"']})})]})}),b&&s("span",{className:l(e["text-red"],e["text-4xs"]),id:"error",children:b||`${y||"Field"} is required`})]})});TextDropdownInput.displayName="TextDropdownInput";

package/lib/src/core-components/src/components/FormField/components/ToggleInput.d.ts

@@ -14,4 +14,3 @@ export interface ToggleInputProps {
     [key: string]: any;
 }
 export declare const ToggleInput: React.ForwardRefExoticComponent<Omit<ToggleInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=ToggleInput.d.ts.map

package/lib/src/core-components/src/components/FormField/components/ToggleInput.js

@@ -1,36 +1 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { Label } from '../../../core-components/atoms/Label/Label';
-import s from '../../../tc.module.css';
-import { cn } from '../../../utils';
-import '../toggle.css';
-export const ToggleInput = React.forwardRef(({ id, label, error, required, value, onChange, disabled, isToggleLabel = true, className, labelProps, ...props }, ref) => {
-    const [toggleValue, setToggleValue] = useState(value ?? false);
-    useEffect(() => {
-        if (value !== undefined) {
-            setToggleValue(value);
-        }
-    }, [value]);
-    const handleToggleClick = () => {
-        if (disabled)
-            return;
-        const newValue = !toggleValue;
-        setToggleValue(newValue);
-        if (onChange) {
-            onChange(newValue);
-        }
-    };
-    const toggleClasses = classNames('wrg-toggle', {
-        'wrg-toggle--checked': toggleValue,
-        'wrg-toggle--disabled': disabled,
-    }, className);
-    return (_jsxs("div", { className: cn(s['w-full'], className), children: [label && (_jsx(Label, { id: id, required: required, label: label, ...labelProps })), _jsxs("div", { onClick: handleToggleClick, className: toggleClasses, children: [_jsx("div", { className: cn('wrg-toggle-container', {
-                            [s['bg-green-700']]: toggleValue,
-                            [s['bg-black']]: !toggleValue,
-                        }), children: isToggleLabel && (_jsxs(_Fragment, { children: [_jsx("div", { className: cn('wrg-toggle-check'), children: _jsx("span", { className: cn(s['text-white'], s['ml-1']), children: "Yes" }) }), _jsx("div", { className: cn('wrg-toggle-uncheck'), children: _jsx("span", { className: cn(s['dark:text-black']), children: "No" }) })] })) }), _jsx("div", { className: cn('wrg-toggle-circle', s['dark:bg-black'], {
-                            'ml-1': toggleValue,
-                            'mr-1': !toggleValue,
-                        }) }), _jsx("input", { ref: ref, type: "checkbox", "aria-label": "Toggle Button", className: cn('wrg-toggle-input'), checked: toggleValue, readOnly: true, ...props })] }), error && (_jsx("p", { className: cn(s['mt-1'], s['text-sm'], s['text-red-600'], s['dark:text-red-400']), children: error }))] }));
-});
-ToggleInput.displayName = 'ToggleInput';
+"use strict";import{jsx as t,Fragment as b,jsxs as a}from"react/jsx-runtime";import T,{useState as j,useEffect as v}from"react";import y from"classnames";import{Label as V}from"../../../core-components/atoms/Label/Label";import e from"../../../tc.module.css";import{cn as l}from"../../../utils";import"../toggle.css";export const ToggleInput=T.forwardRef(({id:f,label:c,error:g,required:p,value:s,onChange:o,disabled:i,isToggleLabel:h=!0,className:n,labelProps:u,...k},w)=>{const[r,m]=j(s??!1);v(()=>{s!==void 0&&m(s)},[s]);const N=()=>{if(i)return;const d=!r;m(d),o&&o(d)},x=y("wrg-toggle",{"wrg-toggle--checked":r,"wrg-toggle--disabled":i},n);return a("div",{className:l(e["w-full"],n),children:[c&&t(V,{id:f,required:p,label:c,...u}),a("div",{onClick:N,className:x,children:[t("div",{className:l("wrg-toggle-container",{[e["bg-green-700"]]:r,[e["bg-black"]]:!r}),children:h&&a(b,{children:[t("div",{className:l("wrg-toggle-check"),children:t("span",{className:l(e["text-white"],e["ml-1"]),children:"Yes"})}),t("div",{className:l("wrg-toggle-uncheck"),children:t("span",{className:l(e["dark:text-black"]),children:"No"})})]})}),t("div",{className:l("wrg-toggle-circle",e["dark:bg-black"],{"ml-1":r,"mr-1":!r})}),t("input",{ref:w,type:"checkbox","aria-label":"Toggle Button",className:l("wrg-toggle-input"),checked:r,readOnly:!0,...k})]}),g&&t("p",{className:l(e["mt-1"],e["text-sm"],e["text-red-600"],e["dark:text-red-400"]),children:g})]})});ToggleInput.displayName="ToggleInput";

package/lib/src/core-components/src/components/FormField/components/index.d.ts

@@ -9,4 +9,3 @@ export { TextDropdownInput } from './TextDropdownInput';
 export { PinInput } from './PinInput';
 export { OtpInput } from './OtpInput';
 export { CssMultilineInput } from './CssMultilineInput';
-//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/components/FormField/components/index.js

@@ -1,11 +1 @@
-export { PasswordInput } from './PasswordInput';
-export { ToggleInput } from './ToggleInput';
-export { RadioInput } from './RadioInput';
-export { CheckboxInput } from './CheckboxInput';
-export { CheckboxGroupInput } from './CheckboxGroupInput';
-export { DatePickerInput } from './DatePickerInput';
-export { DropdownInput } from './DropdownInput';
-export { TextDropdownInput } from './TextDropdownInput';
-export { PinInput } from './PinInput';
-export { OtpInput } from './OtpInput';
-export { CssMultilineInput } from './CssMultilineInput';
+"use strict";export{PasswordInput}from"./PasswordInput";export{ToggleInput}from"./ToggleInput";export{RadioInput}from"./RadioInput";export{CheckboxInput}from"./CheckboxInput";export{CheckboxGroupInput}from"./CheckboxGroupInput";export{DatePickerInput}from"./DatePickerInput";export{DropdownInput}from"./DropdownInput";export{TextDropdownInput}from"./TextDropdownInput";export{PinInput}from"./PinInput";export{OtpInput}from"./OtpInput";export{CssMultilineInput}from"./CssMultilineInput";

package/lib/src/core-components/src/components/FormField/css-properties.d.ts

@@ -8929,4 +8929,3 @@ export declare const properties: ({
     borderBottomRightRadius?: undefined;
     borderBottomLeftRadius?: undefined;
 })[];
-//# sourceMappingURL=css-properties.d.ts.map

package/lib/src/core-components/src/components/FormField/css-properties.js

@@ -1,161 +1 @@
-/* eslint-disable no-sparse-arrays */
-export const properties = [
-    {
-        alignContent: [
-            'flex-start',
-            'flex-end',
-            'center',
-            'stretch',
-            'space-between',
-            'space-around',
-        ],
-    },
-    { alignItems: ['flex-start', 'flex-end', 'center', 'stretch', 'baseline'] },
-    {
-        alignSelf: [
-            'auto',
-            'flex-start',
-            'flex-end',
-            'center',
-            'baseline',
-            'stretch',
-        ],
-    },
-    { flex: ['number'] },
-    { flexDirection: ['row', 'row-reverse', 'column', 'column-reverse'] },
-    { flexWrap: ['nowrap', 'wrap', 'wrap-reverse'] },
-    { flexFlow: ['number'] },
-    { flexGrow: ['number'] },
-    { flexShrink: ['number'] },
-    { flexBasis: ['number'] },
-    {
-        justifyContent: [
-            ,
-            'flex-start',
-            'flex-end',
-            'center',
-            'space-around',
-            'space-between',
-            'space-evenly',
-        ],
-    },
-    { gap: ['number'] },
-    { rowGap: ['number'] },
-    { columnGap: ['number'] },
-    // Layout
-    { aspectRatio: ['number'] },
-    { bottom: ['number'] },
-    { display: ['flex', 'none'] },
-    { left: ['number'] },
-    { position: ['absolute', 'relative'] },
-    { right: ['number'] },
-    { top: ['number'] },
-    { overflow: ['hidden'] },
-    { zIndex: ['number'] },
-    // Dimension
-    { height: ['number'] },
-    { maxHeight: ['number'] },
-    { maxWidth: ['number'] },
-    { minHeight: ['number'] },
-    { minWidth: ['number'] },
-    { width: ['number'] },
-    // Color
-    { backgroundColor: ['string'] },
-    { color: ['string'] },
-    { opacity: ['number'] },
-    // Text
-    { fontSize: ['number'] },
-    { fontFamily: ['string'] },
-    { fontStyle: ['string', 'normal'] },
-    {
-        fontWeight: [
-            ,
-            'number',
-            'thin',
-            'hairline',
-            'ultralight',
-            'extralight',
-            'light',
-            'normal',
-            'medium',
-            'semibold',
-            'demibold',
-            'bold',
-            'ultrabold',
-            'extrabold',
-            'heavy',
-            'black',
-        ],
-    },
-    { letterSpacing: ['number'] },
-    { lineHeight: ['number'] },
-    { maxLines: ['number'] },
-    { textAlign: ['left', 'right', 'center', 'justify'] },
-    {
-        textDecoration: [
-            ,
-            'line-through',
-            'underline',
-            'none',
-            'line-through underline',
-            'underline line-through',
-        ],
-    },
-    { textDecorationColor: ['string'] },
-    { textDecorationStyle: ['dashed', 'dotted', 'solid', 'string'] },
-    { textIndent: ['any'] },
-    { textOverflow: ['ellipsis'] },
-    { textTransform: ['capitalize', 'lowercase', 'uppercase'] },
-    { verticalAlign: ['sub', 'super'] },
-    // Sizing/positioning
-    { objectFit: ['string'] },
-    { objectPosition: ['number'] },
-    { objectPositionX: ['number'] },
-    { objectPositionY: ['number'] },
-    // Margin/padding
-    { margin: ['number'] },
-    { marginHorizontal: ['number'] },
-    { marginVertical: ['number'] },
-    { marginTop: ['number'] },
-    { marginRight: ['number'] },
-    { marginBottom: ['number'] },
-    { marginLeft: ['number'] },
-    { padding: ['number'] },
-    { paddingHorizontal: ['number'] },
-    { paddingVertical: ['number'] },
-    { paddingTop: ['number'] },
-    { paddingRight: ['number'] },
-    { paddingBottom: ['number'] },
-    { paddingLeft: ['number'] },
-    // Transformations
-    { transform: ['string'] },
-    { transformOrigin: ['number'] },
-    { transformOriginX: ['number'] },
-    { transformOriginY: ['number'] },
-    // Borders
-    { border: ['number'] },
-    { borderWidth: ['number'] },
-    { borderColor: ['string'] },
-    { borderStyle: ['dashed', 'dotted', 'solid'] },
-    { borderTop: ['number'] },
-    { borderTopColor: ['string'] },
-    { borderTopStyle: ['dashed', 'dotted', 'solid'] },
-    { borderTopWidth: ['number'] },
-    { borderRight: ['number'] },
-    { borderRightColor: ['string'] },
-    { borderRightStyle: ['dashed', 'dotted', 'solid'] },
-    { borderRightWidth: ['number'] },
-    { borderBottom: ['number'] },
-    { borderBottomColor: ['string'] },
-    { borderBottomStyle: ['dashed', 'dotted', 'solid'] },
-    { borderBottomWidth: ['number'] },
-    { borderLeft: ['number'] },
-    { borderLeftColor: ['string'] },
-    { borderLeftStyle: ['dashed', 'dotted', 'solid'] },
-    { borderLeftWidth: ['number'] },
-    { borderTopLeftRadius: ['number'] },
-    { borderTopRightRadius: ['number'] },
-    { borderBottomRightRadius: ['number'] },
-    { borderBottomLeftRadius: ['number'] },
-    { borderRadius: ['number'] },
-];
+"use strict";export const properties=[{alignContent:["flex-start","flex-end","center","stretch","space-between","space-around"]},{alignItems:["flex-start","flex-end","center","stretch","baseline"]},{alignSelf:["auto","flex-start","flex-end","center","baseline","stretch"]},{flex:["number"]},{flexDirection:["row","row-reverse","column","column-reverse"]},{flexWrap:["nowrap","wrap","wrap-reverse"]},{flexFlow:["number"]},{flexGrow:["number"]},{flexShrink:["number"]},{flexBasis:["number"]},{justifyContent:[,"flex-start","flex-end","center","space-around","space-between","space-evenly"]},{gap:["number"]},{rowGap:["number"]},{columnGap:["number"]},{aspectRatio:["number"]},{bottom:["number"]},{display:["flex","none"]},{left:["number"]},{position:["absolute","relative"]},{right:["number"]},{top:["number"]},{overflow:["hidden"]},{zIndex:["number"]},{height:["number"]},{maxHeight:["number"]},{maxWidth:["number"]},{minHeight:["number"]},{minWidth:["number"]},{width:["number"]},{backgroundColor:["string"]},{color:["string"]},{opacity:["number"]},{fontSize:["number"]},{fontFamily:["string"]},{fontStyle:["string","normal"]},{fontWeight:[,"number","thin","hairline","ultralight","extralight","light","normal","medium","semibold","demibold","bold","ultrabold","extrabold","heavy","black"]},{letterSpacing:["number"]},{lineHeight:["number"]},{maxLines:["number"]},{textAlign:["left","right","center","justify"]},{textDecoration:[,"line-through","underline","none","line-through underline","underline line-through"]},{textDecorationColor:["string"]},{textDecorationStyle:["dashed","dotted","solid","string"]},{textIndent:["any"]},{textOverflow:["ellipsis"]},{textTransform:["capitalize","lowercase","uppercase"]},{verticalAlign:["sub","super"]},{objectFit:["string"]},{objectPosition:["number"]},{objectPositionX:["number"]},{objectPositionY:["number"]},{margin:["number"]},{marginHorizontal:["number"]},{marginVertical:["number"]},{marginTop:["number"]},{marginRight:["number"]},{marginBottom:["number"]},{marginLeft:["number"]},{padding:["number"]},{paddingHorizontal:["number"]},{paddingVertical:["number"]},{paddingTop:["number"]},{paddingRight:["number"]},{paddingBottom:["number"]},{paddingLeft:["number"]},{transform:["string"]},{transformOrigin:["number"]},{transformOriginX:["number"]},{transformOriginY:["number"]},{border:["number"]},{borderWidth:["number"]},{borderColor:["string"]},{borderStyle:["dashed","dotted","solid"]},{borderTop:["number"]},{borderTopColor:["string"]},{borderTopStyle:["dashed","dotted","solid"]},{borderTopWidth:["number"]},{borderRight:["number"]},{borderRightColor:["string"]},{borderRightStyle:["dashed","dotted","solid"]},{borderRightWidth:["number"]},{borderBottom:["number"]},{borderBottomColor:["string"]},{borderBottomStyle:["dashed","dotted","solid"]},{borderBottomWidth:["number"]},{borderLeft:["number"]},{borderLeftColor:["string"]},{borderLeftStyle:["dashed","dotted","solid"]},{borderLeftWidth:["number"]},{borderTopLeftRadius:["number"]},{borderTopRightRadius:["number"]},{borderBottomRightRadius:["number"]},{borderBottomLeftRadius:["number"]},{borderRadius:["number"]}];

package/lib/src/core-components/src/components/FormField/index.d.ts

@@ -1,3 +1,2 @@
 export * from './FormField';
 export * from './components';
-//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/components/FormField/index.js

@@ -1,2 +1 @@
-export * from './FormField';
-export * from './components';
+"use strict";export*from"./FormField";export*from"./components";

package/lib/src/core-components/src/components/Icon/Icon.d.ts

@@ -41,4 +41,3 @@ export declare const Icon: {
     SSR: ({ nameIcon, classNames, styles, ...props }: IconProps) => React.JSX.Element;
     Compat: ({ src, className, style, ...props }: CompatIconProps) => React.JSX.Element;
 };
-//# sourceMappingURL=Icon.d.ts.map

package/lib/src/core-components/src/components/Icon/Icon.js

@@ -1,79 +1 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Suspense } from 'react';
-import _ from 'lodash';
-import { Tooltip } from '../Tooltip';
-import loadable from '@loadable/component';
-import s from '../../tc.module.css';
-import { cn } from '../../utils';
-const CompatIcon = ({ src, className, style, ...props }) => {
-    if (typeof src === 'string') {
-        return (_jsx("img", { src: src, className: cn(s.icon, className), style: style, ...props, alt: "" }));
-    }
-    return (_jsx("div", { className: cn(s.icon, className), style: style, ...props, children: src }));
-};
-const SSRIcon = ({ nameIcon, classNames = {}, styles = {}, ...props }) => {
-    return (_jsx("span", { className: cn(s.icon, props.className, classNames.icon), style: styles.icon, "aria-hidden": "true", children: "\u26AB" }));
-};
-export const Icon = ({ nameIcon, propsIcon, className, tooltip = '', isDisable = false, classNames = {}, styles = {}, onClick, }) => {
-    try {
-        const iconProps = {
-            ...propsIcon,
-            color: isDisable ? '#808080' : propsIcon?.color || 'rgb(36 48 63)',
-        };
-        const lib = nameIcon.startsWith('IoIo')
-            ? 'io'
-            : nameIcon.startsWith('Io')
-                ? 'io5'
-                : nameIcon
-                    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
-                    .split(' ')[0]
-                    .toLowerCase();
-        const iconLibraries = {
-            fa: () => import('react-icons/fa'),
-            md: () => import('react-icons/md'),
-            io: () => import('react-icons/io'),
-            fi: () => import('react-icons/fi'),
-            bs: () => import('react-icons/bs'),
-            hi: () => import('react-icons/hi'),
-            go: () => import('react-icons/go'),
-            si: () => import('react-icons/si'),
-            ti: () => import('react-icons/ti'),
-            wi: () => import('react-icons/wi'),
-            di: () => import('react-icons/di'),
-            ri: () => import('react-icons/ri'),
-            fc: () => import('react-icons/fc'),
-            gr: () => import('react-icons/gr'),
-            lu: () => import('react-icons/lu'),
-            gi: () => import('react-icons/gi'),
-            tb: () => import('react-icons/tb'),
-            rx: () => import('react-icons/rx'),
-            im: () => import('react-icons/im'),
-            cg: () => import('react-icons/cg'),
-            io5: () => import('react-icons/io5'),
-            ai: () => import('react-icons/ai'),
-            vsc: () => import('react-icons/vsc'),
-            bi: () => import('react-icons/bi'),
-            fa2: () => import('react-icons/fa'),
-            ci: () => import('react-icons/ci'),
-            lib: () => import('react-icons/lib'),
-            lia: () => import('react-icons/lia'),
-            pi: () => import('react-icons/pi'),
-            tfi: () => import('react-icons/tfi'),
-            fa6: () => import('react-icons/fa6'),
-        };
-        const loadLibrary = iconLibraries[lib] || (() => import('react-icons/md'));
-        const ElementIcon = loadable(loadLibrary, {
-            resolveComponent: (el) => el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
-        });
-        return (_jsx("div", { className: cn(s.iconContainer, className, classNames.container), style: styles.container, onClick: () => {
-                if (!isDisable)
-                    onClick && onClick();
-            }, children: !_.isEmpty(tooltip) ? (_jsx(Tooltip, { content: tooltip, children: _jsx(ElementIcon, { ...iconProps, className: cn(s.icon, classNames.icon), style: styles.icon }) })) : (_jsx(Suspense, { fallback: _jsx("div", { children: "Loading..." }), children: _jsx(ElementIcon, { ...iconProps, className: cn(s.icon, classNames.icon), style: styles.icon }) })) }));
-    }
-    catch (error) {
-        return _jsx(_Fragment, {});
-    }
-};
-// Attach sub-components
-Icon.SSR = SSRIcon;
-Icon.Compat = CompatIcon;
+"use strict";import{jsx as o,Fragment as h}from"react/jsx-runtime";import{Suspense as u}from"react";import y from"lodash";import{Tooltip as v}from"../Tooltip";import C from"@loadable/component";import n from"../../tc.module.css";import{cn as c}from"../../utils";const L=({src:i,className:r,style:m,...t})=>typeof i=="string"?o("img",{src:i,className:c(n.icon,r),style:m,...t,alt:""}):o("div",{className:c(n.icon,r),style:m,...t,children:i}),S=({nameIcon:i,classNames:r={},styles:m={},...t})=>o("span",{className:c(n.icon,t.className,r.icon),style:m.icon,"aria-hidden":"true",children:"\u26AB"});export const Icon=({nameIcon:i,propsIcon:r,className:m,tooltip:t="",isDisable:l=!1,classNames:e={},styles:a={},onClick:f})=>{try{const s={...r,color:l?"#808080":r?.color||"rgb(36 48 63)"},b=i.startsWith("IoIo")?"io":i.startsWith("Io")?"io5":i.replace(/([a-z0-9])([A-Z])/g,"$1 $2").split(" ")[0].toLowerCase(),g={fa:()=>import("react-icons/fa"),md:()=>import("react-icons/md"),io:()=>import("react-icons/io"),fi:()=>import("react-icons/fi"),bs:()=>import("react-icons/bs"),hi:()=>import("react-icons/hi"),go:()=>import("react-icons/go"),si:()=>import("react-icons/si"),ti:()=>import("react-icons/ti"),wi:()=>import("react-icons/wi"),di:()=>import("react-icons/di"),ri:()=>import("react-icons/ri"),fc:()=>import("react-icons/fc"),gr:()=>import("react-icons/gr"),lu:()=>import("react-icons/lu"),gi:()=>import("react-icons/gi"),tb:()=>import("react-icons/tb"),rx:()=>import("react-icons/rx"),im:()=>import("react-icons/im"),cg:()=>import("react-icons/cg"),io5:()=>import("react-icons/io5"),ai:()=>import("react-icons/ai"),vsc:()=>import("react-icons/vsc"),bi:()=>import("react-icons/bi"),fa2:()=>import("react-icons/fa"),ci:()=>import("react-icons/ci"),lib:()=>import("react-icons/lib"),lia:()=>import("react-icons/lia"),pi:()=>import("react-icons/pi"),tfi:()=>import("react-icons/tfi"),fa6:()=>import("react-icons/fa6")}[b]||(()=>import("react-icons/md")),d=C(g,{resolveComponent:p=>p[i]!=null?p[i]:p[Object.keys(p.default)[0]]});return o("div",{className:c(n.iconContainer,m,e.container),style:a.container,onClick:()=>{l||f&&f()},children:y.isEmpty(t)?o(u,{fallback:o("div",{children:"Loading..."}),children:o(d,{...s,className:c(n.icon,e.icon),style:a.icon})}):o(v,{content:t,children:o(d,{...s,className:c(n.icon,e.icon),style:a.icon})})})}catch{return o(h,{})}};Icon.SSR=S,Icon.Compat=L;

package/lib/src/core-components/src/components/Icon/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Icon';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/components/Icon/index.js

@@ -1,2 +1 @@
-export * from './Icon';
-export * from './types';
+"use strict";export*from"./Icon";export*from"./types";

package/lib/src/core-components/src/components/Icon/types.d.ts

@@ -2,4 +2,3 @@ import React from 'react';
 export declare const ICON_SIZES: readonly ["xsmall", "small", "normal", "medium", "large", "xlarge", "xxlarge"];
 export type IconSize = (typeof ICON_SIZES)[number] | string;
 export type IconSrc = string | React.ReactNode;
-//# sourceMappingURL=types.d.ts.map

package/lib/src/core-components/src/components/Icon/types.js

@@ -1,9 +1 @@
-export const ICON_SIZES = [
-    'xsmall',
-    'small',
-    'normal',
-    'medium',
-    'large',
-    'xlarge',
-    'xxlarge',
-];
+"use strict";export const ICON_SIZES=["xsmall","small","normal","medium","large","xlarge","xxlarge"];

package/lib/src/core-components/src/components/Loader/loader.component.d.ts

@@ -62,4 +62,3 @@ export interface LoadingAnimateSpinProps {
     'aria-label'?: string;
 }
 export declare const LoadingAnimateSpin: ({ classWarper, className, variant, size, color, borderWidth, width, height, textFontSize, loadingText, classNames, styles, "aria-label": ariaLabel, }: LoadingAnimateSpinProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=loader.component.d.ts.map