bmi-next-brokers 2.0.4 → 2.0.6

package/dist/components/Spinner/Spinner.js

@@ -1,36 +1,36 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import '../../assets/Spinner.css';const v = "_spinner_1shlv_1", k = "_circle_1shlv_6", f = "_spin_1shlv_1", C = "_srOnly_1shlv_17", $ = "_roundedStrokeContainer_1shlv_31", x = "_roundedStrokeSpinner_1shlv_37", n = {
+import '../../assets/Spinner.css';const v = "_spinner_1shlv_1", k = "_circle_1shlv_6", f = "_spin_1shlv_1", $ = "_srOnly_1shlv_17", C = "_roundedStrokeContainer_1shlv_31", x = "_roundedStrokeSpinner_1shlv_37", n = {
   spinner: v,
   circle: k,
   spin: f,
-  srOnly: C,
-  roundedStrokeContainer: $,
+  srOnly: $,
+  roundedStrokeContainer: C,
   roundedStrokeSpinner: x
 }, w = ({
   size: r = 24,
-  color: i = "primary",
-  thickness: c = 2,
-  backgroundColor: o = "transparent",
-  highlightColor: _,
+  color: c = "primary",
+  thickness: i = 2,
+  backgroundColor: s = "transparent",
+  highlightColor: l,
   className: u,
   roundedStroke: y = !1,
-  duration: l = "1s"
+  duration: d = "1s"
 }) => {
-  const d = [n.spinner, n[`color_${i}`], u].filter(Boolean).join(" "), m = _ || "currentColor", h = {
+  const h = [n.spinner, n[`color_${c}`], u].filter(Boolean).join(" "), m = l || "currentColor", p = l || {
     primary: "#2054a5",
     secondary: "#64748b",
     white: "white"
-  }[i];
+  }[c];
   if (y) {
-    const s = c * 2, t = (r - s) / 2, p = 2 * Math.PI * t, S = `${p * 0.25} ${p}`;
-    return /* @__PURE__ */ a("div", { className: d, role: "status", "aria-label": "Cargando...", children: [
+    const o = i * 2, t = (r - o) / 2, _ = 2 * Math.PI * t, S = `${_ * 0.25} ${_}`;
+    return /* @__PURE__ */ a("div", { className: h, role: "status", "aria-label": "Cargando...", children: [
       /* @__PURE__ */ e("div", { className: n.roundedStrokeContainer, children: /* @__PURE__ */ a(
         "svg",
         {
           width: r,
           height: r,
           className: n.roundedStrokeSpinner,
-          style: { animationDuration: l },
+          style: { animationDuration: d },
           children: [
             /* @__PURE__ */ e(
               "circle",
@@ -38,8 +38,8 @@ import '../../assets/Spinner.css';const v = "_spinner_1shlv_1", k = "_circle_1sh
                 cx: r / 2,
                 cy: r / 2,
                 r: t,
-                stroke: o,
-                strokeWidth: s,
+                stroke: s,
+                strokeWidth: o,
                 fill: "none"
               }
             ),
@@ -49,8 +49,8 @@ import '../../assets/Spinner.css';const v = "_spinner_1shlv_1", k = "_circle_1sh
                 cx: r / 2,
                 cy: r / 2,
                 r: t,
-                stroke: h,
-                strokeWidth: s,
+                stroke: p,
+                strokeWidth: o,
                 fill: "none",
                 strokeDasharray: S,
                 strokeDashoffset: 0,
@@ -63,7 +63,7 @@ import '../../assets/Spinner.css';const v = "_spinner_1shlv_1", k = "_circle_1sh
       /* @__PURE__ */ e("span", { className: n.srOnly, children: "Cargando..." })
     ] });
   }
-  return /* @__PURE__ */ a("div", { className: d, role: "status", "aria-label": "Cargando...", children: [
+  return /* @__PURE__ */ a("div", { className: h, role: "status", "aria-label": "Cargando...", children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -71,10 +71,10 @@ import '../../assets/Spinner.css';const v = "_spinner_1shlv_1", k = "_circle_1sh
         style: {
           width: `${r}px`,
           height: `${r}px`,
-          color: h,
-          borderWidth: `${c}px`,
-          borderColor: `${o} ${o} ${m} ${o}`,
-          animationDuration: l
+          color: p,
+          borderWidth: `${i}px`,
+          borderColor: `${s} ${s} ${m} ${s}`,
+          animationDuration: d
         }
       }
     ),

package/dist/components/badge/index.d.ts

@@ -15,6 +15,7 @@ type IconProps = {
     fill?: string;
     width?: number;
     height?: number;
+    [key: string]: unknown;
 };
 /**
  * Props para un Badge que es solo texto, no interactivo.

package/dist/components/badge/index.js

@@ -104,7 +104,7 @@ import '../../assets/index.css';const p = "_badge_c0j5t_1", _ = "_fullWidth_c0j5
     a && /* @__PURE__ */ v(
       s,
       {
-        name: a.name,
+        ...a,
         width: a.width ?? i[t],
         height: a.height ?? i[t],
         fill: a.fill ?? r
@@ -114,7 +114,7 @@ import '../../assets/index.css';const p = "_badge_c0j5t_1", _ = "_fullWidth_c0j5
     n && /* @__PURE__ */ v(
       s,
       {
-        name: n.name,
+        ...n,
         width: n.width ?? i[t],
         height: n.height ?? i[t],
         fill: n.fill ?? r

package/dist/icons/Icon.d.ts

@@ -8,6 +8,7 @@ type IconProps = {
     fill?: string;
     size?: number | string;
     className?: string;
+    [key: string]: unknown;
 };
 export declare const Icon: React.FC<IconProps>;
 export {};

package/dist/icons/Icon.js

@@ -1,16 +1,17 @@
-import { jsx as s } from "react/jsx-runtime";
-import { I as i } from "../index-Bd7hp3_A.js";
-const f = ({
+import { jsx as i } from "react/jsx-runtime";
+import { I as p } from "../index-Bd7hp3_A.js";
+const h = ({
   name: o,
   width: n = 20,
   height: c = 20,
   fill: e = "currentColor",
   size: r,
-  className: l
+  className: l,
+  ...s
 }) => {
-  const t = i[o];
-  return !t && o ? (console.warn(`⚠️ El icono "${o}" no existe.`), null) : /* @__PURE__ */ s(t, { width: r || n, height: r || c, style: { color: e }, className: l });
+  const t = p[o];
+  return !t && o ? (console.warn(`⚠️ El icono "${o}" no existe.`), null) : /* @__PURE__ */ i(t, { width: r || n, height: r || c, style: { color: e }, className: l, ...s });
 };
 export {
-  f as Icon
+  h as Icon
 };

package/dist/icons/components/Dot.d.ts

@@ -1,3 +1,6 @@
 import { SVGProps } from 'react';
-declare const SvgDot: ({ style, ...rest }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+interface DotProps extends SVGProps<SVGSVGElement> {
+    radius?: number;
+}
+declare const SvgDot: ({ style, radius, ...rest }: DotProps) => import("react/jsx-runtime").JSX.Element;
 export default SvgDot;

package/dist/icons/components/Dot.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-const t = ({ style: e, ...l }) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 18", width: "1em", height: "1em", style: { color: "#2054A5", ...e }, ...l, children: /* @__PURE__ */ o("circle", { cx: 9, cy: 9, r: 2, fill: "currentColor" }) });
+const c = ({ style: e, radius: l = 4, ...r }) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 18", width: "1em", height: "1em", style: { color: "#2054A5", ...e }, ...r, children: /* @__PURE__ */ o("circle", { cx: 9, cy: 9, r: l, fill: "currentColor" }) });
 export {
-  t as default
+  c as default
 };

package/dist/main.d.ts

@@ -20,6 +20,8 @@ export { Modal } from './components/modal';
 export { Tooltip } from './components/tooltip';
 export { useScrollLock } from './hooks/useScrollLock';
 export { ScrollContainer } from './components/scrollContainer';
+export { FieldError } from './components/fieldError';
+export { HelperText } from './components/helperText';
 export type { ButtonProps, ButtonVariant, ButtonSize, } from './components/Button';
 export type { ButtonGroupProps, ButtonObject } from './components/ButtonGroup';
 export type { DialogProps, DialogState } from './components/Dialog';

package/dist/main.js

@@ -1,46 +1,50 @@
-import { Icon as t } from "./icons/Icon.js";
+import { Icon as e } from "./icons/Icon.js";
 import { Badge as p } from "./components/badge/index.js";
-import { Button as x } from "./components/Button/Button.js";
+import { Button as m } from "./components/Button/Button.js";
 import { ButtonGroup as a } from "./components/ButtonGroup/ButtonGroup.js";
 import { Dialog as n } from "./components/Dialog/Dialog.js";
-import { FileUpload as i } from "./components/FileUpload/FileUpload.js";
+import { FileUpload as c } from "./components/FileUpload/FileUpload.js";
 import { CompactFileUpload as d } from "./components/FileUpload/CompactFileUpload.js";
 import { Input as S } from "./components/Input/Input.js";
-import { Checkbox as s } from "./components/Input/Checkbox/Checkbox.js";
+import { Checkbox as b } from "./components/Input/Checkbox/Checkbox.js";
 import { RadioButton as g } from "./components/Input/RadioButton/RadioButton.js";
-import { Navbar as k } from "./components/navbar/index.js";
+import { Navbar as F } from "./components/navbar/index.js";
 import { ProgressBar as G } from "./components/progressBar/index.js";
 import { Select as U } from "./components/Select/Select.js";
 import { Spinner as v } from "./components/Spinner/Spinner.js";
-import { Stepper as L } from "./components/stepper/index.js";
-import { Tab as N } from "./components/tab/index.js";
-import { TabGroup as R } from "./components/tab/tabGroup/index.js";
-import { Toast as q } from "./components/Toast/Toast.js";
-import { Modal as y } from "./components/modal/index.js";
-import { Tooltip as A } from "./components/tooltip/index.js";
-import { useScrollLock as H } from "./hooks/useScrollLock.js";
+import { Stepper as E } from "./components/stepper/index.js";
+import { Tab as L } from "./components/tab/index.js";
+import { TabGroup as N } from "./components/tab/tabGroup/index.js";
+import { Toast as R } from "./components/Toast/Toast.js";
+import { Modal as q } from "./components/modal/index.js";
+import { Tooltip as y } from "./components/tooltip/index.js";
+import { useScrollLock as A } from "./hooks/useScrollLock.js";
 import { ScrollContainer as K } from "./components/scrollContainer/index.js";
+import { FieldError as Q } from "./components/fieldError/index.js";
+import { HelperText as W } from "./components/helperText/index.js";
 import './assets/main.css';export {
   p as Badge,
-  x as Button,
+  m as Button,
   a as ButtonGroup,
-  s as Checkbox,
+  b as Checkbox,
   d as CompactFileUpload,
   n as Dialog,
-  i as FileUpload,
-  t as Icon,
+  Q as FieldError,
+  c as FileUpload,
+  W as HelperText,
+  e as Icon,
   S as Input,
-  y as Modal,
-  k as Navbar,
+  q as Modal,
+  F as Navbar,
   G as ProgressBar,
   g as RadioButton,
   K as ScrollContainer,
   U as Select,
   v as Spinner,
-  L as Stepper,
-  N as Tab,
-  R as TabGroup,
-  q as Toast,
-  A as Tooltip,
-  H as useScrollLock
+  E as Stepper,
+  L as Tab,
+  N as TabGroup,
+  R as Toast,
+  y as Tooltip,
+  A as useScrollLock
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bmi-next-brokers",
   "description": "Componentes de UI para proyecto BMI Next Brokers",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "author": "BMI Ahorro España",
   "contributors": [
     "José Ramón Jiménez <jrjimenez@bmicos.com>",