siam-ui-utils 3.0.32 → 3.1.0

package/dist/custom-input/CustomInputCurrency.js

@@ -1,84 +1,84 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Input } from "reactstrap";
-import { fieldToCurrency } from "siam-utils";
-const CustomInputCurrency = (props) => {
-  const {
-    onChange = () => {
-    },
-    onFocus = () => {
-    },
-    value = {},
-    maxLength = "20",
-    style = {}
-  } = props;
-  const styleCurrency = { ...style, textAlign: "right" };
-  const [valueInputCur, setValueInputCur] = useState("");
-  const escapeRegExp = (string) => string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-  const handleInputOnBlur = (event) => {
-    const { target } = event;
-    if (valueInputCur !== "") {
-      const valor = valueInputCur.replace(".", "");
-      const valorPersistence = valor.replace(",", ".");
-      setValueInputCur(fieldToCurrency(valorPersistence));
-      onChange({
-        ...event,
-        target: {
-          ...target,
-          value: valorPersistence,
-          valueCurrency: fieldToCurrency(valorPersistence),
-          valueFloat: parseFloat(valorPersistence)
-        }
-      });
-    }
-  };
-  const handleInputOnFocus = (e) => {
-    if (valueInputCur !== "") {
-      const valor = valueInputCur.replace("$ ", "");
-      const valor2 = valor.replace(/\./g, "");
-      setValueInputCur(valor2);
-    }
-    onFocus(e);
-  };
-  const handleInputChange = (event) => {
-    const { target } = event;
-    const valor = target.value.replace("$ ", "");
-    const valid = /^-?[0-9.]*(?:[,]\d?\d?)?$/;
-    if (valid.test(valor)) {
-      const sepDec = valor.slice(-1) === "." ? `${valor.slice(0, -1)},` : valor;
-      const punto = new RegExp(escapeRegExp("."), "g");
-      const sinSepMil = sepDec.replace(punto, "");
-      const posPuntoDec = sinSepMil.indexOf(",");
-      const parteDecimal = posPuntoDec >= 0 ? sinSepMil.slice(posPuntoDec) : "";
-      const parteEntera = posPuntoDec >= 0 ? sinSepMil.slice(0, posPuntoDec) : sinSepMil;
-      setValueInputCur(parteEntera + parteDecimal);
-    }
-  };
-  useEffect(() => {
-    if (value && value !== "") {
-      if (typeof value != "number" && value && value.includes("$")) {
-        setValueInputCur(value.toString());
-      } else {
-        setValueInputCur(fieldToCurrency(value.toString()));
-      }
-    } else {
-      setValueInputCur("");
-    }
-  }, [value]);
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      ...props,
-      style: styleCurrency,
-      maxLength,
-      value: valueInputCur,
-      onFocus: handleInputOnFocus,
-      onChange: handleInputChange,
-      onBlur: handleInputOnBlur
-    }
-  );
-};
-export {
-  CustomInputCurrency
-};
-//# sourceMappingURL=CustomInputCurrency.js.map
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
+import { fieldToCurrency } from "siam-utils";
+const CustomInputCurrency = (props) => {
+  const {
+    onChange = () => {
+    },
+    onFocus = () => {
+    },
+    value = {},
+    maxLength = "20",
+    style = {}
+  } = props;
+  const styleCurrency = { ...style, textAlign: "right" };
+  const [valueInputCur, setValueInputCur] = useState("");
+  const escapeRegExp = (string) => string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const handleInputOnBlur = (event) => {
+    const { target } = event;
+    if (valueInputCur !== "") {
+      const valor = valueInputCur.replace(".", "");
+      const valorPersistence = valor.replace(",", ".");
+      setValueInputCur(fieldToCurrency(valorPersistence));
+      onChange({
+        ...event,
+        target: {
+          ...target,
+          value: valorPersistence,
+          valueCurrency: fieldToCurrency(valorPersistence),
+          valueFloat: parseFloat(valorPersistence)
+        }
+      });
+    }
+  };
+  const handleInputOnFocus = (e) => {
+    if (valueInputCur !== "") {
+      const valor = valueInputCur.replace("$ ", "");
+      const valor2 = valor.replace(/\./g, "");
+      setValueInputCur(valor2);
+    }
+    onFocus(e);
+  };
+  const handleInputChange = (event) => {
+    const { target } = event;
+    const valor = target.value.replace("$ ", "");
+    const valid = /^-?[0-9.]*(?:[,]\d?\d?)?$/;
+    if (valid.test(valor)) {
+      const sepDec = valor.slice(-1) === "." ? `${valor.slice(0, -1)},` : valor;
+      const punto = new RegExp(escapeRegExp("."), "g");
+      const sinSepMil = sepDec.replace(punto, "");
+      const posPuntoDec = sinSepMil.indexOf(",");
+      const parteDecimal = posPuntoDec >= 0 ? sinSepMil.slice(posPuntoDec) : "";
+      const parteEntera = posPuntoDec >= 0 ? sinSepMil.slice(0, posPuntoDec) : sinSepMil;
+      setValueInputCur(parteEntera + parteDecimal);
+    }
+  };
+  useEffect(() => {
+    if (value && value !== "") {
+      if (typeof value != "number" && value && value.includes("$")) {
+        setValueInputCur(value.toString());
+      } else {
+        setValueInputCur(fieldToCurrency(value.toString()));
+      }
+    } else {
+      setValueInputCur("");
+    }
+  }, [value]);
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      ...props,
+      style: styleCurrency,
+      maxLength,
+      value: valueInputCur,
+      onFocus: handleInputOnFocus,
+      onChange: handleInputChange,
+      onBlur: handleInputOnBlur
+    }
+  );
+};
+export {
+  CustomInputCurrency
+};
+//# sourceMappingURL=CustomInputCurrency.js.map

package/dist/custom-input/CustomInputCurrency.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomInputCurrency.js","sources":["../../src/custom-input/CustomInputCurrency.jsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Input } from 'reactstrap';\r\nimport { fieldToCurrency } from 'siam-utils';\r\n/**\r\n * value, //admite formato como devuelve la BD (varchar), flotante o currency\r\n * al setear un valor en el componente se visualiza como Currency:\r\n *    Formato $ 3.000,60\r\n * Al intentar editar el VALOR automaticamente se conviertea un numero cuyo formato es:\r\n *    sin separador de miles, sin simbolo pesos ($), y la coma como separador de decimales\r\n *    Formato: 3000,60\r\n * Al perder el foco el VALOR cambia a formato currency\r\n * Para el componente PADRE que lo esta usando, va a recibir desde el evento onblur un valor cuyo formato es el PERSISTENCE:\r\n *    Formato: 3000.60\r\n */\r\nexport const CustomInputCurrency = (props) => {\r\n  const {\r\n    onChange = () => {\r\n      undefined;\r\n    },\r\n    onFocus = () => {\r\n      undefined;\r\n    },\r\n    value = {},\r\n    maxLength = '20',\r\n    style = {},\r\n  } = props;\r\n  const styleCurrency = { ...style, textAlign: 'right' };\r\n  const [valueInputCur, setValueInputCur] = useState('');\r\n  const escapeRegExp = (string) =>\r\n    string.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\r\n\r\n  const handleInputOnBlur = (event) => {\r\n    const { target } = event;\r\n    if (valueInputCur !== '') {\r\n      const valor = valueInputCur.replace('.', '');\r\n      const valorPersistence = valor.replace(',', '.');\r\n      setValueInputCur(fieldToCurrency(valorPersistence));\r\n      onChange({\r\n        ...event,\r\n        target: {\r\n          ...target,\r\n          value: valorPersistence,\r\n          valueCurrency: fieldToCurrency(valorPersistence),\r\n          valueFloat: parseFloat(valorPersistence),\r\n        },\r\n      });\r\n    }\r\n  };\r\n\r\n  const handleInputOnFocus = (e) => {\r\n    if (valueInputCur !== '') {\r\n      const valor = valueInputCur.replace('$ ', '');\r\n      const valor2 = valor.replace(/\\./g, '');\r\n      setValueInputCur(valor2);\r\n    }\r\n    onFocus(e);\r\n  };\r\n\r\n  const handleInputChange = (event) => {\r\n    const { target } = event;\r\n    const valor = target.value.replace('$ ', '');\r\n    const valid = /^-?[0-9.]*(?:[,]\\d?\\d?)?$/;\r\n    if (valid.test(valor)) {\r\n      const sepDec = valor.slice(-1) === '.' ? `${valor.slice(0, -1)},` : valor;\r\n      const punto = new RegExp(escapeRegExp('.'), 'g');\r\n      const sinSepMil = sepDec.replace(punto, '');\r\n      const posPuntoDec = sinSepMil.indexOf(',');\r\n      const parteDecimal = posPuntoDec >= 0 ? sinSepMil.slice(posPuntoDec) : '';\r\n      const parteEntera =\r\n        posPuntoDec >= 0 ? sinSepMil.slice(0, posPuntoDec) : sinSepMil;\r\n      setValueInputCur(parteEntera + parteDecimal);\r\n    }\r\n  };\r\n  useEffect(() => {\r\n    if (value && value !== '') {\r\n      if (typeof value != 'number' && value && value.includes('$')) {\r\n        setValueInputCur(value.toString());\r\n      } else {\r\n        setValueInputCur(fieldToCurrency(value.toString()));\r\n      }\r\n    } else {\r\n      setValueInputCur('');\r\n    }\r\n  }, [value]);\r\n\r\n  return (\r\n    <Input\r\n      {...props}\r\n      style={styleCurrency}\r\n      maxLength={maxLength}\r\n      value={valueInputCur}\r\n      onFocus={handleInputOnFocus}\r\n      onChange={handleInputChange}\r\n      onBlur={handleInputOnBlur}\r\n    />\r\n  );\r\n};\r\n\r\nexport default CustomInputCurrency;\r\n"],"names":[],"mappings":";;;;AAcO,MAAM,sBAAsB,CAAC,UAAU;AAC5C,QAAM;AAAA,IACJ,WAAW,MAAM;AAAA,IAEjB;AAAA,IACA,UAAU,MAAM;AAAA,IAEhB;AAAA,IACA,QAAQ,CAAA;AAAA,IACR,YAAY;AAAA,IACZ,QAAQ,CAAA;AAAA,EAAC,IACP;AACJ,QAAM,gBAAgB,EAAE,GAAG,OAAO,WAAW,QAAA;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,EAAE;AACrD,QAAM,eAAe,CAAC,WACpB,OAAO,QAAQ,uBAAuB,MAAM;AAE9C,QAAM,oBAAoB,CAAC,UAAU;AACnC,UAAM,EAAE,WAAW;AACnB,QAAI,kBAAkB,IAAI;AACxB,YAAM,QAAQ,cAAc,QAAQ,KAAK,EAAE;AAC3C,YAAM,mBAAmB,MAAM,QAAQ,KAAK,GAAG;AAC/C,uBAAiB,gBAAgB,gBAAgB,CAAC;AAClD,eAAS;AAAA,QACP,GAAG;AAAA,QACH,QAAQ;AAAA,UACN,GAAG;AAAA,UACH,OAAO;AAAA,UACP,eAAe,gBAAgB,gBAAgB;AAAA,UAC/C,YAAY,WAAW,gBAAgB;AAAA,QAAA;AAAA,MACzC,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,qBAAqB,CAAC,MAAM;AAChC,QAAI,kBAAkB,IAAI;AACxB,YAAM,QAAQ,cAAc,QAAQ,MAAM,EAAE;AAC5C,YAAM,SAAS,MAAM,QAAQ,OAAO,EAAE;AACtC,uBAAiB,MAAM;AAAA,IACzB;AACA,YAAQ,CAAC;AAAA,EACX;AAEA,QAAM,oBAAoB,CAAC,UAAU;AACnC,UAAM,EAAE,WAAW;AACnB,UAAM,QAAQ,OAAO,MAAM,QAAQ,MAAM,EAAE;AAC3C,UAAM,QAAQ;AACd,QAAI,MAAM,KAAK,KAAK,GAAG;AACrB,YAAM,SAAS,MAAM,MAAM,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM;AACpE,YAAM,QAAQ,IAAI,OAAO,aAAa,GAAG,GAAG,GAAG;AAC/C,YAAM,YAAY,OAAO,QAAQ,OAAO,EAAE;AAC1C,YAAM,cAAc,UAAU,QAAQ,GAAG;AACzC,YAAM,eAAe,eAAe,IAAI,UAAU,MAAM,WAAW,IAAI;AACvE,YAAM,cACJ,eAAe,IAAI,UAAU,MAAM,GAAG,WAAW,IAAI;AACvD,uBAAiB,cAAc,YAAY;AAAA,IAC7C;AAAA,EACF;AACA,YAAU,MAAM;AACd,QAAI,SAAS,UAAU,IAAI;AACzB,UAAI,OAAO,SAAS,YAAY,SAAS,MAAM,SAAS,GAAG,GAAG;AAC5D,yBAAiB,MAAM,UAAU;AAAA,MACnC,OAAO;AACL,yBAAiB,gBAAgB,MAAM,SAAA,CAAU,CAAC;AAAA,MACpD;AAAA,IACF,OAAO;AACL,uBAAiB,EAAE;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;"}
+{"version":3,"file":"CustomInputCurrency.js","sources":["../../src/custom-input/CustomInputCurrency.jsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Input } from '@neolution-ch/reactstrap';\r\nimport { fieldToCurrency } from 'siam-utils';\r\n/**\r\n * value, //admite formato como devuelve la BD (varchar), flotante o currency\r\n * al setear un valor en el componente se visualiza como Currency:\r\n *    Formato $ 3.000,60\r\n * Al intentar editar el VALOR automaticamente se conviertea un numero cuyo formato es:\r\n *    sin separador de miles, sin simbolo pesos ($), y la coma como separador de decimales\r\n *    Formato: 3000,60\r\n * Al perder el foco el VALOR cambia a formato currency\r\n * Para el componente PADRE que lo esta usando, va a recibir desde el evento onblur un valor cuyo formato es el PERSISTENCE:\r\n *    Formato: 3000.60\r\n */\r\nexport const CustomInputCurrency = (props) => {\r\n  const {\r\n    onChange = () => {\r\n      undefined;\r\n    },\r\n    onFocus = () => {\r\n      undefined;\r\n    },\r\n    value = {},\r\n    maxLength = '20',\r\n    style = {},\r\n  } = props;\r\n  const styleCurrency = { ...style, textAlign: 'right' };\r\n  const [valueInputCur, setValueInputCur] = useState('');\r\n  const escapeRegExp = (string) =>\r\n    string.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\r\n\r\n  const handleInputOnBlur = (event) => {\r\n    const { target } = event;\r\n    if (valueInputCur !== '') {\r\n      const valor = valueInputCur.replace('.', '');\r\n      const valorPersistence = valor.replace(',', '.');\r\n      setValueInputCur(fieldToCurrency(valorPersistence));\r\n      onChange({\r\n        ...event,\r\n        target: {\r\n          ...target,\r\n          value: valorPersistence,\r\n          valueCurrency: fieldToCurrency(valorPersistence),\r\n          valueFloat: parseFloat(valorPersistence),\r\n        },\r\n      });\r\n    }\r\n  };\r\n\r\n  const handleInputOnFocus = (e) => {\r\n    if (valueInputCur !== '') {\r\n      const valor = valueInputCur.replace('$ ', '');\r\n      const valor2 = valor.replace(/\\./g, '');\r\n      setValueInputCur(valor2);\r\n    }\r\n    onFocus(e);\r\n  };\r\n\r\n  const handleInputChange = (event) => {\r\n    const { target } = event;\r\n    const valor = target.value.replace('$ ', '');\r\n    const valid = /^-?[0-9.]*(?:[,]\\d?\\d?)?$/;\r\n    if (valid.test(valor)) {\r\n      const sepDec = valor.slice(-1) === '.' ? `${valor.slice(0, -1)},` : valor;\r\n      const punto = new RegExp(escapeRegExp('.'), 'g');\r\n      const sinSepMil = sepDec.replace(punto, '');\r\n      const posPuntoDec = sinSepMil.indexOf(',');\r\n      const parteDecimal = posPuntoDec >= 0 ? sinSepMil.slice(posPuntoDec) : '';\r\n      const parteEntera =\r\n        posPuntoDec >= 0 ? sinSepMil.slice(0, posPuntoDec) : sinSepMil;\r\n      setValueInputCur(parteEntera + parteDecimal);\r\n    }\r\n  };\r\n  useEffect(() => {\r\n    if (value && value !== '') {\r\n      if (typeof value != 'number' && value && value.includes('$')) {\r\n        setValueInputCur(value.toString());\r\n      } else {\r\n        setValueInputCur(fieldToCurrency(value.toString()));\r\n      }\r\n    } else {\r\n      setValueInputCur('');\r\n    }\r\n  }, [value]);\r\n\r\n  return (\r\n    <Input\r\n      {...props}\r\n      style={styleCurrency}\r\n      maxLength={maxLength}\r\n      value={valueInputCur}\r\n      onFocus={handleInputOnFocus}\r\n      onChange={handleInputChange}\r\n      onBlur={handleInputOnBlur}\r\n    />\r\n  );\r\n};\r\n\r\nexport default CustomInputCurrency;\r\n"],"names":[],"mappings":";;;;AAcO,MAAM,sBAAsB,CAAC,UAAU;AAC5C,QAAM;AAAA,IACJ,WAAW,MAAM;AAAA,IAEjB;AAAA,IACA,UAAU,MAAM;AAAA,IAEhB;AAAA,IACA,QAAQ,CAAA;AAAA,IACR,YAAY;AAAA,IACZ,QAAQ,CAAA;AAAA,EAAC,IACP;AACJ,QAAM,gBAAgB,EAAE,GAAG,OAAO,WAAW,QAAA;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,EAAE;AACrD,QAAM,eAAe,CAAC,WACpB,OAAO,QAAQ,uBAAuB,MAAM;AAE9C,QAAM,oBAAoB,CAAC,UAAU;AACnC,UAAM,EAAE,WAAW;AACnB,QAAI,kBAAkB,IAAI;AACxB,YAAM,QAAQ,cAAc,QAAQ,KAAK,EAAE;AAC3C,YAAM,mBAAmB,MAAM,QAAQ,KAAK,GAAG;AAC/C,uBAAiB,gBAAgB,gBAAgB,CAAC;AAClD,eAAS;AAAA,QACP,GAAG;AAAA,QACH,QAAQ;AAAA,UACN,GAAG;AAAA,UACH,OAAO;AAAA,UACP,eAAe,gBAAgB,gBAAgB;AAAA,UAC/C,YAAY,WAAW,gBAAgB;AAAA,QAAA;AAAA,MACzC,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,qBAAqB,CAAC,MAAM;AAChC,QAAI,kBAAkB,IAAI;AACxB,YAAM,QAAQ,cAAc,QAAQ,MAAM,EAAE;AAC5C,YAAM,SAAS,MAAM,QAAQ,OAAO,EAAE;AACtC,uBAAiB,MAAM;AAAA,IACzB;AACA,YAAQ,CAAC;AAAA,EACX;AAEA,QAAM,oBAAoB,CAAC,UAAU;AACnC,UAAM,EAAE,WAAW;AACnB,UAAM,QAAQ,OAAO,MAAM,QAAQ,MAAM,EAAE;AAC3C,UAAM,QAAQ;AACd,QAAI,MAAM,KAAK,KAAK,GAAG;AACrB,YAAM,SAAS,MAAM,MAAM,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM;AACpE,YAAM,QAAQ,IAAI,OAAO,aAAa,GAAG,GAAG,GAAG;AAC/C,YAAM,YAAY,OAAO,QAAQ,OAAO,EAAE;AAC1C,YAAM,cAAc,UAAU,QAAQ,GAAG;AACzC,YAAM,eAAe,eAAe,IAAI,UAAU,MAAM,WAAW,IAAI;AACvE,YAAM,cACJ,eAAe,IAAI,UAAU,MAAM,GAAG,WAAW,IAAI;AACvD,uBAAiB,cAAc,YAAY;AAAA,IAC7C;AAAA,EACF;AACA,YAAU,MAAM;AACd,QAAI,SAAS,UAAU,IAAI;AACzB,UAAI,OAAO,SAAS,YAAY,SAAS,MAAM,SAAS,GAAG,GAAG;AAC5D,yBAAiB,MAAM,UAAU;AAAA,MACnC,OAAO;AACL,yBAAiB,gBAAgB,MAAM,SAAA,CAAU,CAAC;AAAA,MACpD;AAAA,IACF,OAAO;AACL,uBAAiB,EAAE;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;"}

package/dist/custom-input/CustomInputFile.js

@@ -1,45 +1,47 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { FormGroup, Label, Input } from "reactstrap";
-import { MENSAJE } from "./constant.js";
-import "./index.css";
-const CustomInputFile = ({
-  accept,
-  className = "",
-  id,
-  label,
-  name,
-  onChange
-}) => {
-  const [fileName, setFileName] = useState(label || LABEL_FILE);
-  const { LABEL_FILE } = MENSAJE;
-  const handleFileChange = (event) => {
-    const files = event.target.files;
-    if (files.length > 0) {
-      setFileName(files[0].name);
-    } else {
-      setFileName(label || LABEL_FILE);
-    }
-    if (onChange) {
-      onChange(event);
-    }
-  };
-  return /* @__PURE__ */ jsxs(FormGroup, { className: `custom-file ${className}`, children: [
-    /* @__PURE__ */ jsx(Label, { for: id, className: "custom-file-label", children: fileName }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        id,
-        name,
-        accept,
-        type: "file",
-        onChange: handleFileChange,
-        className: "custom-file-input"
-      }
-    )
-  ] });
-};
-export {
-  CustomInputFile
-};
-//# sourceMappingURL=CustomInputFile.js.map
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import FormGroup from "../node_modules/@neolution-ch/reactstrap/esm/FormGroup.js";
+import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
+import Label from "../node_modules/@neolution-ch/reactstrap/esm/Label.js";
+import { MENSAJE } from "./constant.js";
+import "./index.css";
+const CustomInputFile = ({
+  accept,
+  className = "",
+  id,
+  label,
+  name,
+  onChange
+}) => {
+  const [fileName, setFileName] = useState(label || LABEL_FILE);
+  const { LABEL_FILE } = MENSAJE;
+  const handleFileChange = (event) => {
+    const files = event.target.files;
+    if (files.length > 0) {
+      setFileName(files[0].name);
+    } else {
+      setFileName(label || LABEL_FILE);
+    }
+    if (onChange) {
+      onChange(event);
+    }
+  };
+  return /* @__PURE__ */ jsxs(FormGroup, { className: `custom-file ${className}`, children: [
+    /* @__PURE__ */ jsx(Label, { for: id, className: "custom-file-label", children: fileName }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        name,
+        accept,
+        type: "file",
+        onChange: handleFileChange,
+        className: "custom-file-input"
+      }
+    )
+  ] });
+};
+export {
+  CustomInputFile
+};
+//# sourceMappingURL=CustomInputFile.js.map

package/dist/custom-input/CustomInputFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomInputFile.js","sources":["../../src/custom-input/CustomInputFile.jsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { FormGroup, Input, Label } from 'reactstrap';\r\nimport { MENSAJE } from './constant';\r\nimport './index.css';\r\n\r\nexport const CustomInputFile = ({\r\n  accept,\r\n  className = '',\r\n  id,\r\n  label,\r\n  name,\r\n  onChange,\r\n}) => {\r\n  const [fileName, setFileName] = useState(label || LABEL_FILE);\r\n  const { LABEL_FILE } = MENSAJE;\r\n  const handleFileChange = (event) => {\r\n    const files = event.target.files;\r\n    if (files.length > 0) {\r\n      setFileName(files[0].name);\r\n    } else {\r\n      setFileName(label || LABEL_FILE);\r\n    }\r\n\r\n    if (onChange) {\r\n      onChange(event);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <FormGroup className={`custom-file ${className}`}>\r\n      <Label for={id} className=\"custom-file-label\">\r\n        {fileName}\r\n      </Label>\r\n      <Input\r\n        id={id}\r\n        name={name}\r\n        accept={accept}\r\n        type=\"file\"\r\n        onChange={handleFileChange}\r\n        className=\"custom-file-input\"\r\n      />\r\n    </FormGroup>\r\n  );\r\n};\r\n\r\nexport default CustomInputFile;\r\n"],"names":[],"mappings":";;;;;AAKO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,SAAS,UAAU;AAC5D,QAAM,EAAE,eAAe;AACvB,QAAM,mBAAmB,CAAC,UAAU;AAClC,UAAM,QAAQ,MAAM,OAAO;AAC3B,QAAI,MAAM,SAAS,GAAG;AACpB,kBAAY,MAAM,CAAC,EAAE,IAAI;AAAA,IAC3B,OAAO;AACL,kBAAY,SAAS,UAAU;AAAA,IACjC;AAEA,QAAI,UAAU;AACZ,eAAS,KAAK;AAAA,IAChB;AAAA,EACF;AAEA,SACE,qBAAC,WAAA,EAAU,WAAW,eAAe,SAAS,IAC5C,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAM,KAAK,IAAI,WAAU,qBACvB,UAAA,UACH;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,UAAU;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}
+{"version":3,"file":"CustomInputFile.js","sources":["../../src/custom-input/CustomInputFile.jsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { FormGroup, Input, Label } from '@neolution-ch/reactstrap';\r\nimport { MENSAJE } from './constant';\r\nimport './index.css';\r\n\r\nexport const CustomInputFile = ({\r\n  accept,\r\n  className = '',\r\n  id,\r\n  label,\r\n  name,\r\n  onChange,\r\n}) => {\r\n  const [fileName, setFileName] = useState(label || LABEL_FILE);\r\n  const { LABEL_FILE } = MENSAJE;\r\n  const handleFileChange = (event) => {\r\n    const files = event.target.files;\r\n    if (files.length > 0) {\r\n      setFileName(files[0].name);\r\n    } else {\r\n      setFileName(label || LABEL_FILE);\r\n    }\r\n\r\n    if (onChange) {\r\n      onChange(event);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <FormGroup className={`custom-file ${className}`}>\r\n      <Label for={id} className=\"custom-file-label\">\r\n        {fileName}\r\n      </Label>\r\n      <Input\r\n        id={id}\r\n        name={name}\r\n        accept={accept}\r\n        type=\"file\"\r\n        onChange={handleFileChange}\r\n        className=\"custom-file-input\"\r\n      />\r\n    </FormGroup>\r\n  );\r\n};\r\n\r\nexport default CustomInputFile;\r\n"],"names":[],"mappings":";;;;;;;AAKO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,SAAS,UAAU;AAC5D,QAAM,EAAE,eAAe;AACvB,QAAM,mBAAmB,CAAC,UAAU;AAClC,UAAM,QAAQ,MAAM,OAAO;AAC3B,QAAI,MAAM,SAAS,GAAG;AACpB,kBAAY,MAAM,CAAC,EAAE,IAAI;AAAA,IAC3B,OAAO;AACL,kBAAY,SAAS,UAAU;AAAA,IACjC;AAEA,QAAI,UAAU;AACZ,eAAS,KAAK;AAAA,IAChB;AAAA,EACF;AAEA,SACE,qBAAC,WAAA,EAAU,WAAW,eAAe,SAAS,IAC5C,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAM,KAAK,IAAI,WAAU,qBACvB,UAAA,UACH;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,UAAU;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}

package/dist/custom-input/CustomInputRadio.js

@@ -1,66 +1,68 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FormGroup, Input, Label } from "reactstrap";
-import "./index.css";
-const CustomInputRadio = ({
-  className,
-  customClassName,
-  checked,
-  disabled,
-  id,
-  inline,
-  label,
-  name,
-  onChange,
-  direction = "row"
-}) => {
-  return /* @__PURE__ */ jsx(
-    FormGroup,
-    {
-      inline,
-      className: `custom-radio ${customClassName || ""}`,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: {
-            display: "flex",
-            flexDirection: direction,
-            alignItems: "center",
-            justifyContent: "center"
-          },
-          children: [
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id,
-                type: "radio",
-                name,
-                checked,
-                onChange,
-                disabled,
-                className
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Label,
-              {
-                check: true,
-                htmlFor: id,
-                style: {
-                  alignItems: "center",
-                  justifyContent: "center",
-                  height: "25px",
-                  width: "25px"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { children: label })
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  CustomInputRadio
-};
-//# sourceMappingURL=CustomInputRadio.js.map
+import { jsx, jsxs } from "react/jsx-runtime";
+import FormGroup from "../node_modules/@neolution-ch/reactstrap/esm/FormGroup.js";
+import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
+import Label from "../node_modules/@neolution-ch/reactstrap/esm/Label.js";
+import "./index.css";
+const CustomInputRadio = ({
+  className,
+  customClassName,
+  checked,
+  disabled,
+  id,
+  inline,
+  label,
+  name,
+  onChange,
+  direction = "row"
+}) => {
+  return /* @__PURE__ */ jsx(
+    FormGroup,
+    {
+      inline,
+      className: `custom-radio ${customClassName || ""}`,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: direction,
+            alignItems: "center",
+            justifyContent: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id,
+                type: "radio",
+                name,
+                checked,
+                onChange,
+                disabled,
+                className
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Label,
+              {
+                check: true,
+                htmlFor: id,
+                style: {
+                  alignItems: "center",
+                  justifyContent: "center",
+                  height: "25px",
+                  width: "25px"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { children: label })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  CustomInputRadio
+};
+//# sourceMappingURL=CustomInputRadio.js.map

package/dist/custom-input/CustomInputRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomInputRadio.js","sources":["../../src/custom-input/CustomInputRadio.jsx"],"sourcesContent":["import { FormGroup, Label, Input } from 'reactstrap';\r\nimport './index.css';\r\n\r\nexport const CustomInputRadio = ({\r\n  className,\r\n  customClassName,\r\n  checked,\r\n  disabled,\r\n  id,\r\n  inline,\r\n  label,\r\n  name,\r\n  onChange,\r\n  direction = 'row',\r\n}) => {\r\n  return (\r\n    <FormGroup\r\n      inline={inline}\r\n      className={`custom-radio ${customClassName || ''}`}\r\n    >\r\n      <div\r\n        style={{\r\n          display: 'flex',\r\n          flexDirection: direction,\r\n          alignItems: 'center',\r\n          justifyContent: 'center',\r\n        }}\r\n      >\r\n        <Input\r\n          id={id}\r\n          type=\"radio\"\r\n          name={name}\r\n          checked={checked}\r\n          onChange={onChange}\r\n          disabled={disabled}\r\n          className={className}\r\n        />\r\n\r\n        <Label\r\n          check\r\n          htmlFor={id}\r\n          style={{\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n            height: '25px',\r\n            width: '25px',\r\n          }}\r\n        ></Label>\r\n        <div>{label}</div>\r\n      </div>\r\n    </FormGroup>\r\n  );\r\n};\r\n\r\nexport default CustomInputRadio;\r\n"],"names":[],"mappings":";;;AAGO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAM;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,gBAAgB,mBAAmB,EAAE;AAAA,MAEhD,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAAA;AAAA,UAGlB,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,MAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAK;AAAA,gBACL,SAAS;AAAA,gBACT,OAAO;AAAA,kBACL,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,QAAQ;AAAA,kBACR,OAAO;AAAA,gBAAA;AAAA,cACT;AAAA,YAAA;AAAA,YAEF,oBAAC,SAAK,UAAA,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"CustomInputRadio.js","sources":["../../src/custom-input/CustomInputRadio.jsx"],"sourcesContent":["import { FormGroup, Label, Input } from '@neolution-ch/reactstrap';\r\nimport './index.css';\r\n\r\nexport const CustomInputRadio = ({\r\n  className,\r\n  customClassName,\r\n  checked,\r\n  disabled,\r\n  id,\r\n  inline,\r\n  label,\r\n  name,\r\n  onChange,\r\n  direction = 'row',\r\n}) => {\r\n  return (\r\n    <FormGroup\r\n      inline={inline}\r\n      className={`custom-radio ${customClassName || ''}`}\r\n    >\r\n      <div\r\n        style={{\r\n          display: 'flex',\r\n          flexDirection: direction,\r\n          alignItems: 'center',\r\n          justifyContent: 'center',\r\n        }}\r\n      >\r\n        <Input\r\n          id={id}\r\n          type=\"radio\"\r\n          name={name}\r\n          checked={checked}\r\n          onChange={onChange}\r\n          disabled={disabled}\r\n          className={className}\r\n        />\r\n\r\n        <Label\r\n          check\r\n          htmlFor={id}\r\n          style={{\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n            height: '25px',\r\n            width: '25px',\r\n          }}\r\n        ></Label>\r\n        <div>{label}</div>\r\n      </div>\r\n    </FormGroup>\r\n  );\r\n};\r\n\r\nexport default CustomInputRadio;\r\n"],"names":[],"mappings":";;;;;AAGO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAM;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,gBAAgB,mBAAmB,EAAE;AAAA,MAEhD,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAAA;AAAA,UAGlB,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,MAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAK;AAAA,gBACL,SAAS;AAAA,gBACT,OAAO;AAAA,kBACL,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,QAAQ;AAAA,kBACR,OAAO;AAAA,gBAAA;AAAA,cACT;AAAA,YAAA;AAAA,YAEF,oBAAC,SAAK,UAAA,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAGN;"}

package/dist/custom-input/constant.js

@@ -1,5 +1,5 @@
-const MENSAJE = { LABEL_FILE: "Elija el archivo..." };
-export {
-  MENSAJE
-};
-//# sourceMappingURL=constant.js.map
+const MENSAJE = { LABEL_FILE: "Elija el archivo..." };
+export {
+  MENSAJE
+};
+//# sourceMappingURL=constant.js.map

package/dist/custom-input/index.js

@@ -1,12 +1,12 @@
-import "./index.css";
-import { CustomInputCheckbox } from "./CustomInputCheckbox.js";
-import { CustomInputRadio } from "./CustomInputRadio.js";
-import { CustomInputFile } from "./CustomInputFile.js";
-import { CustomInputCurrency } from "./CustomInputCurrency.js";
-export {
-  CustomInputCheckbox,
-  CustomInputCurrency,
-  CustomInputFile,
-  CustomInputRadio
-};
-//# sourceMappingURL=index.js.map
+import "./index.css";
+import { CustomInputCheckbox } from "./CustomInputCheckbox.js";
+import { CustomInputRadio } from "./CustomInputRadio.js";
+import { CustomInputFile } from "./CustomInputFile.js";
+import { CustomInputCurrency } from "./CustomInputCurrency.js";
+export {
+  CustomInputCheckbox,
+  CustomInputCurrency,
+  CustomInputFile,
+  CustomInputRadio
+};
+//# sourceMappingURL=index.js.map

package/dist/drag-and-dropzone/DropzoneComponent.js

@@ -0,0 +1,83 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState, useMemo, useEffect } from "react";
+function DropzoneComponent({
+  config = {},
+  djsConfig = {},
+  eventHandlers = {},
+  className = "",
+  action,
+  children
+}) {
+  const dropzoneRef = useRef(null);
+  const dropzoneInstance = useRef(null);
+  const [files, setFiles] = useState([]);
+  const options = useMemo(() => {
+    return {
+      ...config.postUrl ? { url: config.postUrl } : {},
+      ...djsConfig
+    };
+  }, [config.postUrl, djsConfig]);
+  const setupEvents = (dz) => {
+    if (!eventHandlers) return;
+    Object.entries(eventHandlers).forEach(([event, handler]) => {
+      if (!handler) return;
+      const handlers = Array.isArray(handler) ? handler : [handler];
+      handlers.forEach((fn) => {
+        if (event === "init") {
+          fn(dz);
+        } else {
+          dz.on(event, fn);
+        }
+      });
+    });
+    dz.on("addedfile", (file) => {
+      if (!file) return;
+      setFiles((prev) => [...prev, file]);
+    });
+    dz.on("removedfile", (file) => {
+      if (!file) return;
+      setFiles(
+        (prev) => prev.filter((f) => !(f.name === file.name && f.size === file.size))
+      );
+    });
+  };
+  useEffect(() => {
+    let mounted = true;
+    const initDropzone = async () => {
+      const { default: Dropzone } = await import("../node_modules/dropzone/dist/dropzone.js");
+      if (!mounted) return;
+      Dropzone.autoDiscover = false;
+      const node = config.dropzoneSelector || dropzoneRef.current;
+      if (!node) return;
+      const dz = new Dropzone(node, options);
+      dropzoneInstance.current = dz;
+      setupEvents(dz);
+    };
+    initDropzone();
+    return () => {
+      mounted = false;
+      const dz = dropzoneInstance.current;
+      if (!dz) return;
+      dz.off();
+      dz.destroy();
+    };
+  }, []);
+  useEffect(() => {
+    const dz = dropzoneInstance.current;
+    if (!dz) return;
+    dz.options = {
+      ...dz.options,
+      ...djsConfig,
+      ...config.postUrl ? { url: config.postUrl } : {}
+    };
+  }, [config.postUrl, djsConfig]);
+  const dropzoneClass = className ? `filepicker dropzone ${className}` : "filepicker dropzone";
+  if (!config.postUrl && action) {
+    return /* @__PURE__ */ jsx("form", { ref: dropzoneRef, action, className: dropzoneClass, children });
+  }
+  return /* @__PURE__ */ jsx("div", { ref: dropzoneRef, className: dropzoneClass, children });
+}
+export {
+  DropzoneComponent as default
+};
+//# sourceMappingURL=DropzoneComponent.js.map

package/dist/drag-and-dropzone/DropzoneComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneComponent.js","sources":["../../src/drag-and-dropzone/DropzoneComponent.jsx"],"sourcesContent":["import { useEffect, useRef, useState, useMemo } from 'react';\r\n\r\nexport default function DropzoneComponent({\r\n  config = {},\r\n  djsConfig = {},\r\n  eventHandlers = {},\r\n  className = '',\r\n  action,\r\n  children,\r\n}) {\r\n  const dropzoneRef = useRef(null);\r\n  const dropzoneInstance = useRef(null);\r\n\r\n  const [files, setFiles] = useState([]);\r\n\r\n  const options = useMemo(() => {\r\n    return {\r\n      ...(config.postUrl ? { url: config.postUrl } : {}),\r\n      ...djsConfig,\r\n    };\r\n  }, [config.postUrl, djsConfig]);\r\n\r\n  const setupEvents = (dz) => {\r\n    if (!eventHandlers) return;\r\n\r\n    Object.entries(eventHandlers).forEach(([event, handler]) => {\r\n      if (!handler) return;\r\n\r\n      const handlers = Array.isArray(handler) ? handler : [handler];\r\n\r\n      handlers.forEach((fn) => {\r\n        if (event === 'init') {\r\n          fn(dz);\r\n        } else {\r\n          dz.on(event, fn);\r\n        }\r\n      });\r\n    });\r\n\r\n    dz.on('addedfile', (file) => {\r\n      if (!file) return;\r\n      setFiles((prev) => [...prev, file]);\r\n    });\r\n\r\n    dz.on('removedfile', (file) => {\r\n      if (!file) return;\r\n\r\n      setFiles((prev) =>\r\n        prev.filter((f) => !(f.name === file.name && f.size === file.size))\r\n      );\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    let mounted = true;\r\n\r\n    const initDropzone = async () => {\r\n      const { default: Dropzone } = await import('dropzone');\r\n\r\n      if (!mounted) return;\r\n\r\n      Dropzone.autoDiscover = false;\r\n\r\n      const node = config.dropzoneSelector || dropzoneRef.current;\r\n      if (!node) return;\r\n\r\n      const dz = new Dropzone(node, options);\r\n\r\n      dropzoneInstance.current = dz;\r\n\r\n      setupEvents(dz);\r\n    };\r\n\r\n    initDropzone();\r\n\r\n    return () => {\r\n      mounted = false;\r\n\r\n      const dz = dropzoneInstance.current;\r\n\r\n      if (!dz) return;\r\n\r\n      dz.off();\r\n      dz.destroy();\r\n    };\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const dz = dropzoneInstance.current;\r\n\r\n    if (!dz) return;\r\n\r\n    dz.options = {\r\n      ...dz.options,\r\n      ...djsConfig,\r\n      ...(config.postUrl ? { url: config.postUrl } : {}),\r\n    };\r\n  }, [config.postUrl, djsConfig]);\r\n\r\n  const dropzoneClass = className\r\n    ? `filepicker dropzone ${className}`\r\n    : 'filepicker dropzone';\r\n\r\n  if (!config.postUrl && action) {\r\n    return (\r\n      <form ref={dropzoneRef} action={action} className={dropzoneClass}>\r\n        {children}\r\n      </form>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div ref={dropzoneRef} className={dropzoneClass}>\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n"],"names":[],"mappings":";;AAEA,SAAwB,kBAAkB;AAAA,EACxC,SAAS,CAAA;AAAA,EACT,YAAY,CAAA;AAAA,EACZ,gBAAgB,CAAA;AAAA,EAChB,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAG;AACD,QAAM,cAAc,OAAO,IAAI;AAC/B,QAAM,mBAAmB,OAAO,IAAI;AAEpC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAA,CAAE;AAErC,QAAM,UAAU,QAAQ,MAAM;AAC5B,WAAO;AAAA,MACL,GAAI,OAAO,UAAU,EAAE,KAAK,OAAO,QAAA,IAAY,CAAA;AAAA,MAC/C,GAAG;AAAA,IAAA;AAAA,EAEP,GAAG,CAAC,OAAO,SAAS,SAAS,CAAC;AAE9B,QAAM,cAAc,CAAC,OAAO;AAC1B,QAAI,CAAC,cAAe;AAEpB,WAAO,QAAQ,aAAa,EAAE,QAAQ,CAAC,CAAC,OAAO,OAAO,MAAM;AAC1D,UAAI,CAAC,QAAS;AAEd,YAAM,WAAW,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO;AAE5D,eAAS,QAAQ,CAAC,OAAO;AACvB,YAAI,UAAU,QAAQ;AACpB,aAAG,EAAE;AAAA,QACP,OAAO;AACL,aAAG,GAAG,OAAO,EAAE;AAAA,QACjB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAED,OAAG,GAAG,aAAa,CAAC,SAAS;AAC3B,UAAI,CAAC,KAAM;AACX,eAAS,CAAC,SAAS,CAAC,GAAG,MAAM,IAAI,CAAC;AAAA,IACpC,CAAC;AAED,OAAG,GAAG,eAAe,CAAC,SAAS;AAC7B,UAAI,CAAC,KAAM;AAEX;AAAA,QAAS,CAAC,SACR,KAAK,OAAO,CAAC,MAAM,EAAE,EAAE,SAAS,KAAK,QAAQ,EAAE,SAAS,KAAK,KAAK;AAAA,MAAA;AAAA,IAEtE,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,QAAI,UAAU;AAEd,UAAM,eAAe,YAAY;AAC/B,YAAM,EAAE,SAAS,aAAa,MAAM,OAAO,2CAAU;AAErD,UAAI,CAAC,QAAS;AAEd,eAAS,eAAe;AAExB,YAAM,OAAO,OAAO,oBAAoB,YAAY;AACpD,UAAI,CAAC,KAAM;AAEX,YAAM,KAAK,IAAI,SAAS,MAAM,OAAO;AAErC,uBAAiB,UAAU;AAE3B,kBAAY,EAAE;AAAA,IAChB;AAEA,iBAAA;AAEA,WAAO,MAAM;AACX,gBAAU;AAEV,YAAM,KAAK,iBAAiB;AAE5B,UAAI,CAAC,GAAI;AAET,SAAG,IAAA;AACH,SAAG,QAAA;AAAA,IACL;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,YAAU,MAAM;AACd,UAAM,KAAK,iBAAiB;AAE5B,QAAI,CAAC,GAAI;AAET,OAAG,UAAU;AAAA,MACX,GAAG,GAAG;AAAA,MACN,GAAG;AAAA,MACH,GAAI,OAAO,UAAU,EAAE,KAAK,OAAO,QAAA,IAAY,CAAA;AAAA,IAAC;AAAA,EAEpD,GAAG,CAAC,OAAO,SAAS,SAAS,CAAC;AAE9B,QAAM,gBAAgB,YAClB,uBAAuB,SAAS,KAChC;AAEJ,MAAI,CAAC,OAAO,WAAW,QAAQ;AAC7B,+BACG,QAAA,EAAK,KAAK,aAAa,QAAgB,WAAW,eAChD,UACH;AAAA,EAEJ;AAEA,6BACG,OAAA,EAAI,KAAK,aAAa,WAAW,eAC/B,UACH;AAEJ;"}