@pareto-engineering/design-system 5.11.10 → 5.11.13

package/dist/stories/f/TextareaInput.stories.js

@@ -4,7 +4,7 @@ import { Formik as s, Form as m } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { h as a, D as n } from "../../FormBuilder-lRT5mlLR.js";
+import { h as a, D as n } from "../../FormBuilder-BsS5O41G.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";

package/dist/stories/g/DragAndDrop.stories.js

@@ -3,7 +3,7 @@ import { useRef as l } from "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { e as d, D as c } from "../../FormBuilder-lRT5mlLR.js";
+import { e as d, D as c } from "../../FormBuilder-BsS5O41G.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";

package/dist/stories/g/ExpandableLexicalPreview.stories.js

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import e from "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { s as r } from "../../FormBuilder-lRT5mlLR.js";
+import { s as r } from "../../FormBuilder-BsS5O41G.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";

package/dist/stories/g/FormBuilder.stories.js

@@ -3,7 +3,7 @@ import { useState as l } from "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { t as p, B as u } from "../../FormBuilder-lRT5mlLR.js";
+import { t as p, B as u } from "../../FormBuilder-BsS5O41G.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";

package/dist/ui/a/AnimatedGradient/AnimatedGradient.js

@@ -6,7 +6,7 @@ import "../AppContext/Context.js";
 import "../AppContext/ContextProvider.js";
 import "../AppContext/useApp.js";
 import "../BlurOverlay/BlurOverlay.js";
-import { A as N } from "../../../FormBuilder-lRT5mlLR.js";
+import { A as N } from "../../../FormBuilder-BsS5O41G.js";
 import "../Conversation/Context.js";
 import "../DotInfo/DotInfo.js";
 import "../Figure/Figure.js";

package/dist/ui/a/AnimatedGradient/index.js

@@ -1,4 +1,4 @@
-import { A as r } from "../../../FormBuilder-lRT5mlLR.js";
+import { A as r } from "../../../FormBuilder-BsS5O41G.js";
 export {
   r as AnimatedGradient
 };

package/dist/ui/a/ContentTree/ContentTree.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../index-CxkFVI6N.js";
 import "../../../exports.module-DmUnHWIJ.js";
-import { C as f } from "../../../FormBuilder-lRT5mlLR.js";
+import { C as f } from "../../../FormBuilder-BsS5O41G.js";
 import "./common/useContentTree.js";
 import "../../../debounce-Cm69Z_cF.js";
 export {

package/dist/ui/a/ContentTree/common/Tree/Tree.js

@@ -5,7 +5,7 @@ import "../../../../../exports.module-DmUnHWIJ.js";
 import "../../../AppContext/Context.js";
 import "../../../AppContext/ContextProvider.js";
 import "../../../BlurOverlay/BlurOverlay.js";
-import { a2 as Z } from "../../../../../FormBuilder-lRT5mlLR.js";
+import { a2 as Z } from "../../../../../FormBuilder-BsS5O41G.js";
 import "../../../Conversation/Context.js";
 import "../../../DotInfo/DotInfo.js";
 import "../../../Figure/Figure.js";

package/dist/ui/a/ContentTree/common/Tree/index.js

@@ -1,4 +1,4 @@
-import { a2 as a } from "../../../../../FormBuilder-lRT5mlLR.js";
+import { a2 as a } from "../../../../../FormBuilder-BsS5O41G.js";
 export {
   a as Tree
 };

package/dist/ui/a/ContentTree/common/index.js

@@ -1,6 +1,6 @@
 import { default as o } from "./useContentTree.js";
 import { default as s } from "./useFirstVisibleNode.js";
-import { a2 as f } from "../../../../FormBuilder-lRT5mlLR.js";
+import { a2 as f } from "../../../../FormBuilder-BsS5O41G.js";
 export {
   f as Tree,
   o as useContentTree,

package/dist/ui/a/ContentTree/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../../../FormBuilder-lRT5mlLR.js";
+import { C as r } from "../../../FormBuilder-BsS5O41G.js";
 export {
   r as ContentTree
 };

package/dist/ui/a/Conversation/Conversation.js

@@ -5,7 +5,7 @@ import "../../../exports.module-DmUnHWIJ.js";
 import "../AppContext/Context.js";
 import "../AppContext/ContextProvider.js";
 import "../BlurOverlay/BlurOverlay.js";
-import { a as Z } from "../../../FormBuilder-lRT5mlLR.js";
+import { a as Z } from "../../../FormBuilder-BsS5O41G.js";
 import "./Context.js";
 import "../DotInfo/DotInfo.js";
 import "../Figure/Figure.js";

package/dist/ui/a/Conversation/index.js

@@ -1,4 +1,4 @@
-import { a as t } from "../../../FormBuilder-lRT5mlLR.js";
+import { a as t } from "../../../FormBuilder-BsS5O41G.js";
 import { default as r } from "./Context.js";
 import { default as s } from "./useConversation.js";
 export {

package/dist/ui/a/Notification/Notification.js

@@ -5,7 +5,7 @@ import "../../../exports.module-DmUnHWIJ.js";
 import "../AppContext/Context.js";
 import "../AppContext/ContextProvider.js";
 import "../BlurOverlay/BlurOverlay.js";
-import { N as Y } from "../../../FormBuilder-lRT5mlLR.js";
+import { N as Y } from "../../../FormBuilder-BsS5O41G.js";
 import "../Conversation/Context.js";
 import "../DotInfo/DotInfo.js";
 import "../Figure/Figure.js";

package/dist/ui/a/Notification/index.js

@@ -1,4 +1,4 @@
-import { N as t } from "../../../FormBuilder-lRT5mlLR.js";
+import { N as t } from "../../../FormBuilder-BsS5O41G.js";
 export {
   t as Notification
 };

package/dist/ui/a/NotificationStack/NotificationStack.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../index-CxkFVI6N.js";
 import "../../../exports.module-DmUnHWIJ.js";
-import { b as a } from "../../../FormBuilder-lRT5mlLR.js";
+import { b as a } from "../../../FormBuilder-BsS5O41G.js";
 export {
   a as default
 };

package/dist/ui/a/NotificationStack/index.js

@@ -1,4 +1,4 @@
-import { b as a } from "../../../FormBuilder-lRT5mlLR.js";
+import { b as a } from "../../../FormBuilder-BsS5O41G.js";
 export {
   a as NotificationStack
 };

package/dist/ui/a/index.js

@@ -3,7 +3,7 @@ import { default as p } from "./AppContext/ContextProvider.js";
 import { default as l } from "./AppContext/useApp.js";
 import { default as u } from "./AppContext/useTheme.js";
 import { default as x } from "./BlurOverlay/BlurOverlay.js";
-import { A as n, C, a as c, N as T, b as g } from "../../FormBuilder-lRT5mlLR.js";
+import { A as n, C, a as c, N as T, b as g } from "../../FormBuilder-BsS5O41G.js";
 import "./Conversation/Context.js";
 import "react";
 import { default as A } from "./DotInfo/DotInfo.js";

package/dist/ui/b/Button/Button.js

@@ -5,7 +5,7 @@ import "../../../exports.module-DmUnHWIJ.js";
 import "../../a/AppContext/Context.js";
 import "../../a/AppContext/ContextProvider.js";
 import "../../a/BlurOverlay/BlurOverlay.js";
-import { B as Z } from "../../../FormBuilder-lRT5mlLR.js";
+import { B as Z } from "../../../FormBuilder-BsS5O41G.js";
 import "../../a/Conversation/Context.js";
 import "../../a/DotInfo/DotInfo.js";
 import "../../a/Figure/Figure.js";

package/dist/ui/b/Button/index.js

@@ -1,4 +1,4 @@
-import { B as r } from "../../../FormBuilder-lRT5mlLR.js";
+import { B as r } from "../../../FormBuilder-BsS5O41G.js";
 export {
   r as Button
 };

package/dist/ui/b/Card/Card.js

@@ -5,7 +5,7 @@ import "../../../exports.module-DmUnHWIJ.js";
 import "../../a/AppContext/Context.js";
 import "../../a/AppContext/ContextProvider.js";
 import "../../a/BlurOverlay/BlurOverlay.js";
-import { c as Z } from "../../../FormBuilder-lRT5mlLR.js";
+import { c as Z } from "../../../FormBuilder-BsS5O41G.js";
 import "../../a/Conversation/Context.js";
 import "../../a/DotInfo/DotInfo.js";
 import "../../a/Figure/Figure.js";

package/dist/ui/b/Card/common/Group/Group.js

@@ -5,7 +5,7 @@ import "../../../../../exports.module-DmUnHWIJ.js";
 import "../../../../a/AppContext/Context.js";
 import "../../../../a/AppContext/ContextProvider.js";
 import "../../../../a/BlurOverlay/BlurOverlay.js";
-import { a1 as Y } from "../../../../../FormBuilder-lRT5mlLR.js";
+import { a1 as Y } from "../../../../../FormBuilder-BsS5O41G.js";
 import "../../../../a/Conversation/Context.js";
 import "../../../../a/DotInfo/DotInfo.js";
 import "../../../../a/Figure/Figure.js";

package/dist/ui/b/Card/common/Group/index.js

@@ -1,4 +1,4 @@
-import { a1 as a } from "../../../../../FormBuilder-lRT5mlLR.js";
+import { a1 as a } from "../../../../../FormBuilder-BsS5O41G.js";
 export {
   a as Group
 };

package/dist/ui/b/Card/common/index.js

@@ -1,5 +1,5 @@
 import { default as a } from "./Section/Section.js";
-import { a1 as t } from "../../../../FormBuilder-lRT5mlLR.js";
+import { a1 as t } from "../../../../FormBuilder-BsS5O41G.js";
 export {
   t as Group,
   a as Section

package/dist/ui/b/Card/index.js

@@ -1,4 +1,4 @@
-import { c as o } from "../../../FormBuilder-lRT5mlLR.js";
+import { c as o } from "../../../FormBuilder-BsS5O41G.js";
 export {
   o as Card
 };

package/dist/ui/b/Logo/Logo.js

@@ -5,7 +5,7 @@ import "../../../exports.module-DmUnHWIJ.js";
 import "../../a/AppContext/Context.js";
 import "../../a/AppContext/ContextProvider.js";
 import "../../a/BlurOverlay/BlurOverlay.js";
-import { L as K } from "../../../FormBuilder-lRT5mlLR.js";
+import { L as K } from "../../../FormBuilder-BsS5O41G.js";
 import "../../a/Conversation/Context.js";
 import "../../a/DotInfo/DotInfo.js";
 import "../../a/Figure/Figure.js";

package/dist/ui/b/Logo/index.js

@@ -1,4 +1,4 @@
-import { L } from "../../../FormBuilder-lRT5mlLR.js";
+import { L } from "../../../FormBuilder-BsS5O41G.js";
 export {
   L as Logo
 };

package/dist/ui/b/Page/Page.js

@@ -6,7 +6,7 @@ import "../../a/AppContext/Context.js";
 import "../../a/AppContext/ContextProvider.js";
 import "../../a/AppContext/useApp.js";
 import "../../a/BlurOverlay/BlurOverlay.js";
-import { P as N } from "../../../FormBuilder-lRT5mlLR.js";
+import { P as N } from "../../../FormBuilder-BsS5O41G.js";
 import "../../a/Conversation/Context.js";
 import "../../a/DotInfo/DotInfo.js";
 import "../../a/Figure/Figure.js";

package/dist/ui/b/Page/common/PageHelmet/PageHelmet.js

@@ -6,7 +6,7 @@ import "../../../../a/AppContext/Context.js";
 import "../../../../a/AppContext/ContextProvider.js";
 import "../../../../a/AppContext/useApp.js";
 import "../../../../a/BlurOverlay/BlurOverlay.js";
-import { a0 as M } from "../../../../../FormBuilder-lRT5mlLR.js";
+import { a0 as M } from "../../../../../FormBuilder-BsS5O41G.js";
 import "../../../../a/Conversation/Context.js";
 import "../../../../a/DotInfo/DotInfo.js";
 import "../../../../a/Figure/Figure.js";

package/dist/ui/b/Page/common/PageHelmet/index.js

@@ -1,4 +1,4 @@
-import { a0 as m } from "../../../../../FormBuilder-lRT5mlLR.js";
+import { a0 as m } from "../../../../../FormBuilder-BsS5O41G.js";
 export {
   m as PageHelmet
 };

package/dist/ui/b/Page/common/index.js

@@ -1,4 +1,4 @@
-import { a0 as o } from "../../../../FormBuilder-lRT5mlLR.js";
+import { a0 as o } from "../../../../FormBuilder-BsS5O41G.js";
 import { default as r } from "./Section/Section.js";
 export {
   o as PageHelmet,

package/dist/ui/b/Page/index.js

@@ -1,4 +1,4 @@
-import { P as o } from "../../../FormBuilder-lRT5mlLR.js";
+import { P as o } from "../../../FormBuilder-BsS5O41G.js";
 import { default as r } from "./usePage.js";
 import { default as s } from "./Context.js";
 export {

package/dist/ui/b/SocialMediaButton/SocialMediaButton.js

@@ -6,7 +6,7 @@ import "../../a/AppContext/Context.js";
 import "../../a/AppContext/ContextProvider.js";
 import "../../a/AppContext/useApp.js";
 import "../../a/BlurOverlay/BlurOverlay.js";
-import { S as L } from "../../../FormBuilder-lRT5mlLR.js";
+import { S as L } from "../../../FormBuilder-BsS5O41G.js";
 import "../../a/Conversation/Context.js";
 import "../../a/DotInfo/DotInfo.js";
 import "../../a/Figure/Figure.js";

package/dist/ui/b/SocialMediaButton/index.js

@@ -1,4 +1,4 @@
-import { S as t } from "../../../FormBuilder-lRT5mlLR.js";
+import { S as t } from "../../../FormBuilder-BsS5O41G.js";
 export {
   t as SocialMediaButton
 };

package/dist/ui/b/ThemeSelector/ThemeSelector.js

@@ -6,7 +6,7 @@ import "../../a/AppContext/Context.js";
 import "../../a/AppContext/ContextProvider.js";
 import "../../a/AppContext/useApp.js";
 import "../../a/BlurOverlay/BlurOverlay.js";
-import { T as L } from "../../../FormBuilder-lRT5mlLR.js";
+import { T as L } from "../../../FormBuilder-BsS5O41G.js";
 import "../../a/Conversation/Context.js";
 import "../../a/DotInfo/DotInfo.js";
 import "../../a/Figure/Figure.js";

package/dist/ui/b/ThemeSelector/index.js

@@ -1,4 +1,4 @@
-import { T as r } from "../../../FormBuilder-lRT5mlLR.js";
+import { T as r } from "../../../FormBuilder-BsS5O41G.js";
 export {
   r as ThemeSelector
 };

package/dist/ui/b/index.js

@@ -1,4 +1,4 @@
-import { B as r, c as s, L as i, P as m, S as l, T as p } from "../../FormBuilder-lRT5mlLR.js";
+import { B as r, c as s, L as i, P as m, S as l, T as p } from "../../FormBuilder-BsS5O41G.js";
 import "react";
 import "./Page/Context.js";
 import { default as d } from "./Title/Title.js";

package/dist/ui/c/Modal/Modal.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../index-CxkFVI6N.js";
 import "../../../exports.module-DmUnHWIJ.js";
-import { M as a } from "../../../FormBuilder-lRT5mlLR.js";
+import { M as a } from "../../../FormBuilder-BsS5O41G.js";
 export {
   a as default
 };

package/dist/ui/c/Modal/common/ModalHeader/ModalHeader.js

@@ -5,7 +5,7 @@ import "../../../../../exports.module-DmUnHWIJ.js";
 import "../../../../a/AppContext/Context.js";
 import "../../../../a/AppContext/ContextProvider.js";
 import "../../../../a/BlurOverlay/BlurOverlay.js";
-import { $ as X } from "../../../../../FormBuilder-lRT5mlLR.js";
+import { $ as X } from "../../../../../FormBuilder-BsS5O41G.js";
 import "../../../../a/Conversation/Context.js";
 import "../../../../a/DotInfo/DotInfo.js";
 import "../../../../a/Figure/Figure.js";

package/dist/ui/c/Modal/common/ModalHeader/index.js

@@ -1,4 +1,4 @@
-import { $ as o } from "../../../../../FormBuilder-lRT5mlLR.js";
+import { $ as o } from "../../../../../FormBuilder-BsS5O41G.js";
 export {
   o as ModalHeader
 };

package/dist/ui/c/Modal/common/index.js

@@ -1,4 +1,4 @@
-import { $ as o } from "../../../../FormBuilder-lRT5mlLR.js";
+import { $ as o } from "../../../../FormBuilder-BsS5O41G.js";
 export {
   o as ModalHeader
 };

package/dist/ui/c/Modal/index.js

@@ -1,4 +1,4 @@
-import { M as r } from "../../../FormBuilder-lRT5mlLR.js";
+import { M as r } from "../../../FormBuilder-BsS5O41G.js";
 export {
   r as Modal
 };

package/dist/ui/c/Shortener/Shortener.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../index-CxkFVI6N.js";
 import "../../../exports.module-DmUnHWIJ.js";
-import { d as e } from "../../../FormBuilder-lRT5mlLR.js";
+import { d as e } from "../../../FormBuilder-BsS5O41G.js";
 import "../../b/Page/Context.js";
 import "../../b/Title/Title.js";
 export {

package/dist/ui/c/Shortener/index.js

@@ -1,4 +1,4 @@
-import { d as o } from "../../../FormBuilder-lRT5mlLR.js";
+import { d as o } from "../../../FormBuilder-BsS5O41G.js";
 export {
   o as Shortener
 };

package/dist/ui/c/index.js

@@ -1,4 +1,4 @@
-import { M as e, d as r } from "../../FormBuilder-lRT5mlLR.js";
+import { M as e, d as r } from "../../FormBuilder-BsS5O41G.js";
 import { default as d } from "./SocialMediaShareButton/SocialMediaShareButton.js";
 export {
   e as Modal,

package/dist/ui/f/FormInput/FormInput.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../index-CxkFVI6N.js";
-import { F as P } from "../../../FormBuilder-lRT5mlLR.js";
+import { F as P } from "../../../FormBuilder-BsS5O41G.js";
 import "../common/Label/Label.js";
 import "../common/Description/Description.js";
 import "../../a/AppContext/Context.js";

package/dist/ui/f/FormInput/index.js

@@ -1,4 +1,4 @@
-import { F as m } from "../../../FormBuilder-lRT5mlLR.js";
+import { F as m } from "../../../FormBuilder-BsS5O41G.js";
 export {
   m as FormInput
 };

package/dist/ui/f/common/Debugger/Debugger.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../index-CxkFVI6N.js";
-import { D as f } from "../../../../FormBuilder-lRT5mlLR.js";
+import { D as f } from "../../../../FormBuilder-BsS5O41G.js";
 import "../../../b/Page/Context.js";
 import "../../../b/Title/Title.js";
 import "formik";

package/dist/ui/f/common/Debugger/index.js

@@ -1,4 +1,4 @@
-import { D as g } from "../../../../FormBuilder-lRT5mlLR.js";
+import { D as g } from "../../../../FormBuilder-BsS5O41G.js";
 export {
   g as Debugger
 };

package/dist/ui/f/common/index.js

@@ -1,6 +1,6 @@
 import { default as e } from "./Label/Label.js";
 import { default as a } from "./Description/Description.js";
-import { D as p } from "../../../FormBuilder-lRT5mlLR.js";
+import { D as p } from "../../../FormBuilder-BsS5O41G.js";
 import { lookUpInputValueFromOptions as n } from "./utils/lookUpInputValueFromOptions.js";
 import { integerAndGreaterThanZero as s } from "./utils/validators.js";
 export {

package/dist/ui/f/fields/Checkbox/Checkbox.js

@@ -5,7 +5,7 @@ import "../../../../exports.module-DmUnHWIJ.js";
 import "formik";
 import "../../common/Label/Label.js";
 import "../../common/Description/Description.js";
-import { j as d } from "../../../../FormBuilder-lRT5mlLR.js";
+import { j as d } from "../../../../FormBuilder-BsS5O41G.js";
 export {
   d as default
 };

package/dist/ui/f/fields/Checkbox/index.js

@@ -1,4 +1,4 @@
-import { j as r } from "../../../../FormBuilder-lRT5mlLR.js";
+import { j as r } from "../../../../FormBuilder-BsS5O41G.js";
 export {
   r as Checkbox
 };

package/dist/ui/f/fields/ChoicesInput/ChoicesInput.js

@@ -5,7 +5,7 @@ import "../../../../exports.module-DmUnHWIJ.js";
 import "./common/Choice/Choice.js";
 import "../../common/Label/Label.js";
 import "../../common/Description/Description.js";
-import { g as d } from "../../../../FormBuilder-lRT5mlLR.js";
+import { g as d } from "../../../../FormBuilder-BsS5O41G.js";
 export {
   d as default
 };

package/dist/ui/f/fields/ChoicesInput/common/Choice/Choice.js

@@ -1,48 +1,49 @@
 import { jsxs as N, jsx as a } from "react/jsx-runtime";
 import "react";
-import { P as s } from "../../../../../../index-CxkFVI6N.js";
+import { P as e } from "../../../../../../index-CxkFVI6N.js";
 import { useField as y } from "formik";
 import { s as h } from "../../../../../../exports.module-DmUnHWIJ.js";
-const j = h.base, x = "choice", C = ({
+const j = h.base, q = "choice", x = ({
   id: i,
   className: n,
   style: c,
-  name: t,
+  name: r,
   label: m,
-  labelClassName: p,
-  labelStyle: d,
-  value: l,
+  labelClassName: d,
+  labelStyle: p,
+  value: t,
   multiple: b,
   validate: f,
-  disabled: o,
+  disabled: l,
+  required: C,
   ...u
 }) => {
-  const r = b ? "checkbox" : "radio", [g] = y({
-    name: t,
+  const o = b ? "checkbox" : "radio", [g] = y({
+    name: r,
     validate: f,
-    type: r,
-    value: l
+    type: o,
+    value: t
   });
   return /* @__PURE__ */ N(
     "div",
     {
       className: [
         j,
-        x,
+        q,
         n
-      ].filter((e) => e).join(" "),
+      ].filter((s) => s).join(" "),
       style: c,
       children: [
         /* @__PURE__ */ a(
           "input",
           {
-            type: r,
+            type: o,
             id: i,
-            name: t,
+            name: r,
             ...g,
             ...u,
-            value: l,
-            disabled: o
+            value: t,
+            disabled: l
           }
         ),
         /* @__PURE__ */ a(
@@ -50,10 +51,10 @@ const j = h.base, x = "choice", C = ({
           {
             htmlFor: i,
             className: [
-              p,
-              o && "disabled"
-            ].filter((e) => e).join(" "),
-            style: d,
+              d,
+              l && "disabled"
+            ].filter((s) => s).join(" "),
+            style: p,
             children: m
           }
         )
@@ -61,52 +62,56 @@ const j = h.base, x = "choice", C = ({
     }
   );
 };
-C.propTypes = {
+x.propTypes = {
   /**
    * The HTML id for this element
    */
-  id: s.string,
+  id: e.string,
   /**
    * The HTML class names for this element
    */
-  className: s.string,
+  className: e.string,
   /**
    * The React-written, css properties for this element.
    */
-  style: s.objectOf(s.string),
+  style: e.objectOf(e.string),
   /**
    * The input name.
    */
-  name: s.string.isRequired,
+  name: e.string.isRequired,
   /**
    * The input label.
    */
-  label: s.string.isRequired,
+  label: e.string.isRequired,
   /**
    * The input label class name.
    */
-  labelClassName: s.string,
+  labelClassName: e.string,
   /**
    * The input label styles.
    */
-  labelStyle: s.objectOf(s.string),
+  labelStyle: e.objectOf(e.string),
   /**
    * The input value.
    */
-  value: s.string.isRequired,
+  value: e.string.isRequired,
   /**
    * If the input should be multiple - checkbox
    */
-  multiple: s.bool,
+  multiple: e.bool,
   /**
    * The input field validator function
    */
-  validate: s.func,
+  validate: e.func,
   /**
    * Whether the radio or checkbox choice should be disabled
    */
-  disabled: s.bool
+  disabled: e.bool,
+  /**
+   * Whether the field is required
+   */
+  required: e.bool
 };
 export {
-  C as default
+  x as default
 };