@m4l/components 0.2.25 → 0.2.27

package/components/commercial/TopBar/{index.8e2163f7.js → index.08853566.js}

@@ -5,12 +5,12 @@ import { g as getComponentUtilityClass } from "../../../utils/index.de903261.js"
 import { createContext, useContext, useState } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.b920baf8.js";
+import { I as Icon } from "../../Icon/index.58eaf354.js";
 import clsx from "clsx";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.14875ec7.js";
-import { A as Accordion } from "../../mui_extended/Accordion/index.fb4eb664.js";
-import { B as Button } from "../../mui_extended/Button/index.e520bd15.js";
-import { P as Popover } from "../../mui_extended/Popover/index.b3eca6b1.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index.a32a5761.js";
+import { B as Button } from "../../mui_extended/Button/index.81367a73.js";
+import { P as Popover } from "../../mui_extended/Popover/index.d85de73b.js";
 const componentName = "M4LTopBar";
 const TopBarClasses = generateUtilityClasses(componentName, [
   "root",
@@ -110,8 +110,7 @@ const NavItemRoot = (props) => {
   const {
     title,
     children,
-    module_id,
-    icon_url
+    module_id
   } = itemRootData;
   const [anchorEl, setAnchorEl] = useState(null);
   const [openedPopoverId, setOpenedPopoverId] = useState(null);
@@ -181,9 +180,6 @@ const NavItemRoot = (props) => {
           size: "medium",
           variant: "text",
           href: itemRootData.path,
-          startIcon: /* @__PURE__ */ jsx(Icon, {
-            src: `${icon_url}`
-          }),
           children: title
         }), /* @__PURE__ */ jsx(Button, {
           variant: "text",
@@ -191,9 +187,6 @@ const NavItemRoot = (props) => {
           onClick: (e) => handleClick(e, module_id),
           endIcon: /* @__PURE__ */ jsx(ArrowIcon, {
             openState: openedPopoverId === module_id ? true : false
-          }),
-          startIcon: /* @__PURE__ */ jsx(Icon, {
-            src: `${icon_url}`
           })
         }), renderPopover()]
       });
@@ -212,9 +205,6 @@ const NavItemRoot = (props) => {
           endIcon: /* @__PURE__ */ jsx(ArrowIcon, {
             openState: openedPopoverId === module_id ? true : false
           }),
-          startIcon: /* @__PURE__ */ jsx(Icon, {
-            src: `${icon_url}`
-          }),
           children: title
         }), renderPopover()]
       });
@@ -225,9 +215,6 @@ const NavItemRoot = (props) => {
         size: "medium",
         href: itemRootData.path,
         "aria-describedby": module_id,
-        startIcon: /* @__PURE__ */ jsx(Icon, {
-          src: `${icon_url}`
-        }),
         children: /* @__PURE__ */ jsx("div", {
           children: title
         })

package/components/formatters/BooleanFormatter/{index.b3052107.js → index.4bb3d2f9.js}

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.b920baf8.js";
+import { I as Icon } from "../../Icon/index.58eaf354.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.95cc337e.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.3e9e2305.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;

package/components/formatters/PointsFormatter/{index.5c94c5e8.js → index.8a4fa393.js}

@@ -1,16 +1,16 @@
-import { getPropertyByString } from "@m4l/core";
+import { evaluateWithContext } from "@m4l/core";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
 function getFormatPoints(obProps, fieldValue, fieldUnit, chainPoint) {
   let result = "";
-  const points = getPropertyByString(obProps, fieldValue);
-  const unit = getPropertyByString(obProps, fieldUnit) || "";
+  const points = evaluateWithContext(obProps, fieldValue);
+  const unit = evaluateWithContext(obProps, fieldUnit) || "";
   if (points === void 0 || points === null || !Array.isArray(points)) {
     return "[]";
   }
   points.map((point) => {
     if (point) {
-      result = !chainPoint ? result.concat(`[${point}${unit}]`) : result.concat(`[${getPropertyByString(point, chainPoint)}${unit}]`);
+      result = !chainPoint ? result.concat(`[${point}${unit}]`) : result.concat(`[${evaluateWithContext(point, chainPoint)}${unit}]`);
     }
   });
   return result;

package/components/formatters/{index.95cc337e.js → index.3e9e2305.js}

@@ -3,7 +3,7 @@ import "@mui/base";
 import { jsx } from "react/jsx-runtime";
 import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { useModuleDictionary } from "@m4l/core";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.b3052107.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.4bb3d2f9.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/RHFAutocomplete/classes/types.d.ts

@@ -18,6 +18,7 @@ export interface RHFAutocompleteClassesType {
     sizeSmall: string;
     sizeMedium: string;
     isFocus: string;
+    isTabSelected: string;
 }
 export declare type RHFAutocompleteClassesKey = keyof RHFAutocompleteClassesType;
 export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/hook-form/RHFAutocomplete/{index.cf399b24.js → index.f9be5465.js}

@@ -1,8 +1,7 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
-import { Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
-import { styled } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.d034ca68.js";
+import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
+import { I as Image } from "../../Image/index.fa98eb78.js";
 import { useMemo, useRef, useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
@@ -10,7 +9,9 @@ import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js
 import { unstable_composeClasses } from "@mui/base";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as IconButton } from "../../mui_extended/IconButton/index.9ea23f87.js";
+import { u as useFormFocus } from "../../../vendor.47f1f3d4.js";
+import { F as FieldLabel } from "../../FieldLabel/index.8d3d6bb4.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.32fc9419.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({
@@ -68,7 +69,9 @@ const SkeletonRHFAutocomplete = (props) => {
         children: [/* @__PURE__ */ jsx("div", {
           className: classes.skeletonContainerText,
           children: /* @__PURE__ */ jsx(Skeleton, {
-            variant: "text"
+            variant: "text",
+            width: "50%",
+            height: "14px"
           })
         }), /* @__PURE__ */ jsx(Skeleton, {
           variant: "circular",
@@ -84,7 +87,9 @@ const SkeletonRHFAutocomplete = (props) => {
         }), /* @__PURE__ */ jsx("div", {
           className: classes.skeletonContainerText,
           children: /* @__PURE__ */ jsx(Skeleton, {
-            variant: "text"
+            variant: "text",
+            width: "50%",
+            height: "14px"
           })
         }), /* @__PURE__ */ jsx(Skeleton, {
           variant: "circular",
@@ -117,14 +122,15 @@ generateUtilityClasses(componentName, [
   "variantError",
   "sizeSmall",
   "sizeMedium",
-  "isFocus"
+  "isFocus",
+  "isTabSelected"
 ]);
 function getRHFAutocompleteClassesUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
 }
 const useUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.focus && "isFocus", ownerState.disabled && "isDisabled", ownerState.semantics === "info" && "variantInfo", ownerState.semantics === "success" && "variantSuccess", ownerState.semantics === "warning" && "variantWarning", ownerState.semantics === "error" && "variantError", ownerState.imageWidthDefined && "imageWidthDefined"],
+    root: ["root", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.isFocus && "isFocus", ownerState.isTabSelected && "isTabSelected", ownerState.disabled && "isDisabled", ownerState.semantics === "info" && "variantInfo", ownerState.semantics === "success" && "variantSuccess", ownerState.semantics === "warning" && "variantWarning", ownerState.semantics === "error" && "variantError", ownerState.imageWidthDefined && "imageWidthDefined"],
     withImage: ["withImage"],
     skeleton: ["skeleton"],
     label: ["label"],
@@ -157,17 +163,29 @@ function RHFAutocomplete(props) {
     size = "small",
     onChangeFilterParmsLocal,
     imageWidth,
+    mandatory,
+    mandatoryMessage,
     ...other
   } = props;
   const {
     getLabel
   } = useModuleDictionary();
   const isSkeleton = useModuleSkeleton();
+  console.log("RHFAutocomplete mandatory", mandatory);
+  console.log("RHFAutocomplete mandatoryMessage", mandatoryMessage);
+  console.log("RHFAutocomplete label", label);
   const withImage = useMemo(() => getOptionUrlImage !== void 0, [getOptionUrlImage]);
   const {
     host_static_assets,
     environment_assets
   } = useEnvironment();
+  const {
+    isFocus,
+    isTabSelected,
+    handlerFocus,
+    handlerOnKeyUp,
+    handlerOnBlur
+  } = useFormFocus();
   const autocompleteRef = useRef(null);
   const [open, setOpen] = useState(false);
   const isDesktop = useResponsiveDesktop();
@@ -205,7 +223,6 @@ function RHFAutocomplete(props) {
       errors
     }
   } = useFormContext();
-  const [isFocus, setIsFocus] = useState(false);
   const [currentVariant, setCurrentVariant] = useState(null);
   useEffect(() => {
     if (errors[nameRHF]) {
@@ -216,23 +233,23 @@ function RHFAutocomplete(props) {
       setCurrentVariant(null);
     }
   }, [errors[nameRHF], variant, control]);
-  const handleFocus = () => {
-    setIsFocus(true);
-  };
-  const handleBlur = () => {
-    setIsFocus(false);
-  };
   const ownerState = {
     size: !isDesktop ? "medium" : size,
-    focus: isFocus,
+    isFocus: !isSkeleton ? isFocus : false,
+    isTabSelected: !isSkeleton ? isTabSelected : false,
     semantics: currentVariant,
     disabled,
     imageWidthDefined: imageWidth ? true : false
   };
   const classes = useUtilityClasses(ownerState);
+  console.log("classes ***", classes);
   const theme = useTheme();
   return /* @__PURE__ */ jsx(AutocompleteRoot, {
     className: classes.root,
+    tabIndex: 0,
+    onFocus: handlerFocus,
+    onBlur: handlerOnBlur,
+    onKeyUp: handlerOnKeyUp,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: `${RHFTAUTOCOMPLET_ROOT_TEST_ID}_${nameRHF}`
     } : {},
@@ -262,17 +279,17 @@ function RHFAutocomplete(props) {
             e.preventDefault();
         };
         return /* @__PURE__ */ jsxs(Fragment, {
-          children: [/* @__PURE__ */ jsx(Typography, {
-            variant: "body",
+          children: [label && /* @__PURE__ */ jsx(FieldLabel, {
             className: classes.label,
-            children: label
+            label,
+            mandatory,
+            mandatoryMessage,
+            helperMessage
           }), /* @__PURE__ */ jsx(Autocomplete, {
             onKeyDown: checkKeyDown,
             autoComplete: true,
             size,
             ref: autocompleteRef,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
             autoSelect: false,
             options,
             getOptionLabel: getOptionLabelLocal,
@@ -347,6 +364,7 @@ function RHFAutocomplete(props) {
                       className: classes.iconDown,
                       src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg`,
                       onClick: (event) => onOpenLocal(event),
+                      disabled,
                       size
                     })
                   })
@@ -356,9 +374,9 @@ function RHFAutocomplete(props) {
                 ...other
               });
             }
-          }), currentVariant ? /* @__PURE__ */ jsx(HelperText, {
+          }), currentVariant === "error" ? /* @__PURE__ */ jsx(HelperText, {
             variant: currentVariant,
-            message: currentVariant !== "error" ? helperMessage : error?.message
+            message: error?.message
           }) : null]
         });
       }

package/components/hook-form/RHFAutocomplete/types.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { AutocompleteCloseReason, AutocompleteInputChangeReason, TextFieldProps } from '@mui/material';
-import { RHFTextFieldProps } from '../RHFTextField';
+import { FieldLabelProps } from '../../FieldLabel/types';
 export declare type GetOptionString<T> = (option: T | null) => string;
 export declare type RHFAutocompleteVariants = 'info' | 'success' | 'warning';
-export declare type RHFAutocompleteProps<T> = {
+export interface RHFAutocompleteProps<T> extends Omit<TextFieldProps, 'label' | 'variant'>, Omit<FieldLabelProps, 'label'> {
     name: string;
     options: Array<T>;
     getOptionLabel: (option: T) => string;
@@ -15,18 +15,18 @@ export declare type RHFAutocompleteProps<T> = {
     isOptionEqualToValue: (option: T, value: T) => boolean;
     skeletonWidth?: string | number;
     skeletonHeight?: string | number;
-    size?: Pick<RHFTextFieldProps, 'size'>;
-    label: string;
     loading?: boolean;
+    label?: string;
     variant?: RHFAutocompleteVariants;
     helperMessage?: string;
     onOpen?: (event: React.SyntheticEvent) => void;
     onClose?: (event: React.SyntheticEvent, reason: AutocompleteCloseReason) => void;
     onChangeFilterParmsLocal?: (newValue: string, reason: AutocompleteInputChangeReason) => void;
     imageHeight?: string | number;
-} & TextFieldProps;
-export interface OwnerState extends Pick<RHFTextFieldProps, 'size' | 'disabled'> {
-    focus: boolean;
+}
+export interface OwnerState extends Pick<RHFAutocompleteProps<any>, 'size' | 'disabled'> {
+    isFocus: boolean;
+    isTabSelected: boolean;
     semantics: RHFAutocompleteVariants | 'error' | null;
     variant?: 'withImage';
     imageWidthDefined: boolean;

package/components/hook-form/RHFAutocompleteAsync/{index.b2b75475.js → index.c01fd38a.js}

@@ -1,12 +1,11 @@
 import { useState, useCallback, useEffect } from "react";
 import { useNetwork, getPropertyByString } from "@m4l/core";
 import debounce from "lodash/debounce";
-import { styled } from "@mui/material/styles";
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.cf399b24.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.f9be5465.js";
 styled("div")(() => ({
   display: "flex",
   width: "100%",

package/components/hook-form/RHFCheckbox/classes/types.d.ts

@@ -6,5 +6,7 @@ export interface RHFCheckboxClassesType {
     medium: string;
     stateDisabled: string;
     stateError: string;
+    isFocus: string;
+    isTabSelected: string;
 }
 export declare type RHFCheckboxClassesKey = keyof RHFCheckboxClassesType;

package/components/hook-form/RHFCheckbox/{index.a38715e3.js → index.4f650b78.js}

@@ -1,12 +1,13 @@
 import { useFormContext, Controller } from "react-hook-form";
-import { styled } from "@mui/material/styles";
-import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { styled, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
+import { useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { C as CheckBox } from "../../mui_extended/CheckBox.e662d20c.js";
+import { u as useFormFocus } from "../../../vendor.47f1f3d4.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.b3c0f2ad.js";
 const RHFCheckboxRoot = styled("div")(({
   theme
 }) => ({
@@ -34,14 +35,16 @@ generateUtilityClasses("M4LRHFCheckbox", [
   "small",
   "medium",
   "stateDisabled",
-  "stateError"
+  "stateError",
+  "isFocus",
+  "isTabSelected"
 ]);
 function getRHFCheckboxUtilityClass(slot) {
   return generateUtilityClass("M4LRHFCheckbox", slot);
 }
 const useUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root", ownerState.sizeCheck === "small" && "small", ownerState.sizeCheck === "medium" && "medium", ownerState.disabled && "stateDisabled", ownerState.error && "stateError"],
+    root: ["root", ownerState.isFocus && "isFocus", ownerState.isTabSelected && "isTabSelected", ownerState.sizeCheck === "small" && "small", ownerState.sizeCheck === "medium" && "medium", ownerState.disabled && "stateDisabled", ownerState.error && "stateError"],
     skeleton: ["skeleton"],
     checkTypography: ["checkTypography", ownerState.sizeCheck === "small" ? "small" : "medium", ownerState.disabled && "stateDisabled"]
   };
@@ -59,7 +62,10 @@ function RHFCheckbox(props) {
     name,
     sizeCheck = "small",
     label,
-    disabled = false
+    disabled = false,
+    mandatory,
+    mandatoryMessage,
+    helperMessage
   } = props;
   const {
     control,
@@ -67,8 +73,18 @@ function RHFCheckbox(props) {
       errors
     }
   } = useFormContext();
+  const isSkeleton = useModuleSkeleton();
+  const {
+    isFocus,
+    isTabSelected,
+    handlerFocus,
+    handlerOnKeyUp,
+    handlerOnBlur
+  } = useFormFocus();
   const isDesktop = useResponsiveDesktop();
   const ownerState = {
+    isFocus: !isSkeleton ? isFocus : false,
+    isTabSelected: !isSkeleton ? isTabSelected : false,
     sizeCheck: !isDesktop ? "medium" : sizeCheck,
     disabled,
     error: errors[name] ? true : false
@@ -76,6 +92,9 @@ function RHFCheckbox(props) {
   const classes = useUtilityClasses(ownerState);
   return /* @__PURE__ */ jsx(RHFCheckboxRoot, {
     className: classes.root,
+    onFocus: handlerFocus,
+    onBlur: handlerOnBlur,
+    onKeyUp: handlerOnKeyUp,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("root", name)
     } : {},
@@ -83,11 +102,15 @@ function RHFCheckbox(props) {
       name,
       control,
       render: ({
-        field,
+        field: {
+          onChange,
+          value
+        },
         fieldState: {
           error
         }
       }) => {
+        console.log("checkBox Field value", value);
         return /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsx(ContainerCheckTypography, {
             className: classes.checkTypography,
@@ -96,11 +119,15 @@ function RHFCheckbox(props) {
             } : {},
             children: /* @__PURE__ */ jsx(CheckBox, {
               size: sizeCheck,
-              ...field,
-              checked: field.value,
+              onChange,
+              checked: value,
               disabled: disabled ? true : false,
               disableRipple: true,
-              label
+              label,
+              mandatory,
+              mandatoryMessage,
+              helperMessage,
+              htmlFor: name
             })
           }), error?.message && /* @__PURE__ */ jsx(HelperText, {
             variant: "error",

package/components/hook-form/RHFCheckbox/types.d.ts

@@ -1,5 +1,6 @@
 import { FormControlLabelProps } from '@mui/material';
-export interface RHFCheckboxProps extends Omit<FormControlLabelProps, 'control' | 'label'> {
+import { FieldLabelProps } from '../../FieldLabel/types';
+export interface RHFCheckboxProps extends Omit<FormControlLabelProps, 'control' | 'label'>, Omit<FieldLabelProps, 'label'> {
     name: string;
     sizeCheck?: 'small' | 'medium';
     label?: string;
@@ -9,5 +10,7 @@ export interface RHFMultiCheckboxProps extends Omit<FormControlLabelProps, 'cont
     options: string[];
 }
 export interface OwnerState extends Pick<RHFCheckboxProps, 'sizeCheck' | 'disabled'> {
+    isFocus: boolean;
+    isTabSelected: boolean;
     error: boolean;
 }

package/components/hook-form/RHFColorPicker/RFHColorPicker.d.ts

@@ -0,0 +1,8 @@
+import { RHFColorPickerProps } from './types';
+/**
+ * Componente RHFColorPicker para seleccionar colores con React Hook Form.
+ * @component
+ * @param {RHFColorPickerProps} props - Propiedades del componente.
+ * @returns {JSX.Element} - Elemento JSX que representa el componente.
+ */
+export declare const RHFColorPicker: (props: RHFColorPickerProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFColorPicker/classes/index.d.ts

@@ -1,7 +1,8 @@
 import { RHFColorPickerClassesType } from './types';
+import type { OwnerState } from '../types';
 export declare const colorPickerClasses: RHFColorPickerClassesType;
 export declare function getRHFColorPickerUtilityClass(slot: string): string;
-export declare const useUtilityClasses: () => {
+export declare const useUtilityClasses: (owmerState: OwnerState) => {
     root: string;
     skeleton: string;
     popoverRoot: string;

package/components/hook-form/RHFColorPicker/classes/types.d.ts

@@ -6,6 +6,10 @@ export interface RHFColorPickerClassesType {
     fieldColor: string;
     containerPicker: string;
     skeleton: string;
+    sizeSmall: string;
+    sizeMedium: string;
+    isFocus: string;
+    isTabSelected: string;
 }
 export declare type RHFColorPickerClassesKey = keyof RHFColorPickerClassesType;
 export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/hook-form/RHFColorPicker/dictionary.d.ts

@@ -0,0 +1 @@
+export declare function getRHFColorPickerComponentsDictionary(): string[];