reactive-bulma 4.3.0 → 4.3.2

package/dist/components/atoms/Checkbox/index.js

@@ -1,51 +1,56 @@
-import { jsxs as C, jsx as m } from "react/jsx-runtime";
-import { parseClasses as f, parseTestId as l } from "../../../functions/parsers.js";
-const t = (s) => s ? "-with-component" : "", v = ({
-  testId: s = null,
-  containerTestId: a = null,
-  cssClasses: o = null,
-  containerCssClasses: c = null,
-  style: n = null,
-  containerStyle: d = null,
-  content: e = null,
-  name: r,
-  isDisabled: i = null,
-  onClick: p,
-  onChange: u,
-  onBlur: x
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { parseClasses as f, parseTestId as c } from "../../../functions/parsers.js";
+const l = (e) => e ? "-with-component" : "", v = ({
+  testId: e = null,
+  containerTestId: o = null,
+  cssClasses: a = null,
+  containerCssClasses: n = null,
+  style: d = null,
+  containerStyle: i = null,
+  label: s = null,
+  isChecked: r,
+  name: h,
+  isDisabled: p = !1,
+  onClick: x,
+  onChange: k,
+  onBlur: b
 }) => {
-  const b = f([
+  const u = f([
     "checkbox",
-    c
-  ]), h = a ?? l({
+    n
+  ]), C = o ?? c({
     tag: "checkbox-container",
-    parsedClasses: t(e)
-  }), k = s ?? l({
+    parsedClasses: l(s)
+  }), m = e ?? c({
     tag: "checkbox",
-    parsedClasses: t(e)
+    parsedClasses: l(s)
   });
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ y(
     "label",
     {
-      "data-testid": h,
-      className: b,
-      style: d ?? void 0,
+      "data-testid": C,
+      className: u,
+      style: i ?? void 0,
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ t(
           "input",
           {
-            "data-testid": k,
+            "data-testid": m,
             type: "checkbox",
-            name: r,
-            className: o ?? void 0,
-            style: n ?? void 0,
-            disabled: i ?? !1,
-            onClick: p,
-            onChange: u,
-            onBlur: x
+            name: h,
+            className: a ?? void 0,
+            style: d ?? void 0,
+            defaultChecked: r,
+            disabled: p,
+            onClick: x,
+            onChange: k,
+            onBlur: b
           }
         ),
-        e
+        /* @__PURE__ */ t("p", { style: {
+          display: "inline-block",
+          marginLeft: "5px"
+        }, children: s })
       ]
     }
   );

package/dist/components/atoms/Checkbox/index.stories.d.ts

@@ -3,4 +3,5 @@ import { default as Checkbox } from '.';
 declare const _default: Meta<typeof Checkbox>;
 export default _default;
 export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').CheckBoxProps>;
+export declare const Checked: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').CheckBoxProps>;
 export declare const Disabled: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').CheckBoxProps>;

package/dist/components/atoms/RadioButton/index.js

@@ -1,7 +1,7 @@
-import { jsx as m, jsxs as f } from "react/jsx-runtime";
-import { useMemo as C } from "react";
-import { parseClasses as B, parseTestId as b } from "../../../functions/parsers.js";
-const h = (d, t) => {
+import { jsx as m, jsxs as B } from "react/jsx-runtime";
+import { useMemo as f } from "react";
+import { parseClasses as y, parseTestId as C } from "../../../functions/parsers.js";
+const b = (d, t) => {
   const {
     testId: r = null,
     label: e,
@@ -13,7 +13,7 @@ const h = (d, t) => {
     onChange: i,
     onBlur: u
   } = d, c = r ?? `test-radio-button-item-${t}`;
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ B(
     "label",
     {
       className: "radio",
@@ -32,12 +32,15 @@ const h = (d, t) => {
             onBlur: u
           }
         ),
-        e
+        /* @__PURE__ */ m("p", { style: {
+          display: "inline-block",
+          marginLeft: "5px"
+        }, children: e })
       ]
     },
     t
   );
-}, T = ({
+}, x = ({
   containerTestId: d = null,
   containerCssClasses: t = null,
   containerStyle: r = null,
@@ -47,15 +50,15 @@ const h = (d, t) => {
   onChange: o,
   onBlur: n
 }) => {
-  const l = B([
+  const l = y([
     "control",
     t
-  ]), i = d ?? b({
+  ]), i = d ?? C({
     tag: "container-",
     parsedClasses: l
-  }), u = C(
+  }), u = f(
     () => e.map(
-      (c, p) => h(
+      (c, p) => b(
         {
           ...c,
           name: s,
@@ -79,5 +82,5 @@ const h = (d, t) => {
   );
 };
 export {
-  T as default
+  x as default
 };

package/dist/components/molecules/FormFieldInput/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { FormFieldInputProps } from '../../../interfaces/moleculeProps';
+declare const FormFieldInput: React.FC<FormFieldInputProps>;
+export default FormFieldInput;

package/dist/components/molecules/FormFieldInput/index.js

@@ -0,0 +1,109 @@
+import { jsxs as f, Fragment as p, jsx as s } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+import { parseClasses as u, parseTestId as I } from "../../../functions/parsers.js";
+import T from "../../atoms/TextArea/index.js";
+import h from "../../atoms/Select/index.js";
+import b from "../../atoms/Checkbox/index.js";
+import C from "../../atoms/RadioButton/index.js";
+import E from "../InputControl/index.js";
+import { FormFieldType as l } from "../../../interfaces/moleculeProps.js";
+const x = (r, t) => {
+  const e = r !== null ? /* @__PURE__ */ s(
+    "label",
+    {
+      "data-testid": "test-form-field-label",
+      className: "label",
+      children: r
+    }
+  ) : null;
+  return t ? /* @__PURE__ */ s("section", { className: "field-label", children: e }) : e;
+}, F = ({
+  testId: r,
+  type: t,
+  input: e
+}) => {
+  const o = {
+    testId: r ?? `test-form-field-${t}`,
+    containerTestId: r ?? `test-form-field-container-${t}`
+  };
+  switch (t) {
+    case l.INPUT:
+      return /* @__PURE__ */ s(
+        E,
+        {
+          ...e,
+          ...o
+        }
+      );
+    case l.SELECT:
+      return /* @__PURE__ */ s(
+        h,
+        {
+          ...e,
+          ...o
+        }
+      );
+    case l.CHECKBOX:
+      return /* @__PURE__ */ s(
+        b,
+        {
+          ...e,
+          ...o
+        }
+      );
+    case l.RADIOBUTTON:
+      return /* @__PURE__ */ s(
+        C,
+        {
+          ...e,
+          ...o
+        }
+      );
+    case l.TEXTAREA:
+      return /* @__PURE__ */ s(
+        T,
+        {
+          ...e,
+          ...o
+        }
+      );
+  }
+}, N = (r) => {
+  if (!r) return null;
+  const t = u(["help", r.color]), e = I({
+    tag: "form-field-help",
+    parsedClasses: t,
+    rules: [{ regExp: /help|is/gm, replacer: "" }]
+  });
+  return /* @__PURE__ */ s(
+    "p",
+    {
+      "data-testid": e,
+      className: t,
+      children: r.text
+    }
+  );
+}, j = ({
+  testId: r = null,
+  labelText: t,
+  type: e,
+  input: o,
+  helper: m,
+  isHorizontal: a
+}) => {
+  const c = n(
+    () => x(t, a),
+    [t, a]
+  ), d = n(
+    () => F({ testId: r ?? void 0, type: e, input: o }),
+    [r, e, o]
+  ), i = n(() => N(m), [m]);
+  return /* @__PURE__ */ f(p, { children: [
+    c,
+    d,
+    i
+  ] });
+};
+export {
+  j as default
+};

package/dist/components/molecules/FormFieldInput/index.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta } from '@storybook/react';
+import { default as FormFieldInput } from '.';
+import { FormFieldInputProps } from '../../../interfaces/moleculeProps';
+declare const _default: Meta<typeof FormFieldInput>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
+export declare const WithLabel: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
+export declare const WithLabelAndHelper: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
+export declare const ErrorCase: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
+export declare const SelectCase: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
+export declare const CheckboxCase: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
+export declare const RadiobuttonCase: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
+export declare const TextareaCase: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;

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

@@ -20,3 +20,4 @@ export { default as Section } from './Section';
 export { default as NavBarBrand } from './NavBarBrand';
 export { default as NavBarDropdown } from './NavBarDropdown';
 export { default as TableRow } from './TableRow';
+export { default as FormFieldInput } from './FormFieldInput';

package/dist/components/molecules/index.js

@@ -2,17 +2,17 @@ import { default as e } from "./ButtonGroup/index.js";
 import { default as t } from "./ColumnGroup/index.js";
 import { default as l } from "./Notification/index.js";
 import { default as d } from "./Breadcrumbs/index.js";
-import { default as p } from "./Dropdown/index.js";
+import { default as s } from "./Dropdown/index.js";
 import { default as x } from "./Message/index.js";
 import { default as i } from "./Menu/index.js";
 import { default as M } from "./MenuList/index.js";
 import { default as c } from "./Pagination/index.js";
 import { default as v } from "./Modal/index.js";
-import { default as N } from "./Tabs/index.js";
-import { default as g } from "./InputControl/index.js";
-import { default as D } from "./PanelBlock/index.js";
-import { default as I } from "./PanelTabs/index.js";
-import { default as k } from "./LevelItem/index.js";
+import { default as F } from "./Tabs/index.js";
+import { default as N } from "./InputControl/index.js";
+import { default as g } from "./PanelBlock/index.js";
+import { default as D } from "./PanelTabs/index.js";
+import { default as L } from "./LevelItem/index.js";
 import { default as R } from "./TileBox/index.js";
 import { default as h } from "./Footer/index.js";
 import { default as q } from "./Media/index.js";
@@ -20,14 +20,16 @@ import { default as z } from "./Section/index.js";
 import { default as E } from "./NavBarBrand/index.js";
 import { default as J } from "./NavBarDropdown/index.js";
 import { default as O } from "./TableRow/index.js";
+import { default as U } from "./FormFieldInput/index.js";
 export {
   d as Breadcrumbs,
   e as ButtonGroup,
   t as ColumnGroup,
-  p as Dropdown,
+  s as Dropdown,
   h as Footer,
-  g as InputControl,
-  k as LevelItem,
+  U as FormFieldInput,
+  N as InputControl,
+  L as LevelItem,
   q as Media,
   i as Menu,
   M as MenuList,
@@ -37,10 +39,10 @@ export {
   J as NavBarDropdown,
   l as Notification,
   c as Pagination,
-  D as PanelBlock,
-  I as PanelTabs,
+  g as PanelBlock,
+  D as PanelTabs,
   z as Section,
   O as TableRow,
-  N as Tabs,
+  F as Tabs,
   R as TileBox
 };

package/dist/components/organisms/FormField/index.js

@@ -1,150 +1,68 @@
-import { jsx as t, jsxs as c, Fragment as a } from "react/jsx-runtime";
-import B, { useMemo as F } from "react";
-import E from "../../molecules/InputControl/index.js";
-import { parseClasses as T, parseTestId as I } from "../../../functions/parsers.js";
-import $ from "../../atoms/TextArea/index.js";
-import x from "../../atoms/Select/index.js";
-import S from "../../atoms/Checkbox/index.js";
-import K from "../../atoms/RadioButton/index.js";
-import { FormFieldType as n } from "../../../interfaces/organismProps.js";
-import { generateKey as h } from "../../../functions/generators.js";
-const m = (e) => {
-  if (!e) return null;
-  const s = T(["help", e.color]), l = I({
-    tag: "form-field-help",
-    parsedClasses: s,
-    rules: [{ regExp: /help|is/gm, replacer: "" }]
-  });
-  return /* @__PURE__ */ t(
-    "p",
-    {
-      "data-testid": l,
-      className: s,
-      children: e.text
-    }
-  );
-}, f = (e, s, l) => {
-  const r = {
-    key: s,
-    testId: l ?? `test-form-field-${e.type}`,
-    containerTestId: l ?? `test-form-field-container-${e.type}`
-  };
-  switch (e.type) {
-    case n.INPUT:
-      return /* @__PURE__ */ c(a, { children: [
-        /* @__PURE__ */ t(
-          E,
-          {
-            ...e.config,
-            ...r
-          }
-        ),
-        m(e.helper)
-      ] });
-    case n.SELECT:
-      return /* @__PURE__ */ c(a, { children: [
-        /* @__PURE__ */ t(
-          x,
-          {
-            ...e.config,
-            ...r
-          }
-        ),
-        m(e.helper)
-      ] });
-    case n.CHECKBOX:
-      return /* @__PURE__ */ c(a, { children: [
-        /* @__PURE__ */ t(
-          S,
-          {
-            ...e.config,
-            ...r
-          }
-        ),
-        m(e.helper)
-      ] });
-    case n.RADIOBUTTON:
-      return /* @__PURE__ */ c(a, { children: [
-        /* @__PURE__ */ t(
-          K,
-          {
-            ...e.config,
-            ...r
-          }
-        ),
-        m(e.helper)
-      ] });
-    case n.TEXTAREA:
-      return /* @__PURE__ */ c(a, { children: [
-        /* @__PURE__ */ t(
-          $,
-          {
-            ...e.config,
-            ...r
-          }
-        ),
-        m(e.helper)
-      ] });
-    default:
-      return null;
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as i } from "react";
+import m from "../../molecules/FormFieldInput/index.js";
+import { parseClasses as u, parseTestId as y } from "../../../functions/parsers.js";
+import { generateKey as c } from "../../../functions/generators.js";
+const F = (e, o, r) => {
+  const a = o ? `grouped-input-control-body-${c()}` : `input-control-body-${c()}`;
+  if (o)
+    return Array.isArray(e) ? e.map((l, t) => {
+      const d = {
+        ...l,
+        isHorizontal: l.isHorizontal ?? r,
+        testId: `test-grouped-input-control-${t}`
+      };
+      return /* @__PURE__ */ s(
+        m,
+        {
+          ...d
+        },
+        a
+      );
+    }) : /* @__PURE__ */ s(
+      m,
+      {
+        labelText: e.labelText,
+        input: e.input,
+        type: e.type,
+        helper: e.helper,
+        isHorizontal: e.isHorizontal ?? r
+      }
+    );
+  {
+    const l = Array.isArray(e) ? null : {
+      ...e,
+      isHorizontal: e.isHorizontal ?? r
+    };
+    return l !== null ? /* @__PURE__ */ s(m, { ...l }) : null;
   }
-}, R = (e, s) => {
-  const l = s ? `grouped-input-control-body-${h()}` : `input-control-body-${h()}`;
-  return s ? Array.isArray(e) ? e.map(
-    (r, i) => f(
-      r,
-      l,
-      `test-grouped-input-control-${i}`
-    )
-  ) : f(e) : Array.isArray(e) ? f(e[0], l) : f(e, l);
-}, M = ({
+}, z = ({
   testId: e = null,
-  cssClasses: s = null,
-  style: l = null,
-  labelText: r = null,
-  inputControlConfig: i,
-  isHorizontal: o = !1,
-  isGrouped: p = !1
+  cssClasses: o = null,
+  style: r = null,
+  config: a,
+  isHorizontal: l = !1,
+  isGrouped: t = !1
 }) => {
-  const y = T([
+  const d = u([
     "field",
-    o ? "is-horizontal" : null,
-    p ? "is-grouped" : null,
-    s
-  ]), b = e ?? I({ tag: "field", parsedClasses: y }), A = F(() => {
-    const d = r !== null ? /* @__PURE__ */ t(
-      "label",
-      {
-        "data-testid": "test-form-field-label",
-        className: "label",
-        children: r
-      }
-    ) : null;
-    return o ? /* @__PURE__ */ t("section", { className: "field-label", children: d }) : d;
-  }, [o, r]), N = F(() => {
-    const d = R(i, p), u = `input-control-container-${h()}`;
-    return o ? /* @__PURE__ */ t(
-      "section",
-      {
-        className: "field-body",
-        children: d
-      },
-      u
-    ) : /* @__PURE__ */ t(B.Fragment, { children: d }, u);
-  }, [o, i, p]);
-  return /* @__PURE__ */ c(
+    l ? "is-horizontal" : null,
+    t ? "is-grouped" : null,
+    o
+  ]), p = e ?? y({ tag: "field", parsedClasses: d }), n = i(
+    () => F(a, t, l),
+    [a, t, l]
+  );
+  return /* @__PURE__ */ s(
     "section",
     {
-      "data-testid": b,
-      className: y,
-      style: l ?? void 0,
-      children: [
-        A,
-        N
-      ]
+      "data-testid": p,
+      className: d,
+      style: r ?? void 0,
+      children: l ? /* @__PURE__ */ s("section", { className: "field-body", children: n }) : n
     }
   );
 };
 export {
-  M as default
+  z as default
 };

package/dist/components/organisms/FormField/index.stories.d.ts

@@ -3,12 +3,5 @@ import { default as FormField } from '.';
 declare const _default: Meta<typeof FormField>;
 export default _default;
 export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
-export declare const WithLabel: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
-export declare const WithLabelAndHelper: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
-export declare const ErrorCase: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
+export declare const InHorizontalMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
 export declare const GroupedInputs: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
-export declare const Horizontal: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
-export declare const SelectCase: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
-export declare const CheckboxCase: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
-export declare const RadiobuttonCase: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
-export declare const TextareaCase: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { default as o } from "./components/atoms/Button/index.js";
+import { default as a } from "./components/atoms/Button/index.js";
 import { default as t } from "./components/atoms/Column/index.js";
 import { default as l } from "./components/atoms/ProgressBar/index.js";
 import { default as d } from "./components/atoms/Block/index.js";
@@ -9,9 +9,9 @@ import { default as T } from "./components/atoms/Icon/index.js";
 import { default as b } from "./components/atoms/Input/index.js";
 import { default as g } from "./components/atoms/TextArea/index.js";
 import { default as C } from "./components/atoms/Delete/index.js";
-import { default as P } from "./components/atoms/Select/index.js";
-import { default as D } from "./components/atoms/File/index.js";
-import { default as F } from "./components/atoms/Checkbox/index.js";
+import { default as M } from "./components/atoms/Select/index.js";
+import { default as w } from "./components/atoms/File/index.js";
+import { default as N } from "./components/atoms/Checkbox/index.js";
 import { default as k } from "./components/atoms/RadioButton/index.js";
 import { default as H } from "./components/atoms/BreadcrumbItem/index.js";
 import { default as S } from "./components/atoms/DropdownTrigger/index.js";
@@ -25,7 +25,7 @@ import { default as W } from "./components/atoms/Tile/index.js";
 import { default as Y } from "./components/atoms/NavBarItem/index.js";
 import { default as _ } from "./components/atoms/TableHeadCell/index.js";
 import { default as ee } from "./components/atoms/TableCell/index.js";
-import { default as oe } from "./components/molecules/ButtonGroup/index.js";
+import { default as ae } from "./components/molecules/ButtonGroup/index.js";
 import { default as te } from "./components/molecules/ColumnGroup/index.js";
 import { default as le } from "./components/molecules/Notification/index.js";
 import { default as de } from "./components/molecules/Breadcrumbs/index.js";
@@ -36,9 +36,9 @@ import { default as Te } from "./components/molecules/MenuList/index.js";
 import { default as be } from "./components/molecules/Pagination/index.js";
 import { default as ge } from "./components/molecules/Modal/index.js";
 import { default as Ce } from "./components/molecules/Tabs/index.js";
-import { default as Pe } from "./components/molecules/InputControl/index.js";
-import { default as De } from "./components/molecules/PanelBlock/index.js";
-import { default as Fe } from "./components/molecules/PanelTabs/index.js";
+import { default as Me } from "./components/molecules/InputControl/index.js";
+import { default as we } from "./components/molecules/PanelBlock/index.js";
+import { default as Ne } from "./components/molecules/PanelTabs/index.js";
 import { default as ke } from "./components/molecules/LevelItem/index.js";
 import { default as He } from "./components/molecules/TileBox/index.js";
 import { default as Se } from "./components/molecules/Footer/index.js";
@@ -47,38 +47,40 @@ import { default as qe } from "./components/molecules/Section/index.js";
 import { default as ze } from "./components/molecules/NavBarBrand/index.js";
 import { default as Je } from "./components/molecules/NavBarDropdown/index.js";
 import { default as Oe } from "./components/molecules/TableRow/index.js";
-import { default as Ue } from "./components/organisms/FormField/index.js";
-import { default as We } from "./components/organisms/Panel/index.js";
-import { default as Ye } from "./components/organisms/Level/index.js";
-import { default as _e } from "./components/organisms/Hero/index.js";
-import { default as ea } from "./components/organisms/TileGroup/index.js";
-import { default as oa } from "./components/organisms/NavBar/index.js";
-import { default as ta } from "./components/organisms/Card/index.js";
-import { default as la } from "./components/organisms/Table/index.js";
+import { default as Ue } from "./components/molecules/FormFieldInput/index.js";
+import { default as We } from "./components/organisms/FormField/index.js";
+import { default as Ye } from "./components/organisms/Panel/index.js";
+import { default as _e } from "./components/organisms/Level/index.js";
+import { default as eo } from "./components/organisms/Hero/index.js";
+import { default as ao } from "./components/organisms/TileGroup/index.js";
+import { default as to } from "./components/organisms/NavBar/index.js";
+import { default as lo } from "./components/organisms/Card/index.js";
+import { default as mo } from "./components/organisms/Table/index.js";
 export {
   d as Block,
   x as Box,
   H as BreadcrumbItem,
   de as Breadcrumbs,
-  o as Button,
-  oe as ButtonGroup,
-  ta as Card,
-  F as Checkbox,
+  a as Button,
+  ae as ButtonGroup,
+  lo as Card,
+  N as Checkbox,
   t as Column,
   te as ColumnGroup,
   C as Delete,
   pe as Dropdown,
   A as DropdownItem,
   S as DropdownTrigger,
-  D as File,
+  w as File,
   Se as Footer,
-  Ue as FormField,
-  _e as Hero,
+  We as FormField,
+  Ue as FormFieldInput,
+  eo as Hero,
   T as Icon,
   z as Image,
   b as Input,
-  Pe as InputControl,
-  Ye as Level,
+  Me as InputControl,
+  _e as Level,
   U as LevelHeader,
   ke as LevelItem,
   Ae as Media,
@@ -87,22 +89,22 @@ export {
   Te as MenuList,
   xe as Message,
   ge as Modal,
-  oa as NavBar,
+  to as NavBar,
   ze as NavBarBrand,
   Je as NavBarDropdown,
   Y as NavBarItem,
   le as Notification,
   be as Pagination,
   J as PaginationItem,
-  We as Panel,
-  De as PanelBlock,
-  Fe as PanelTabs,
+  Ye as Panel,
+  we as PanelBlock,
+  Ne as PanelTabs,
   l as ProgressBar,
   k as RadioButton,
   qe as Section,
-  P as Select,
+  M as Select,
   O as TabItem,
-  la as Table,
+  mo as Table,
   ee as TableCell,
   _ as TableHeadCell,
   Oe as TableRow,
@@ -111,6 +113,6 @@ export {
   g as TextArea,
   W as Tile,
   He as TileBox,
-  ea as TileGroup,
+  ao as TileGroup,
   i as Title
 };

package/dist/interfaces/atomProps.d.ts

@@ -198,15 +198,17 @@ export interface FileProps extends ComposedElementProps, InteractiveProps, Named
     size?: ElementSizeType;
 }
 export interface CheckBoxProps extends ComposedElementProps, InteractiveOnChangeProps, NamedInputProps {
+    /** `Attribute` Shows the checkbox as checked or unchecked */
+    isChecked?: boolean;
     /** `Attribute` Sets checkbox's text that will be shown next to its control */
-    content?: string;
+    label?: string;
     /** `Attribute` Will disable the checkbox */
     isDisabled?: boolean;
 }
 export interface RadioButtonItemProps extends Pick<ElementProps, 'testId' | 'style'>, InteractiveOnChangeProps, NamedInputProps {
-    /** `Attribute` `Required` Sets checkbox's text*/
+    /** `Attribute` `Required` Sets radiobutton's text*/
     label: string;
-    /** `Attribute` Shows the checkbox as checked or unchecked */
+    /** `Attribute` Shows the radiobutton as checked or unchecked */
     isChecked?: boolean;
     /** `Attribute` Will disable the checkbox */
     isDisabled?: boolean;

package/dist/interfaces/moleculeProps.d.ts

@@ -1,5 +1,5 @@
 import { ClickeableProps, ComposedElementProps, ElementProps } from './commonProps';
-import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps, DropdownItemProps, IconProps, ImageProps, InputProps, MenuItemProps, NavBarItemProps, PaginationItemProps, TabItemProps, TableCellProps, TableHeadCellProps } from './atomProps';
+import { BreadcrumbItemProps, ButtonProps, CheckBoxProps, ColumnProps, DeleteProps, DropdownItemProps, IconProps, ImageProps, InputProps, MenuItemProps, NavBarItemProps, PaginationItemProps, RadioButtonProps, SelectProps, TabItemProps, TableCellProps, TableHeadCellProps, TextAreaProps } from './atomProps';
 import { BasicColorType, RightCenteredAlignType, BreadcrumbSeparatorType, ColumnGapType, SizeWithoutNormalType, TabsFormatType, MediumAndLargeSizeType, RightLeftAlignType } from '../types/styleTypes';
 import { ChildrenType, SingleChildType, PanelBlockItemType } from '../types/domTypes';
 export interface ButtonGroupProps extends ElementProps {
@@ -226,4 +226,26 @@ export interface TableRowProps extends ElementProps, ClickeableProps {
     /** `Styling` Used for `Table` styling purpose only. Will set row's background color to indicate it has been selected by the user */
     isSelected?: boolean;
 }
+export declare enum FormFieldType {
+    INPUT = "input",
+    SELECT = "select",
+    CHECKBOX = "checkbox",
+    RADIOBUTTON = "radiobutton",
+    TEXTAREA = "textarea"
+}
+export type FormFieldConfig = InputControlProps | SelectProps | CheckBoxProps | RadioButtonProps | TextAreaProps;
+export interface FormFieldHelper {
+    text?: string;
+    color?: BasicColorType;
+}
+export interface FormFieldInputProps extends ElementProps {
+    /** `Attribute` Sets a custom text before the wrapped input to indicate its usage */
+    labelText?: string;
+    type: FormFieldType;
+    input: FormFieldConfig;
+    /** `Attribute` Sets a custom text below the input to show a message */
+    helper?: FormFieldHelper;
+    /** `Styling` Will adjust field's sections (label, input/s and helper) in horizontal position */
+    isHorizontal?: boolean;
+}
 export {};

package/dist/interfaces/moleculeProps.js

@@ -1 +1,4 @@
-
+var E = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.SELECT = "select", t.CHECKBOX = "checkbox", t.RADIOBUTTON = "radiobutton", t.TEXTAREA = "textarea", t))(E || {});
+export {
+  E as FormFieldType
+};

package/dist/interfaces/organismProps.d.ts

@@ -1,30 +1,11 @@
 import { ClickeableProps, ElementProps } from './commonProps';
-import { InputControlProps, LevelItemProps, NavBarBrandProps, NavBarDropdownProps, PanelBlockProps, PanelTabsProps, TableRowProps } from './moleculeProps';
-import { CheckBoxProps, ImageProps, NavBarItemProps, RadioButtonProps, SelectProps, TableHeadCellProps, TextAreaProps, TileProps } from './atomProps';
+import { FormFieldInputProps, LevelItemProps, NavBarBrandProps, NavBarDropdownProps, PanelBlockProps, PanelTabsProps, TableRowProps } from './moleculeProps';
+import { ImageProps, NavBarItemProps, TableHeadCellProps, TileProps } from './atomProps';
 import { BasicColorType, SizeWithHeightType } from '../types/styleTypes';
 import { ChildrenType, NavBarFixedPositionType } from '../types/domTypes';
-export declare enum FormFieldType {
-    INPUT = "input",
-    SELECT = "select",
-    CHECKBOX = "checkbox",
-    RADIOBUTTON = "radiobutton",
-    TEXTAREA = "textarea"
-}
-export type FormFieldConfig = InputControlProps | SelectProps | CheckBoxProps | RadioButtonProps | TextAreaProps;
-export interface FormFieldHelper {
-    text?: string;
-    color?: BasicColorType;
-}
-export interface FormFieldInputProps {
-    type: FormFieldType;
-    config: FormFieldConfig;
-    helper?: FormFieldHelper;
-}
 export interface FormFieldProps extends ElementProps {
     /** `Attribute` `Required` Single or multiple `FormFieldConfig` config objects which will be wrapped around the `FormField` */
-    inputControlConfig: FormFieldInputProps | FormFieldInputProps[];
-    /** `Attribute` Sets a custom text before the wrapped input to indicate its usage */
-    labelText?: string;
+    config: FormFieldInputProps | FormFieldInputProps[];
     /** `Styling` Will adjust field's sections (label, input/s and helper) in horizontal position */
     isHorizontal?: boolean;
     /** `Styling` Will group the list of inputs in a same wrapper (useful for several inputs with same usage, as a complex address) */

package/dist/interfaces/organismProps.js

@@ -1,4 +1 @@
-var E = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.SELECT = "select", t.CHECKBOX = "checkbox", t.RADIOBUTTON = "radiobutton", t.TEXTAREA = "textarea", t))(E || {});
-export {
-  E as FormFieldType
-};
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "4.3.0",
+  "version": "4.3.2",
   "type": "module",
   "description": "A component library based on React, Bulma, Typescript and Vite",
   "keywords": [
@@ -41,7 +41,7 @@
     "prettier": "prettier src/**/*.{tsx,ts} --write",
     "prettier:ci": "prettier src/**/*.{tsx,ts} --check",
     "lint-staged": "lint-staged -v",
-    "setup": "npm ci && husky",
+    "setup": "npm ci",
     "compile": "tsc -b",
     "build": "npm run compile && vite build",
     "build:storybook": "storybook build",
@@ -86,7 +86,7 @@
     "@types/css-modules": "^1.0.5",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.10.2",
-    "@types/react": "^19.0.1",
+    "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
     "@typescript-eslint/eslint-plugin": "^8.18.1",
     "@typescript-eslint/parser": "^8.18.1",
@@ -101,13 +101,12 @@
     "eslint-plugin-react-refresh": "^0.4.16",
     "eslint-plugin-storybook": "^0.11.1",
     "glob": "^11.0.0",
-    "globals": "^15.13.0",
-    "husky": "^9.1.7",
+    "globals": "^15.14.0",
     "hygen": "^6.2.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.2.11",
-    "npm-check-updates": "^17.1.11",
+    "npm-check-updates": "^17.1.12",
     "prettier": "^3.4.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -116,8 +115,8 @@
     "tslib": "^2.8.1",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.18.1",
-    "vite": "^6.0.3",
-    "vite-plugin-dts": "^4.3.0"
+    "vite": "^6.0.5",
+    "vite-plugin-dts": "^4.4.0"
   },
   "lint-staged": {
     "src/**/*.(ts|tsx)": [