@arquimedes.co/eureka-forms 3.0.1-refactor → 3.0.2-refactor

package/dist/Icons/ExpandMoreIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './ErkIcon.module.css';
-function ExpandMoreIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M15.88 9.29L12 13.17 8.12 9.29a.9959.9959 0 00-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z" }) }));
+import { useIconProps } from './@ErkIcon';
+function ExpandMoreIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M15.88 9.29L12 13.17 8.12 9.29a.9959.9959 0 00-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z" }) }));
 }
 export default ExpandMoreIcon;

package/dist/Icons/FileIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from './@IconTypes';
-declare function FileIcon({ className, ...props }: IconProps): JSX.Element;
+import { IconProps } from './@ErkIcon';
+declare function FileIcon(props: IconProps): JSX.Element;
 export default FileIcon;

package/dist/Icons/FileIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './ErkIcon.module.css';
-function FileIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M14.59 2.59c-.38-.38-.89-.59-1.42-.59H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.82-4.83zM15 18H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm0-4H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm-2-6V3.5L18.5 9H14c-.55 0-1-.45-1-1z" }) }));
+import { useIconProps } from './@ErkIcon';
+function FileIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M14.59 2.59c-.38-.38-.89-.59-1.42-.59H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.82-4.83zM15 18H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm0-4H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm-2-6V3.5L18.5 9H14c-.55 0-1-.45-1-1z" }) }));
 }
 export default FileIcon;

package/dist/Icons/InfoIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from './@IconTypes';
-declare function InfoIcon({ className, ...props }: IconProps): JSX.Element;
+import { IconProps } from './@ErkIcon';
+declare function InfoIcon(props: IconProps): JSX.Element;
 export default InfoIcon;

package/dist/Icons/InfoIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './ErkIcon.module.css';
-function InfoIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1-8h-2V7h2v2z" }) }));
+import { useIconProps } from './@ErkIcon';
+function InfoIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1-8h-2V7h2v2z" }) }));
 }
 export default InfoIcon;

package/dist/Icons/LocationIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from './@IconTypes';
-declare function LocationIcon({ className, ...props }: IconProps): JSX.Element;
+import { IconProps } from './@ErkIcon';
+declare function LocationIcon(props: IconProps): JSX.Element;
 export default LocationIcon;

package/dist/Icons/LocationIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './ErkIcon.module.css';
-function LocationIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 4.17 4.42 9.92 6.24 12.11.4.48 1.13.48 1.53 0C14.58 18.92 19 13.17 19 9c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" }) }));
+import { useIconProps } from './@ErkIcon';
+function LocationIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 4.17 4.42 9.92 6.24 12.11.4.48 1.13.48 1.53 0C14.58 18.92 19 13.17 19 9c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" }) }));
 }
 export default LocationIcon;

package/dist/Icons/PersonIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from './@IconTypes';
-declare function PersonIcon({ className, ...props }: IconProps): JSX.Element;
+import { IconProps } from './@ErkIcon';
+declare function PersonIcon(props: IconProps): JSX.Element;
 export default PersonIcon;

package/dist/Icons/PersonIcon.js

@@ -1,6 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './ErkIcon.module.css';
-function PersonIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsxs("svg", { ...props, className: className, version: "1.1", viewBox: "-42 0 512 512", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "m210.351562 246.632812c33.882813 0 63.222657-12.152343 87.195313-36.128906 23.972656-23.972656 36.125-53.304687 36.125-87.191406 0-33.875-12.152344-63.210938-36.128906-87.191406-23.976563-23.96875-53.3125-36.121094-87.191407-36.121094-33.886718 0-63.21875 12.152344-87.191406 36.125s-36.128906 53.308594-36.128906 87.1875c0 33.886719 12.15625 63.222656 36.132812 87.195312 23.976563 23.96875 53.3125 36.125 87.1875 36.125zm0 0" }), _jsx("path", { d: "m426.128906 393.703125c-.691406-9.976563-2.089844-20.859375-4.148437-32.351563-2.078125-11.578124-4.753907-22.523437-7.957031-32.527343-3.308594-10.339844-7.808594-20.550781-13.371094-30.335938-5.773438-10.15625-12.554688-19-20.164063-26.277343-7.957031-7.613282-17.699219-13.734376-28.964843-18.199219-11.226563-4.441407-23.667969-6.691407-36.976563-6.691407-5.226563 0-10.28125 2.144532-20.042969 8.5-6.007812 3.917969-13.035156 8.449219-20.878906 13.460938-6.707031 4.273438-15.792969 8.277344-27.015625 11.902344-10.949219 3.542968-22.066406 5.339844-33.039063 5.339844-10.972656 0-22.085937-1.796876-33.046874-5.339844-11.210938-3.621094-20.296876-7.625-26.996094-11.898438-7.769532-4.964844-14.800782-9.496094-20.898438-13.46875-9.75-6.355468-14.808594-8.5-20.035156-8.5-13.3125 0-25.75 2.253906-36.972656 6.699219-11.257813 4.457031-21.003906 10.578125-28.96875 18.199219-7.605469 7.28125-14.390625 16.121094-20.15625 26.273437-5.558594 9.785157-10.058594 19.992188-13.371094 30.339844-3.199219 10.003906-5.875 20.945313-7.953125 32.523437-2.058594 11.476563-3.457031 22.363282-4.148437 32.363282-.679688 9.796875-1.023438 19.964844-1.023438 30.234375 0 26.726562 8.496094 48.363281 25.25 64.320312 16.546875 15.746094 38.441406 23.734375 65.066406 23.734375h246.53125c26.625 0 48.511719-7.984375 65.0625-23.734375 16.757813-15.945312 25.253906-37.585937 25.253906-64.324219-.003906-10.316406-.351562-20.492187-1.035156-30.242187zm0 0" })] }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIconProps } from './@ErkIcon';
+function PersonIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "1 1 22 22", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4z" }) }));
 }
 export default PersonIcon;

package/dist/Icons/Ratings/DislikeIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../@IconTypes';
-declare function DislikeIcon({ className, ...props }: IconProps): JSX.Element;
+import { IconProps } from '../@ErkIcon';
+declare function DislikeIcon(props: IconProps): JSX.Element;
 export default DislikeIcon;

package/dist/Icons/Ratings/DislikeIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from '../ErkIcon.module.css';
-function DislikeIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M10.88 21.94l5.53-5.54c.37-.37.58-.88.58-1.41V5c0-1.1-.9-2-2-2H6c-.8 0-1.52.48-1.83 1.21L.91 11.82C.06 13.8 1.51 16 3.66 16h5.65l-.95 4.58c-.1.5.05 1.01.41 1.37.59.58 1.53.58 2.11-.01zM21 3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2z" }) }));
+import { useIconProps } from '../@ErkIcon';
+function DislikeIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M10.88 21.94l5.53-5.54c.37-.37.58-.88.58-1.41V5c0-1.1-.9-2-2-2H6c-.8 0-1.52.48-1.83 1.21L.91 11.82C.06 13.8 1.51 16 3.66 16h5.65l-.95 4.58c-.1.5.05 1.01.41 1.37.59.58 1.53.58 2.11-.01zM21 3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2z" }) }));
 }
 export default DislikeIcon;

package/dist/Icons/Ratings/DissatisfiedIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../@IconTypes';
-declare function DissatisfiedIcon({ className, ...props }: IconProps): JSX.Element;
+import { IconProps } from '../@ErkIcon';
+declare function DissatisfiedIcon(props: IconProps): JSX.Element;
 export default DissatisfiedIcon;

package/dist/Icons/Ratings/DissatisfiedIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from '../ErkIcon.module.css';
-function DissatisfiedIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsxs("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "15.5", cy: "9.5", r: "1.5" }), _jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }), _jsx("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-3.5c.73 0 1.39.19 1.97.53.12-.14.86-.98 1.01-1.14-.85-.56-1.87-.89-2.98-.89-1.11 0-2.13.33-2.99.88.97 1.09.01.02 1.01 1.14.59-.33 1.25-.52 1.98-.52z" })] }));
+import { useIconProps } from '../@ErkIcon';
+function DissatisfiedIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsxs("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "15.5", cy: "9.5", r: "1.5" }), _jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }), _jsx("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-3.5c.73 0 1.39.19 1.97.53.12-.14.86-.98 1.01-1.14-.85-.56-1.87-.89-2.98-.89-1.11 0-2.13.33-2.99.88.97 1.09.01.02 1.01 1.14.59-.33 1.25-.52 1.98-.52z" })] }));
 }
 export default DissatisfiedIcon;

package/dist/Icons/Ratings/LikeIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../@IconTypes';
-declare function LikeIcon({ className, ...props }: IconProps): JSX.Element;
+import { IconProps } from '../@ErkIcon';
+declare function LikeIcon(props: IconProps): JSX.Element;
 export default LikeIcon;

package/dist/Icons/Ratings/LikeIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from '../ErkIcon.module.css';
-function LikeIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M13.12 2.06L7.58 7.6c-.37.37-.58.88-.58 1.41V19c0 1.1.9 2 2 2h9c.8 0 1.52-.48 1.84-1.21l3.26-7.61C23.94 10.2 22.49 8 20.34 8h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37-.59-.58-1.53-.58-2.11.01zM3 21c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2z" }) }));
+import { useIconProps } from '../@ErkIcon';
+function LikeIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M13.12 2.06L7.58 7.6c-.37.37-.58.88-.58 1.41V19c0 1.1.9 2 2 2h9c.8 0 1.52-.48 1.84-1.21l3.26-7.61C23.94 10.2 22.49 8 20.34 8h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37-.59-.58-1.53-.58-2.11.01zM3 21c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2z" }) }));
 }
 export default LikeIcon;

package/dist/Icons/Ratings/SatisfiedIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../@IconTypes';
-declare function SatisfiedIcon({ className, ...props }: IconProps): JSX.Element;
+import { IconProps } from '../@ErkIcon';
+declare function SatisfiedIcon(props: IconProps): JSX.Element;
 export default SatisfiedIcon;

package/dist/Icons/Ratings/SatisfiedIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from '../ErkIcon.module.css';
-function SatisfiedIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsxs("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "15.5", cy: "9.5", r: "1.5" }), _jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }), _jsx("path", { d: "M12 16c-1.48 0-2.75-.81-3.45-2H6.88c.8 2.05 2.79 3.5 5.12 3.5s4.32-1.45 5.12-3.5h-1.67c-.69 1.19-1.97 2-3.45 2zm-.01-14C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" })] }));
+import { useIconProps } from '../@ErkIcon';
+function SatisfiedIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsxs("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "15.5", cy: "9.5", r: "1.5" }), _jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }), _jsx("path", { d: "M12 16c-1.48 0-2.75-.81-3.45-2H6.88c.8 2.05 2.79 3.5 5.12 3.5s4.32-1.45 5.12-3.5h-1.67c-.69 1.19-1.97 2-3.45 2zm-.01-14C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" })] }));
 }
 export default SatisfiedIcon;

package/dist/Icons/Ratings/StarIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../@IconTypes';
-declare function StarIcon({ className, ...props }: IconProps): JSX.Element;
+import { IconProps } from '../@ErkIcon';
+declare function StarIcon(props: IconProps): JSX.Element;
 export default StarIcon;

package/dist/Icons/Ratings/StarIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from '../ErkIcon.module.css';
-function StarIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 17.27l5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54c-.17-.41-.75-.41-.92 0L9.19 8.63l-6.01.51c-.44.04-.62.59-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54L12 17.27z" }) }));
+import { useIconProps } from '../@ErkIcon';
+function StarIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 17.27l5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54c-.17-.41-.75-.41-.92 0L9.19 8.63l-6.01.51c-.44.04-.62.59-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54L12 17.27z" }) }));
 }
 export default StarIcon;

package/dist/Icons/Ratings/VeryDissatisfiedIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../@IconTypes';
-declare function VeryDissatisfiedIcon({ className, ...props }: IconProps): JSX.Element;
+import { IconProps } from '../@ErkIcon';
+declare function VeryDissatisfiedIcon(props: IconProps): JSX.Element;
 export default VeryDissatisfiedIcon;

package/dist/Icons/Ratings/VeryDissatisfiedIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from '../ErkIcon.module.css';
-function VeryDissatisfiedIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsxs("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "15.5", cy: "9.5", r: "1.5" }), _jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }), _jsx("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-6c-2.33 0-4.32 1.45-5.12 3.5h1.67c.69-1.19 1.97-2 3.45-2s2.75.81 3.45 2h1.67c-.8-2.05-2.79-3.5-5.12-3.5z" })] }));
+import { useIconProps } from '../@ErkIcon';
+function VeryDissatisfiedIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsxs("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "15.5", cy: "9.5", r: "1.5" }), _jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }), _jsx("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-6c-2.33 0-4.32 1.45-5.12 3.5h1.67c.69-1.19 1.97-2 3.45-2s2.75.81 3.45 2h1.67c-.8-2.05-2.79-3.5-5.12-3.5z" })] }));
 }
 export default VeryDissatisfiedIcon;

package/dist/Icons/Ratings/VerySatisfiedIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../@IconTypes';
-declare function VerySatisfiedIcon({ className, ...props }: IconProps): JSX.Element;
+import { IconProps } from '../@ErkIcon';
+declare function VerySatisfiedIcon(props: IconProps): JSX.Element;
 export default VerySatisfiedIcon;

package/dist/Icons/Ratings/VerySatisfiedIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from '../ErkIcon.module.css';
-function VerySatisfiedIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsxs("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "15.5", cy: "9.5", r: "1.5" }), _jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }), _jsx("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-5-6c.78 2.34 2.72 4 5 4s4.22-1.66 5-4H7z" })] }));
+import { useIconProps } from '../@ErkIcon';
+function VerySatisfiedIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsxs("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "15.5", cy: "9.5", r: "1.5" }), _jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }), _jsx("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-5-6c.78 2.34 2.72 4 5 4s4.22-1.66 5-4H7z" })] }));
 }
 export default VerySatisfiedIcon;

package/dist/Icons/WarningIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from './@IconTypes';
-declare function WarningIcon({ className, ...props }: IconProps): JSX.Element;
+import { IconProps } from './@ErkIcon';
+declare function WarningIcon(props: IconProps): JSX.Element;
 export default WarningIcon;

package/dist/Icons/WarningIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './ErkIcon.module.css';
-function WarningIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z" }) }));
+import { useIconProps } from './@ErkIcon';
+function WarningIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z" }) }));
 }
 export default WarningIcon;

package/dist/Shared/ErkDatePicker/ErkDatePicker.js

@@ -117,7 +117,7 @@ const StyledDay = styled(MuiPickerDay)(({ theme }) => ({
 }));
 function CustomDatePicker({ error, required, disabled, readOnly, helperText, pickTime = false, ...others }) {
     if (pickTime) {
-        return (_jsx(StyledDateTimePicker, { ...others, disabled: disabled ?? readOnly, defaultValue: required ? new Date() : undefined, showDaysOutsideCurrentMonth: true, slotProps: {
+        return (_jsx(StyledDateTimePicker, { ampm: true, ...others, disabled: disabled ?? readOnly, defaultValue: required ? new Date() : undefined, showDaysOutsideCurrentMonth: true, slotProps: {
                 actionBar: {
                     actions: ['clear', 'accept'],
                 },
@@ -144,10 +144,7 @@ function CustomDatePicker({ error, required, disabled, readOnly, helperText, pic
                     placeholder: '',
                     InputProps: {
                         disabled: disabled ?? readOnly,
-                        endAdornment: (_jsx(CalendarIcon, { style: {
-                                width: 27,
-                                height: 27,
-                            } })),
+                        endAdornment: _jsx(CalendarIcon, { fill: "#000000a0" }),
                     },
                 },
             }, slots: {
@@ -185,10 +182,7 @@ function CustomDatePicker({ error, required, disabled, readOnly, helperText, pic
                     placeholder: '',
                     InputProps: {
                         disabled: disabled ?? readOnly,
-                        endAdornment: (_jsx(CalendarIcon, { style: {
-                                width: 27,
-                                height: 27,
-                            } })),
+                        endAdornment: _jsx(CalendarIcon, { fill: "#000000a0" }),
                     },
                 },
             }, localeText: {}, slots: {

package/dist/Shared/ErkTextField/ErkTextField.js

@@ -5,6 +5,7 @@ import { useAppSelector } from '../../hooks';
 export const StyledTextField = styled(MuiTextField)(({ theme, padding = '6px 12px', ...props }) => ({
     borderRadius: 10,
     opacity: props.disabled ? 0.5 : 1,
+    backgroundColor: theme.palette.stepBackgroundColor.default,
     '& input, textarea': {
         cursor: props.disabled || props.readOnly ? 'default' : 'text',
         padding,

package/dist/Shared/InputIcon/InputIcon.js

@@ -33,11 +33,7 @@ function InputIcon({ icon, fill, ...others }) {
                     width: 23,
                 }, fill: fill, ...others }));
         case IconTypes.PERSON:
-            return (_jsx(PersonIcon, { style: {
-                    display: 'flex',
-                    height: 23,
-                    width: 23,
-                }, fill: fill, ...others }));
+            return _jsx(PersonIcon, { fill: fill, ...others });
         case IconTypes.LEAK:
             return (_jsx(LeakIcon, { style: {
                     display: 'flex',
@@ -70,11 +66,7 @@ function InputIcon({ icon, fill, ...others }) {
                     width: 24,
                 }, fill: fill, ...others }));
         case IconTypes.CALENDAR:
-            return (_jsx(CalendarIcon, { style: {
-                    display: 'flex',
-                    height: 23,
-                    width: 23,
-                }, fill: fill, ...others }));
+            return _jsx(CalendarIcon, { fill: fill, ...others });
         case IconTypes.LOCATION:
             return (_jsx(LocationIcon, { style: {
                     display: 'flex',

package/dist/Utils/MaterialProviders.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '../Utils/MuiClassnameSetup';
 import { FormStyle } from '../@Types/Form';
 import { Palette, PaletteColor } from '@mui/material/styles/createPalette';
 declare module '@mui/material/styles' {

package/dist/Utils/MaterialProviders.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import '../Utils/MuiClassnameSetup';
 import { esES as DatePickersEs } from '@mui/x-date-pickers/locales';
 import { createTheme, ThemeProvider } from '@mui/material';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';

package/dist/Widget.d.ts

@@ -1 +1 @@
-export {};
+import './Utils/MuiClassnameSetup';

package/dist/Widget.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom';
 import App from './App/App';
+import './Utils/MuiClassnameSetup';
 const WIDGET_ID = document.currentScript?.getAttribute('data-id') ?? 'widget:eureka';
 const element = document.getElementById(WIDGET_ID);
 const props = {};

package/dist/main.d.ts

@@ -1,2 +1,3 @@
 import './Init.ts';
 import './index.css';
+import './Utils/MuiClassnameSetup';

package/dist/main.js

@@ -4,6 +4,7 @@ import ReactDOM from 'react-dom/client';
 import styles from './index.module.css';
 import App from './App/App';
 import './index.css';
+import './Utils/MuiClassnameSetup';
 const urlParams = new URLSearchParams(window.location.search);
 const values = urlParams.get('data-values');
 let dataValues = undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arquimedes.co/eureka-forms",
   "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-  "version":"3.0.1-refactor",
+  "version":"3.0.2-refactor",
   "scripts": {
     "watch": "tsc --noEmit --watch --project tsconfig.app.json",
     "start": "vite",
@@ -16,24 +16,20 @@
     "cypress": "DISPLAY=:0 cypress open"
   },
   "dependencies": {
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@mui/material": "^6.1.3",
-    "@mui/x-date-pickers": "^7.19.0",
-    "@reduxjs/toolkit": "^2.2.8",
+    "@reduxjs/toolkit": "^2.4.0",
     "axios": "^1.7.7",
     "date-fns": "^4.1.0",
     "draft-js": "^0.11.7",
-    "i18n-iso-countries": "^7.12.0",
-    "libphonenumber-js": "^1.11.11",
+    "i18n-iso-countries": "^7.13.0",
+    "libphonenumber-js": "^1.11.14",
     "logrocket": "^9.0.0",
     "nanoid": "^5.0.7",
     "react-draft-wysiwyg": "^1.15.0",
     "react-google-recaptcha": "^3.1.0",
-    "react-hook-form": "^7.53.0",
+    "react-hook-form": "^7.53.2",
     "react-international-phone": "^4.3.0",
     "react-redux": "^9.1.2",
-    "typescript": "^5.6.2"
+    "typescript": "^5.7.2"
   },
   "eslintConfig": {},
   "browserslist": {
@@ -50,10 +46,10 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-env": "^7.25.7",
-    "@babel/preset-react": "^7.25.7",
-    "@babel/preset-typescript": "^7.25.7",
-    "@faker-js/faker": "^9.0.3",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-typescript": "^7.26.0",
+    "@faker-js/faker": "^9.2.0",
     "@storybook/addon-coverage": "^1.0.4",
     "@storybook/addon-essentials": "^8.3.5",
     "@storybook/addon-interactions": "^8.3.5",
@@ -66,19 +62,19 @@
     "@storybook/test": "^8.3.5",
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/draft-js": "^0.11.18",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
     "@types/react-draft-wysiwyg": "^1.13.8",
     "@types/react-google-recaptcha": "^2.1.9",
     "@typescript-eslint/eslint-plugin": "^8.8.1",
     "@typescript-eslint/parser": "^8.8.1",
-    "@vitejs/plugin-react-swc": "^3.7.1",
-    "chromatic": "^11.12.5",
-    "cypress": "^13.15.0",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "chromatic": "^11.19.0",
+    "cypress": "^13.16.0",
     "dotenv-webpack": "^8.1.0",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
@@ -88,18 +84,22 @@
     "eslint-plugin-storybook": "^0.9.0",
     "identity-obj-proxy": "^3.0.0",
     "jsdom": "^25.0.1",
-    "prettier": "3.3.3",
+    "prettier": "3.4.1",
     "react-docgen-typescript": "^2.2.2",
     "react-refresh": "^0.14.2",
-    "storybook": "^8.3.5",
+    "storybook": "^8.4.5",
     "storybook-mock-date-decorator": "^2.0.6",
-    "vite": "^5.4.8",
-    "vite-plugin-svgr": "^4.2.0",
-    "vitest": "^2.1.2"
+    "vite": "^6.0.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^2.1.6"
   },
   "peerDependencies": {
     "react": "^18.x.x",
-    "react-dom": "^18.x.x"
+    "react-dom": "^18.x.x",
+    "@emotion/react": "^11.x.x",
+    "@emotion/styled": "^11.x.x",
+    "@mui/material": "^6.x.x",
+    "@mui/x-date-pickers": "^7.x.x"
   },
   "publishConfig": {
     "access": "public"

package/dist/Icons/@IconTypes.d.ts

@@ -1,6 +0,0 @@
-export interface IconProps {
-    fill?: string;
-    contrast?: string;
-    style?: React.CSSProperties;
-    className?: string;
-}

package/dist/Icons/@IconTypes.js

@@ -1 +0,0 @@
-export {};

package/dist/Icons/{ErkIcon.module.css → @ErkIcon.css}

@@ -1,7 +1,7 @@
 .ErkIcon {
-    fill: currentColor;
     width: 1em;
     height: 1em;
+    fill: currentColor;
     display: inline-block;
     font-size: 1.5rem;
     flex-shrink: 0;