@elliemae/ds-form-layout-blocks 3.12.0-rc.1 → 3.12.0-rc.3

package/dist/cjs/form-layout-block-item/DSFormLayoutBlockItem.js

@@ -61,75 +61,77 @@ const DSFormLayoutBlockItem = (props) => {
   const { className, label: globalLabel, ...othersGlobalAttributes } = globalAttributes;
   const instanceUID = (0, import_react.useMemo)(() => (0, import_uid.uid)(6), []);
   const cols = (0, import_react.useMemo)(() => maxCharCounter !== void 0 ? ["1fr", "auto"] : ["1fr"], [maxCharCounter]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledContainer, {
-    "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.CONTAINER,
-    leftLabel,
-    fitContent,
-    hideLabel,
-    withHighlight,
-    as: isGroup ? "fieldset" : "div",
-    isGroup,
-    "aria-describedby": !isGroup ? `${inputID || instanceUID}_feedback_message` : void 0,
-    className,
-    ...xstyledProps,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
-        cols,
-        gutter: "xxs",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledLabel, {
-            id: `${inputID}_block_label`,
-            "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.LABEL,
-            htmlFor: inputID,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styles.StyledContainer,
+    {
+      "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.CONTAINER,
+      leftLabel,
+      fitContent,
+      hideLabel,
+      withHighlight,
+      as: isGroup ? "fieldset" : "div",
+      isGroup,
+      "aria-describedby": !isGroup ? `${inputID || instanceUID}_feedback_message` : void 0,
+      className,
+      ...xstyledProps,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { cols, gutter: "xxs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_styles.StyledLabel,
+            {
+              id: `${inputID}_block_label`,
+              "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.LABEL,
+              htmlFor: inputID,
+              leftLabel,
+              hideLabel,
+              "aria-hidden": isGroup,
+              ...othersGlobalAttributes,
+              children: [
+                label,
+                (required || optional) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMark, { required })
+              ]
+            }
+          ),
+          maxCharCounter !== void 0 && currentChar !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_styles.StyledCharCount,
+            {
+              "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.COUNTER,
+              hasError: currentChar > maxCharCounter,
+              children: `${currentChar}/${maxCharCounter}`
+            }
+          ) : null
+        ] }),
+        isGroup && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.ScreenReaderOnly, { as: "legend", children: `${label}. ${feedbackMessage || ""}` }),
+        children,
+        feedbackMessage && !hasError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styles.StyledMessage,
+          {
+            "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.MESSAGE,
             leftLabel,
             hideLabel,
             "aria-hidden": isGroup,
-            ...othersGlobalAttributes,
+            id: `${inputID || instanceUID}_feedback_message`,
+            children: feedbackMessage
+          }
+        ),
+        validationMessage && hasError && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_styles.StyledMessage,
+          {
+            "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE,
+            hasError,
+            leftLabel,
+            hideLabel,
+            role: "alert",
             children: [
-              label,
-              (required || optional) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMark, {
-                required
-              })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.AlertsSmallFill, { width: 8, height: 8, color: ["danger", "900"] }),
+              "\xA0",
+              validationMessage
             ]
-          }),
-          maxCharCounter !== void 0 && currentChar !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledCharCount, {
-            "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.COUNTER,
-            hasError: currentChar > maxCharCounter,
-            children: `${currentChar}/${maxCharCounter}`
-          }) : null
-        ]
-      }),
-      isGroup && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.ScreenReaderOnly, {
-        as: "legend",
-        children: `${label}. ${feedbackMessage || ""}`
-      }),
-      children,
-      feedbackMessage && !hasError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMessage, {
-        "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.MESSAGE,
-        leftLabel,
-        hideLabel,
-        "aria-hidden": isGroup,
-        id: `${inputID || instanceUID}_feedback_message`,
-        children: feedbackMessage
-      }),
-      validationMessage && hasError && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledMessage, {
-        "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE,
-        hasError,
-        leftLabel,
-        hideLabel,
-        role: "alert",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.AlertsSmallFill, {
-            width: 8,
-            height: 8,
-            color: ["danger", "900"]
-          }),
-          "\xA0",
-          validationMessage
-        ]
-      })
-    ]
-  });
+          }
+        )
+      ]
+    }
+  );
 };
 DSFormLayoutBlockItem.propTypes = import_propTypes.propTypes;
 DSFormLayoutBlockItem.displayName = "DSFormLayoutBlockItem";

package/dist/cjs/form-layout-block-item/DSFormLayoutBlockItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/form-layout-block-item/DSFormLayoutBlockItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { AlertsSmallFill } from '@elliemae/ds-icons';\nimport { DSFormLayoutBlockItemDataTestId } from '../exported-related/DSFormLayoutBlockItemDataTestId';\nimport type { DSFormLayoutBlockItemT } from './propTypes';\nimport { propTypes } from './propTypes';\nimport { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly, StyledCharCount } from './styles';\nimport { useFormLayoutBlockItem } from './config/useFormLayoutBlockItem';\n\nconst DSFormLayoutBlockItem = (props: DSFormLayoutBlockItemT.Props) => {\n  const { globalAttributes, xstyledProps, propsWithDefault } = useFormLayoutBlockItem(props);\n  const {\n    label,\n    feedbackMessage,\n    maxCharCounter,\n    currentChar,\n    validationMessage,\n    inputID,\n    children,\n    hasError,\n    leftLabel,\n    required,\n    optional,\n    hideLabel,\n    fitContent,\n    withHighlight,\n    isGroup,\n  } = propsWithDefault;\n\n  const { className, label: globalLabel, ...othersGlobalAttributes } = globalAttributes;\n  const instanceUID = useMemo(() => uid(6), []);\n\n  const cols = useMemo(() => (maxCharCounter !== undefined ? ['1fr', 'auto'] : ['1fr']), [maxCharCounter]);\n\n  return (\n    <StyledContainer\n      data-testid={DSFormLayoutBlockItemDataTestId.CONTAINER}\n      leftLabel={leftLabel}\n      fitContent={fitContent}\n      hideLabel={hideLabel}\n      withHighlight={withHighlight}\n      as={isGroup ? 'fieldset' : 'div'}\n      isGroup={isGroup}\n      aria-describedby={!isGroup ? `${inputID || instanceUID}_feedback_message` : undefined}\n      className={className}\n      {...xstyledProps}\n    >\n      <Grid cols={cols} gutter=\"xxs\">\n        <StyledLabel\n          id={`${inputID}_block_label`}\n          data-testid={DSFormLayoutBlockItemDataTestId.LABEL}\n          htmlFor={inputID}\n          leftLabel={leftLabel}\n          hideLabel={hideLabel}\n          aria-hidden={isGroup}\n          {...othersGlobalAttributes}\n        >\n          {label}\n          {(required || optional) && <StyledMark required={required} />}\n        </StyledLabel>\n        {maxCharCounter !== undefined && currentChar !== undefined ? (\n          <StyledCharCount\n            data-testid={DSFormLayoutBlockItemDataTestId.COUNTER}\n            hasError={currentChar > maxCharCounter}\n          >{`${currentChar}/${maxCharCounter}`}</StyledCharCount>\n        ) : null}\n      </Grid>\n      {isGroup && <ScreenReaderOnly as=\"legend\">{`${label}. ${feedbackMessage || ''}`}</ScreenReaderOnly>}\n      {children}\n      {feedbackMessage && !hasError && (\n        <StyledMessage\n          data-testid={DSFormLayoutBlockItemDataTestId.MESSAGE}\n          leftLabel={leftLabel}\n          hideLabel={hideLabel}\n          aria-hidden={isGroup}\n          id={`${inputID || instanceUID}_feedback_message`}\n        >\n          {feedbackMessage}\n        </StyledMessage>\n      )}\n      {validationMessage && hasError && (\n        <StyledMessage\n          data-testid={DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE}\n          hasError={hasError}\n          leftLabel={leftLabel}\n          hideLabel={hideLabel}\n          role=\"alert\"\n        >\n          <AlertsSmallFill width={8} height={8} color={['danger', '900']} />\n          &nbsp;\n          {validationMessage}\n        </StyledMessage>\n      )}\n    </StyledContainer>\n  );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nDSFormLayoutBlockItem.displayName = 'DSFormLayoutBlockItem';\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmDf;AAlDR,mBAA+B;AAC/B,qBAAqB;AACrB,0BAAyB;AACzB,iBAAoB;AACpB,sBAAgC;AAChC,6CAAgD;AAEhD,uBAA0B;AAC1B,oBAA2G;AAC3G,oCAAuC;AAEvC,MAAM,wBAAwB,CAAC,UAAwC;AACrE,QAAM,EAAE,kBAAkB,cAAc,iBAAiB,QAAI,sDAAuB,KAAK;AACzF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,WAAW,OAAO,gBAAgB,uBAAuB,IAAI;AACrE,QAAM,kBAAc,sBAAQ,UAAM,gBAAI,CAAC,GAAG,CAAC,CAAC;AAE5C,QAAM,WAAO,sBAAQ,MAAO,mBAAmB,SAAY,CAAC,OAAO,MAAM,IAAI,CAAC,KAAK,GAAI,CAAC,cAAc,CAAC;AAEvG,SACE,6CAAC;AAAA,IACC,eAAa,uEAAgC;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,CAAC,UAAU,GAAG,WAAW,iCAAiC;AAAA,IAC5E;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,mDAAC;AAAA,QAAK;AAAA,QAAY,QAAO;AAAA,QACvB;AAAA,uDAAC;AAAA,YACC,IAAI,GAAG;AAAA,YACP,eAAa,uEAAgC;AAAA,YAC7C,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,eAAa;AAAA,YACZ,GAAG;AAAA,YAEH;AAAA;AAAA,eACC,YAAY,aAAa,4CAAC;AAAA,gBAAW;AAAA,eAAoB;AAAA;AAAA,WAC7D;AAAA,UACC,mBAAmB,UAAa,gBAAgB,SAC/C,4CAAC;AAAA,YACC,eAAa,uEAAgC;AAAA,YAC7C,UAAU,cAAc;AAAA,YACxB,aAAG,eAAe;AAAA,WAAiB,IACnC;AAAA;AAAA,OACN;AAAA,MACC,WAAW,4CAAC;AAAA,QAAiB,IAAG;AAAA,QAAU,aAAG,UAAU,mBAAmB;AAAA,OAAK;AAAA,MAC/E;AAAA,MACA,mBAAmB,CAAC,YACnB,4CAAC;AAAA,QACC,eAAa,uEAAgC;AAAA,QAC7C;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,IAAI,GAAG,WAAW;AAAA,QAEjB;AAAA,OACH;AAAA,MAED,qBAAqB,YACpB,6CAAC;AAAA,QACC,eAAa,uEAAgC;AAAA,QAC7C;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QAEL;AAAA,sDAAC;AAAA,YAAgB,OAAO;AAAA,YAAG,QAAQ;AAAA,YAAG,OAAO,CAAC,UAAU,KAAK;AAAA,WAAG;AAAA,UAAE;AAAA,UAEjE;AAAA;AAAA,OACH;AAAA;AAAA,GAEJ;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,8BAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmDf;AAlDR,mBAA+B;AAC/B,qBAAqB;AACrB,0BAAyB;AACzB,iBAAoB;AACpB,sBAAgC;AAChC,6CAAgD;AAEhD,uBAA0B;AAC1B,oBAA2G;AAC3G,oCAAuC;AAEvC,MAAM,wBAAwB,CAAC,UAAwC;AACrE,QAAM,EAAE,kBAAkB,cAAc,iBAAiB,QAAI,sDAAuB,KAAK;AACzF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,WAAW,OAAO,gBAAgB,uBAAuB,IAAI;AACrE,QAAM,kBAAc,sBAAQ,UAAM,gBAAI,CAAC,GAAG,CAAC,CAAC;AAE5C,QAAM,WAAO,sBAAQ,MAAO,mBAAmB,SAAY,CAAC,OAAO,MAAM,IAAI,CAAC,KAAK,GAAI,CAAC,cAAc,CAAC;AAEvG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,uEAAgC;AAAA,MAC7C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,UAAU,aAAa;AAAA,MAC3B;AAAA,MACA,oBAAkB,CAAC,UAAU,GAAG,WAAW,iCAAiC;AAAA,MAC5E;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,qDAAC,uBAAK,MAAY,QAAO,OACvB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,GAAG;AAAA,cACP,eAAa,uEAAgC;AAAA,cAC7C,SAAS;AAAA,cACT;AAAA,cACA;AAAA,cACA,eAAa;AAAA,cACZ,GAAG;AAAA,cAEH;AAAA;AAAA,iBACC,YAAY,aAAa,4CAAC,4BAAW,UAAoB;AAAA;AAAA;AAAA,UAC7D;AAAA,UACC,mBAAmB,UAAa,gBAAgB,SAC/C;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,uEAAgC;AAAA,cAC7C,UAAU,cAAc;AAAA,cACxB,aAAG,eAAe;AAAA;AAAA,UAAiB,IACnC;AAAA,WACN;AAAA,QACC,WAAW,4CAAC,kCAAiB,IAAG,UAAU,aAAG,UAAU,mBAAmB,MAAK;AAAA,QAC/E;AAAA,QACA,mBAAmB,CAAC,YACnB;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,uEAAgC;AAAA,YAC7C;AAAA,YACA;AAAA,YACA,eAAa;AAAA,YACb,IAAI,GAAG,WAAW;AAAA,YAEjB;AAAA;AAAA,QACH;AAAA,QAED,qBAAqB,YACpB;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,uEAAgC;AAAA,YAC7C;AAAA,YACA;AAAA,YACA;AAAA,YACA,MAAK;AAAA,YAEL;AAAA,0DAAC,mCAAgB,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,UAAU,KAAK,GAAG;AAAA,cAAE;AAAA,cAEjE;AAAA;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,8BAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
   "names": []
 }

package/dist/cjs/form-layout-block-item/DSFormLayoutBlockItemDefinitions.js

@@ -0,0 +1,32 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSFormLayoutBlockItemDefinitions_exports = {};
+__export(DSFormLayoutBlockItemDefinitions_exports, {
+  DSFormLayoutBlockItemName: () => DSFormLayoutBlockItemName
+});
+module.exports = __toCommonJS(DSFormLayoutBlockItemDefinitions_exports);
+var React = __toESM(require("react"));
+const DSFormLayoutBlockItemName = "DSFormLayoutBlockItem";
+//# sourceMappingURL=DSFormLayoutBlockItemDefinitions.js.map

package/dist/cjs/form-layout-block-item/DSFormLayoutBlockItemDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/form-layout-block-item/DSFormLayoutBlockItemDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSFormLayoutBlockItemName = 'DSFormLayoutBlockItem';", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,4BAA4B;",
+  "names": []
+}

package/dist/cjs/form-layout-block-item/config/useFormLayoutBlockItem.js

@@ -31,8 +31,9 @@ var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_propTypes = require("../propTypes");
+var import_DSFormLayoutBlockItemDefinitions = require("../DSFormLayoutBlockItemDefinitions");
 const useFormLayoutBlockItem = (props) => {
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_propTypes.propTypes);
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_propTypes.propTypes, import_DSFormLayoutBlockItemDefinitions.DSFormLayoutBlockItemName);
   const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_propTypes.defaultProps);
   const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
   const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefault);

package/dist/cjs/form-layout-block-item/config/useFormLayoutBlockItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form-layout-block-item/config/useFormLayoutBlockItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\n\nimport { propTypes, defaultProps, type DSFormLayoutBlockItemT } from '../propTypes';\n\ninterface UseFormLayoutBlockItemT {\n  propsWithDefault: DSFormLayoutBlockItemT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useFormLayoutBlockItem = (props: DSFormLayoutBlockItemT.Props): UseFormLayoutBlockItemT => {\n  useValidateTypescriptPropTypes(props, propTypes);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutBlockItemT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ globalAttributes, xstyledProps, propsWithDefault }),\n    [globalAttributes, xstyledProps, propsWithDefault],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,0BAKO;AAEP,uBAAqE;AAQ9D,MAAM,yBAAyB,CAAC,UAAiE;AACtG,0DAA+B,OAAO,0BAAS;AAC/C,QAAM,uBAAmB,kDAAmE,OAAO,6BAAY;AAC/G,QAAM,uBAAmB,4CAAuB,gBAAgB;AAEhE,QAAM,mBAAe,wCAAmB,gBAAgB;AACxD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,cAAc,iBAAiB;AAAA,IAC1D,CAAC,kBAAkB,cAAc,gBAAgB;AAAA,EACnD;AACF;",
+  "sourcesContent": ["import React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps, type DSFormLayoutBlockItemT } from '../propTypes';\nimport { DSFormLayoutBlockItemName } from '../DSFormLayoutBlockItemDefinitions';\n\ninterface UseFormLayoutBlockItemT {\n  propsWithDefault: DSFormLayoutBlockItemT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useFormLayoutBlockItem = (props: DSFormLayoutBlockItemT.Props): UseFormLayoutBlockItemT => {\n  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutBlockItemName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutBlockItemT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ globalAttributes, xstyledProps, propsWithDefault }),\n    [globalAttributes, xstyledProps, propsWithDefault],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,0BAKO;AACP,uBAAqE;AACrE,8CAA0C;AAQnC,MAAM,yBAAyB,CAAC,UAAiE;AACtG,0DAA+B,OAAO,4BAAW,iEAAyB;AAC1E,QAAM,uBAAmB,kDAAmE,OAAO,6BAAY;AAC/G,QAAM,uBAAmB,4CAAuB,gBAAgB;AAEhE,QAAM,mBAAe,wCAAmB,gBAAgB;AACxD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,cAAc,iBAAiB;AAAA,IAC1D,CAAC,kBAAkB,cAAc,gBAAgB;AAAA,EACnD;AACF;",
   "names": ["React"]
 }

package/dist/cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js

@@ -40,13 +40,7 @@ const DSFormLayoutCheckboxGroup = (props) => {
     xstyledProps,
     propsWithDefault
   } = (0, import_useFormLayoutCheckboxGroup.useFormLayoutCheckboxGroup)(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, {
-    role: "group",
-    direction: propsWithDefault.direction,
-    ...othersGlobalAttributes,
-    ...xstyledProps,
-    children: propsWithDefault.children
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, { role: "group", direction: propsWithDefault.direction, ...othersGlobalAttributes, ...xstyledProps, children: propsWithDefault.children });
 };
 DSFormLayoutCheckboxGroup.propTypes = import_propTypes.propTypes;
 DSFormLayoutCheckboxGroup.displayName = "DSFormLayoutCheckboxGroup";

package/dist/cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { StyledContainer } from './styles';\nimport type { DSFormLayoutCheckboxGroupT } from './propTypes';\nimport { propTypes } from './propTypes';\nimport { useFormLayoutCheckboxGroup } from './config/useFormLayoutCheckboxGroup';\n\nconst DSFormLayoutCheckboxGroup = (props: DSFormLayoutCheckboxGroupT.Props): JSX.Element => {\n  const {\n    globalAttributes: { ...othersGlobalAttributes },\n    xstyledProps,\n    propsWithDefault,\n  } = useFormLayoutCheckboxGroup(props);\n  return (\n    <StyledContainer role=\"group\" direction={propsWithDefault.direction} {...othersGlobalAttributes} {...xstyledProps}>\n      {propsWithDefault.children}\n    </StyledContainer>\n  );\n};\n\nDSFormLayoutCheckboxGroup.propTypes = propTypes;\nDSFormLayoutCheckboxGroup.displayName = 'DSFormLayoutCheckboxGroup';\nconst DSFormLayoutCheckboxGroupWithSchema = describe(DSFormLayoutCheckboxGroup);\nDSFormLayoutCheckboxGroupWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAbJ,0BAAyB;AACzB,oBAAgC;AAEhC,uBAA0B;AAC1B,wCAA2C;AAE3C,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM;AAAA,IACJ,kBAAkB,KAAK,uBAAuB;AAAA,IAC9C;AAAA,IACA;AAAA,EACF,QAAI,8DAA2B,KAAK;AACpC,SACE,4CAAC;AAAA,IAAgB,MAAK;AAAA,IAAQ,WAAW,iBAAiB;AAAA,IAAY,GAAG;AAAA,IAAyB,GAAG;AAAA,IAClG,2BAAiB;AAAA,GACpB;AAEJ;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,0CAAsC,8BAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAbJ,0BAAyB;AACzB,oBAAgC;AAEhC,uBAA0B;AAC1B,wCAA2C;AAE3C,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM;AAAA,IACJ,kBAAkB,KAAK,uBAAuB;AAAA,IAC9C;AAAA,IACA;AAAA,EACF,QAAI,8DAA2B,KAAK;AACpC,SACE,4CAAC,iCAAgB,MAAK,SAAQ,WAAW,iBAAiB,WAAY,GAAG,wBAAyB,GAAG,cAClG,2BAAiB,UACpB;AAEJ;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,0CAAsC,8BAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
   "names": []
 }

package/dist/cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroupDefinitions.js

@@ -0,0 +1,32 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSFormLayoutCheckboxGroupDefinitions_exports = {};
+__export(DSFormLayoutCheckboxGroupDefinitions_exports, {
+  DSFormLayoutCheckboxGroupName: () => DSFormLayoutCheckboxGroupName
+});
+module.exports = __toCommonJS(DSFormLayoutCheckboxGroupDefinitions_exports);
+var React = __toESM(require("react"));
+const DSFormLayoutCheckboxGroupName = "DSFormLayoutCheckboxGroup";
+//# sourceMappingURL=DSFormLayoutCheckboxGroupDefinitions.js.map

package/dist/cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroupDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/form-layout-checkbox-group/DSFormLayoutCheckboxGroupDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSFormLayoutCheckboxGroupName = 'DSFormLayoutCheckboxGroup';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gCAAgC;",
+  "names": []
+}

package/dist/cjs/form-layout-checkbox-group/config/useFormLayoutCheckboxGroup.js

@@ -31,8 +31,9 @@ var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_propTypes = require("../propTypes");
+var import_DSFormLayoutCheckboxGroupDefinitions = require("../DSFormLayoutCheckboxGroupDefinitions");
 const useFormLayoutCheckboxGroup = (props) => {
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_propTypes.propTypes);
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_propTypes.propTypes, import_DSFormLayoutCheckboxGroupDefinitions.DSFormLayoutCheckboxGroupName);
   const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_propTypes.defaultProps);
   const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
   const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefault);

package/dist/cjs/form-layout-checkbox-group/config/useFormLayoutCheckboxGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form-layout-checkbox-group/config/useFormLayoutCheckboxGroup.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\n\nimport { propTypes, defaultProps, type DSFormLayoutCheckboxGroupT } from '../propTypes';\n\ninterface UseFormLayoutCheckboxGroupT {\n  propsWithDefault: DSFormLayoutCheckboxGroupT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useFormLayoutCheckboxGroup = (props: DSFormLayoutCheckboxGroupT.Props): UseFormLayoutCheckboxGroupT => {\n  useValidateTypescriptPropTypes(props, propTypes);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutCheckboxGroupT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ globalAttributes, xstyledProps, propsWithDefault }),\n    [globalAttributes, xstyledProps, propsWithDefault],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,0BAKO;AAEP,uBAAyE;AAQlE,MAAM,6BAA6B,CAAC,UAAyE;AAClH,0DAA+B,OAAO,0BAAS;AAC/C,QAAM,uBAAmB,kDAAuE,OAAO,6BAAY;AACnH,QAAM,uBAAmB,4CAAuB,gBAAgB;AAEhE,QAAM,mBAAe,wCAAmB,gBAAgB;AACxD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,cAAc,iBAAiB;AAAA,IAC1D,CAAC,kBAAkB,cAAc,gBAAgB;AAAA,EACnD;AACF;",
+  "sourcesContent": ["import React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps, type DSFormLayoutCheckboxGroupT } from '../propTypes';\nimport { DSFormLayoutCheckboxGroupName } from '../DSFormLayoutCheckboxGroupDefinitions';\n\ninterface UseFormLayoutCheckboxGroupT {\n  propsWithDefault: DSFormLayoutCheckboxGroupT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useFormLayoutCheckboxGroup = (props: DSFormLayoutCheckboxGroupT.Props): UseFormLayoutCheckboxGroupT => {\n  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutCheckboxGroupName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutCheckboxGroupT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ globalAttributes, xstyledProps, propsWithDefault }),\n    [globalAttributes, xstyledProps, propsWithDefault],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,0BAKO;AACP,uBAAyE;AACzE,kDAA8C;AAQvC,MAAM,6BAA6B,CAAC,UAAyE;AAClH,0DAA+B,OAAO,4BAAW,yEAA6B;AAC9E,QAAM,uBAAmB,kDAAuE,OAAO,6BAAY;AACnH,QAAM,uBAAmB,4CAAuB,gBAAgB;AAEhE,QAAM,mBAAe,wCAAmB,gBAAgB;AACxD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,cAAc,iBAAiB;AAAA,IAC1D,CAAC,kBAAkB,cAAc,gBAAgB;AAAA,EACnD;AACF;",
   "names": ["React"]
 }

package/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js

@@ -31,75 +31,77 @@ const DSFormLayoutBlockItem = (props) => {
   const { className, label: globalLabel, ...othersGlobalAttributes } = globalAttributes;
   const instanceUID = useMemo(() => uid(6), []);
   const cols = useMemo(() => maxCharCounter !== void 0 ? ["1fr", "auto"] : ["1fr"], [maxCharCounter]);
-  return /* @__PURE__ */ jsxs(StyledContainer, {
-    "data-testid": DSFormLayoutBlockItemDataTestId.CONTAINER,
-    leftLabel,
-    fitContent,
-    hideLabel,
-    withHighlight,
-    as: isGroup ? "fieldset" : "div",
-    isGroup,
-    "aria-describedby": !isGroup ? `${inputID || instanceUID}_feedback_message` : void 0,
-    className,
-    ...xstyledProps,
-    children: [
-      /* @__PURE__ */ jsxs(Grid, {
-        cols,
-        gutter: "xxs",
-        children: [
-          /* @__PURE__ */ jsxs(StyledLabel, {
-            id: `${inputID}_block_label`,
-            "data-testid": DSFormLayoutBlockItemDataTestId.LABEL,
-            htmlFor: inputID,
+  return /* @__PURE__ */ jsxs(
+    StyledContainer,
+    {
+      "data-testid": DSFormLayoutBlockItemDataTestId.CONTAINER,
+      leftLabel,
+      fitContent,
+      hideLabel,
+      withHighlight,
+      as: isGroup ? "fieldset" : "div",
+      isGroup,
+      "aria-describedby": !isGroup ? `${inputID || instanceUID}_feedback_message` : void 0,
+      className,
+      ...xstyledProps,
+      children: [
+        /* @__PURE__ */ jsxs(Grid, { cols, gutter: "xxs", children: [
+          /* @__PURE__ */ jsxs(
+            StyledLabel,
+            {
+              id: `${inputID}_block_label`,
+              "data-testid": DSFormLayoutBlockItemDataTestId.LABEL,
+              htmlFor: inputID,
+              leftLabel,
+              hideLabel,
+              "aria-hidden": isGroup,
+              ...othersGlobalAttributes,
+              children: [
+                label,
+                (required || optional) && /* @__PURE__ */ jsx(StyledMark, { required })
+              ]
+            }
+          ),
+          maxCharCounter !== void 0 && currentChar !== void 0 ? /* @__PURE__ */ jsx(
+            StyledCharCount,
+            {
+              "data-testid": DSFormLayoutBlockItemDataTestId.COUNTER,
+              hasError: currentChar > maxCharCounter,
+              children: `${currentChar}/${maxCharCounter}`
+            }
+          ) : null
+        ] }),
+        isGroup && /* @__PURE__ */ jsx(ScreenReaderOnly, { as: "legend", children: `${label}. ${feedbackMessage || ""}` }),
+        children,
+        feedbackMessage && !hasError && /* @__PURE__ */ jsx(
+          StyledMessage,
+          {
+            "data-testid": DSFormLayoutBlockItemDataTestId.MESSAGE,
             leftLabel,
             hideLabel,
             "aria-hidden": isGroup,
-            ...othersGlobalAttributes,
+            id: `${inputID || instanceUID}_feedback_message`,
+            children: feedbackMessage
+          }
+        ),
+        validationMessage && hasError && /* @__PURE__ */ jsxs(
+          StyledMessage,
+          {
+            "data-testid": DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE,
+            hasError,
+            leftLabel,
+            hideLabel,
+            role: "alert",
             children: [
-              label,
-              (required || optional) && /* @__PURE__ */ jsx(StyledMark, {
-                required
-              })
+              /* @__PURE__ */ jsx(AlertsSmallFill, { width: 8, height: 8, color: ["danger", "900"] }),
+              "\xA0",
+              validationMessage
             ]
-          }),
-          maxCharCounter !== void 0 && currentChar !== void 0 ? /* @__PURE__ */ jsx(StyledCharCount, {
-            "data-testid": DSFormLayoutBlockItemDataTestId.COUNTER,
-            hasError: currentChar > maxCharCounter,
-            children: `${currentChar}/${maxCharCounter}`
-          }) : null
-        ]
-      }),
-      isGroup && /* @__PURE__ */ jsx(ScreenReaderOnly, {
-        as: "legend",
-        children: `${label}. ${feedbackMessage || ""}`
-      }),
-      children,
-      feedbackMessage && !hasError && /* @__PURE__ */ jsx(StyledMessage, {
-        "data-testid": DSFormLayoutBlockItemDataTestId.MESSAGE,
-        leftLabel,
-        hideLabel,
-        "aria-hidden": isGroup,
-        id: `${inputID || instanceUID}_feedback_message`,
-        children: feedbackMessage
-      }),
-      validationMessage && hasError && /* @__PURE__ */ jsxs(StyledMessage, {
-        "data-testid": DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE,
-        hasError,
-        leftLabel,
-        hideLabel,
-        role: "alert",
-        children: [
-          /* @__PURE__ */ jsx(AlertsSmallFill, {
-            width: 8,
-            height: 8,
-            color: ["danger", "900"]
-          }),
-          "\xA0",
-          validationMessage
-        ]
-      })
-    ]
-  });
+          }
+        )
+      ]
+    }
+  );
 };
 DSFormLayoutBlockItem.propTypes = propTypes;
 DSFormLayoutBlockItem.displayName = "DSFormLayoutBlockItem";

package/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/DSFormLayoutBlockItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { AlertsSmallFill } from '@elliemae/ds-icons';\nimport { DSFormLayoutBlockItemDataTestId } from '../exported-related/DSFormLayoutBlockItemDataTestId';\nimport type { DSFormLayoutBlockItemT } from './propTypes';\nimport { propTypes } from './propTypes';\nimport { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly, StyledCharCount } from './styles';\nimport { useFormLayoutBlockItem } from './config/useFormLayoutBlockItem';\n\nconst DSFormLayoutBlockItem = (props: DSFormLayoutBlockItemT.Props) => {\n  const { globalAttributes, xstyledProps, propsWithDefault } = useFormLayoutBlockItem(props);\n  const {\n    label,\n    feedbackMessage,\n    maxCharCounter,\n    currentChar,\n    validationMessage,\n    inputID,\n    children,\n    hasError,\n    leftLabel,\n    required,\n    optional,\n    hideLabel,\n    fitContent,\n    withHighlight,\n    isGroup,\n  } = propsWithDefault;\n\n  const { className, label: globalLabel, ...othersGlobalAttributes } = globalAttributes;\n  const instanceUID = useMemo(() => uid(6), []);\n\n  const cols = useMemo(() => (maxCharCounter !== undefined ? ['1fr', 'auto'] : ['1fr']), [maxCharCounter]);\n\n  return (\n    <StyledContainer\n      data-testid={DSFormLayoutBlockItemDataTestId.CONTAINER}\n      leftLabel={leftLabel}\n      fitContent={fitContent}\n      hideLabel={hideLabel}\n      withHighlight={withHighlight}\n      as={isGroup ? 'fieldset' : 'div'}\n      isGroup={isGroup}\n      aria-describedby={!isGroup ? `${inputID || instanceUID}_feedback_message` : undefined}\n      className={className}\n      {...xstyledProps}\n    >\n      <Grid cols={cols} gutter=\"xxs\">\n        <StyledLabel\n          id={`${inputID}_block_label`}\n          data-testid={DSFormLayoutBlockItemDataTestId.LABEL}\n          htmlFor={inputID}\n          leftLabel={leftLabel}\n          hideLabel={hideLabel}\n          aria-hidden={isGroup}\n          {...othersGlobalAttributes}\n        >\n          {label}\n          {(required || optional) && <StyledMark required={required} />}\n        </StyledLabel>\n        {maxCharCounter !== undefined && currentChar !== undefined ? (\n          <StyledCharCount\n            data-testid={DSFormLayoutBlockItemDataTestId.COUNTER}\n            hasError={currentChar > maxCharCounter}\n          >{`${currentChar}/${maxCharCounter}`}</StyledCharCount>\n        ) : null}\n      </Grid>\n      {isGroup && <ScreenReaderOnly as=\"legend\">{`${label}. ${feedbackMessage || ''}`}</ScreenReaderOnly>}\n      {children}\n      {feedbackMessage && !hasError && (\n        <StyledMessage\n          data-testid={DSFormLayoutBlockItemDataTestId.MESSAGE}\n          leftLabel={leftLabel}\n          hideLabel={hideLabel}\n          aria-hidden={isGroup}\n          id={`${inputID || instanceUID}_feedback_message`}\n        >\n          {feedbackMessage}\n        </StyledMessage>\n      )}\n      {validationMessage && hasError && (\n        <StyledMessage\n          data-testid={DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE}\n          hasError={hasError}\n          leftLabel={leftLabel}\n          hideLabel={hideLabel}\n          role=\"alert\"\n        >\n          <AlertsSmallFill width={8} height={8} color={['danger', '900']} />\n          &nbsp;\n          {validationMessage}\n        </StyledMessage>\n      )}\n    </StyledContainer>\n  );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nDSFormLayoutBlockItem.displayName = 'DSFormLayoutBlockItem';\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmDf,SAU6B,KAV7B;AAlDR,SAAgB,eAAe;AAC/B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAChC,SAAS,uCAAuC;AAEhD,SAAS,iBAAiB;AAC1B,SAAS,eAAe,aAAa,iBAAiB,YAAY,kBAAkB,uBAAuB;AAC3G,SAAS,8BAA8B;AAEvC,MAAM,wBAAwB,CAAC,UAAwC;AACrE,QAAM,EAAE,kBAAkB,cAAc,iBAAiB,IAAI,uBAAuB,KAAK;AACzF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,WAAW,OAAO,gBAAgB,uBAAuB,IAAI;AACrE,QAAM,cAAc,QAAQ,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5C,QAAM,OAAO,QAAQ,MAAO,mBAAmB,SAAY,CAAC,OAAO,MAAM,IAAI,CAAC,KAAK,GAAI,CAAC,cAAc,CAAC;AAEvG,SACE,qBAAC;AAAA,IACC,eAAa,gCAAgC;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,CAAC,UAAU,GAAG,WAAW,iCAAiC;AAAA,IAC5E;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,2BAAC;AAAA,QAAK;AAAA,QAAY,QAAO;AAAA,QACvB;AAAA,+BAAC;AAAA,YACC,IAAI,GAAG;AAAA,YACP,eAAa,gCAAgC;AAAA,YAC7C,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,eAAa;AAAA,YACZ,GAAG;AAAA,YAEH;AAAA;AAAA,eACC,YAAY,aAAa,oBAAC;AAAA,gBAAW;AAAA,eAAoB;AAAA;AAAA,WAC7D;AAAA,UACC,mBAAmB,UAAa,gBAAgB,SAC/C,oBAAC;AAAA,YACC,eAAa,gCAAgC;AAAA,YAC7C,UAAU,cAAc;AAAA,YACxB,aAAG,eAAe;AAAA,WAAiB,IACnC;AAAA;AAAA,OACN;AAAA,MACC,WAAW,oBAAC;AAAA,QAAiB,IAAG;AAAA,QAAU,aAAG,UAAU,mBAAmB;AAAA,OAAK;AAAA,MAC/E;AAAA,MACA,mBAAmB,CAAC,YACnB,oBAAC;AAAA,QACC,eAAa,gCAAgC;AAAA,QAC7C;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,IAAI,GAAG,WAAW;AAAA,QAEjB;AAAA,OACH;AAAA,MAED,qBAAqB,YACpB,qBAAC;AAAA,QACC,eAAa,gCAAgC;AAAA,QAC7C;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QAEL;AAAA,8BAAC;AAAA,YAAgB,OAAO;AAAA,YAAG,QAAQ;AAAA,YAAG,OAAO,CAAC,UAAU,KAAK;AAAA,WAAG;AAAA,UAAE;AAAA,UAEjE;AAAA;AAAA,OACH;AAAA;AAAA,GAEJ;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACmDf,SAU6B,KAV7B;AAlDR,SAAgB,eAAe;AAC/B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAChC,SAAS,uCAAuC;AAEhD,SAAS,iBAAiB;AAC1B,SAAS,eAAe,aAAa,iBAAiB,YAAY,kBAAkB,uBAAuB;AAC3G,SAAS,8BAA8B;AAEvC,MAAM,wBAAwB,CAAC,UAAwC;AACrE,QAAM,EAAE,kBAAkB,cAAc,iBAAiB,IAAI,uBAAuB,KAAK;AACzF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,WAAW,OAAO,gBAAgB,uBAAuB,IAAI;AACrE,QAAM,cAAc,QAAQ,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5C,QAAM,OAAO,QAAQ,MAAO,mBAAmB,SAAY,CAAC,OAAO,MAAM,IAAI,CAAC,KAAK,GAAI,CAAC,cAAc,CAAC;AAEvG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,gCAAgC;AAAA,MAC7C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,UAAU,aAAa;AAAA,MAC3B;AAAA,MACA,oBAAkB,CAAC,UAAU,GAAG,WAAW,iCAAiC;AAAA,MAC5E;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,QAAK,MAAY,QAAO,OACvB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,GAAG;AAAA,cACP,eAAa,gCAAgC;AAAA,cAC7C,SAAS;AAAA,cACT;AAAA,cACA;AAAA,cACA,eAAa;AAAA,cACZ,GAAG;AAAA,cAEH;AAAA;AAAA,iBACC,YAAY,aAAa,oBAAC,cAAW,UAAoB;AAAA;AAAA;AAAA,UAC7D;AAAA,UACC,mBAAmB,UAAa,gBAAgB,SAC/C;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,gCAAgC;AAAA,cAC7C,UAAU,cAAc;AAAA,cACxB,aAAG,eAAe;AAAA;AAAA,UAAiB,IACnC;AAAA,WACN;AAAA,QACC,WAAW,oBAAC,oBAAiB,IAAG,UAAU,aAAG,UAAU,mBAAmB,MAAK;AAAA,QAC/E;AAAA,QACA,mBAAmB,CAAC,YACnB;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,gCAAgC;AAAA,YAC7C;AAAA,YACA;AAAA,YACA,eAAa;AAAA,YACb,IAAI,GAAG,WAAW;AAAA,YAEjB;AAAA;AAAA,QACH;AAAA,QAED,qBAAqB,YACpB;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,gCAAgC;AAAA,YAC7C;AAAA,YACA;AAAA,YACA;AAAA,YACA,MAAK;AAAA,YAEL;AAAA,kCAAC,mBAAgB,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,UAAU,KAAK,GAAG;AAAA,cAAE;AAAA,cAEjE;AAAA;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
   "names": []
 }

package/dist/esm/form-layout-block-item/DSFormLayoutBlockItemDefinitions.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const DSFormLayoutBlockItemName = "DSFormLayoutBlockItem";
+export {
+  DSFormLayoutBlockItemName
+};
+//# sourceMappingURL=DSFormLayoutBlockItemDefinitions.js.map

package/dist/esm/form-layout-block-item/DSFormLayoutBlockItemDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/DSFormLayoutBlockItemDefinitions.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSFormLayoutBlockItemName = 'DSFormLayoutBlockItem';"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,4BAA4B;",
+  "names": []
+}

package/dist/esm/form-layout-block-item/config/useFormLayoutBlockItem.js

@@ -7,8 +7,9 @@ import {
   useValidateTypescriptPropTypes
 } from "@elliemae/ds-utilities";
 import { propTypes, defaultProps } from "../propTypes";
+import { DSFormLayoutBlockItemName } from "../DSFormLayoutBlockItemDefinitions";
 const useFormLayoutBlockItem = (props) => {
-  useValidateTypescriptPropTypes(props, propTypes);
+  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutBlockItemName);
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   const globalAttributes = useGetGlobalAttributes(propsWithDefault);
   const xstyledProps = useGetXstyledProps(propsWithDefault);

package/dist/esm/form-layout-block-item/config/useFormLayoutBlockItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/form-layout-block-item/config/useFormLayoutBlockItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\n\nimport { propTypes, defaultProps, type DSFormLayoutBlockItemT } from '../propTypes';\n\ninterface UseFormLayoutBlockItemT {\n  propsWithDefault: DSFormLayoutBlockItemT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useFormLayoutBlockItem = (props: DSFormLayoutBlockItemT.Props): UseFormLayoutBlockItemT => {\n  useValidateTypescriptPropTypes(props, propTypes);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutBlockItemT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ globalAttributes, xstyledProps, propsWithDefault }),\n    [globalAttributes, xstyledProps, propsWithDefault],\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,WAAW,oBAAiD;AAQ9D,MAAM,yBAAyB,CAAC,UAAiE;AACtG,iCAA+B,OAAO,SAAS;AAC/C,QAAM,mBAAmB,6BAAmE,OAAO,YAAY;AAC/G,QAAM,mBAAmB,uBAAuB,gBAAgB;AAEhE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAOA,OAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,cAAc,iBAAiB;AAAA,IAC1D,CAAC,kBAAkB,cAAc,gBAAgB;AAAA,EACnD;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps, type DSFormLayoutBlockItemT } from '../propTypes';\nimport { DSFormLayoutBlockItemName } from '../DSFormLayoutBlockItemDefinitions';\n\ninterface UseFormLayoutBlockItemT {\n  propsWithDefault: DSFormLayoutBlockItemT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useFormLayoutBlockItem = (props: DSFormLayoutBlockItemT.Props): UseFormLayoutBlockItemT => {\n  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutBlockItemName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutBlockItemT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ globalAttributes, xstyledProps, propsWithDefault }),\n    [globalAttributes, xstyledProps, propsWithDefault],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,oBAAiD;AACrE,SAAS,iCAAiC;AAQnC,MAAM,yBAAyB,CAAC,UAAiE;AACtG,iCAA+B,OAAO,WAAW,yBAAyB;AAC1E,QAAM,mBAAmB,6BAAmE,OAAO,YAAY;AAC/G,QAAM,mBAAmB,uBAAuB,gBAAgB;AAEhE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAOA,OAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,cAAc,iBAAiB;AAAA,IAC1D,CAAC,kBAAkB,cAAc,gBAAgB;AAAA,EACnD;AACF;",
   "names": ["React"]
 }

package/dist/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js

@@ -10,13 +10,7 @@ const DSFormLayoutCheckboxGroup = (props) => {
     xstyledProps,
     propsWithDefault
   } = useFormLayoutCheckboxGroup(props);
-  return /* @__PURE__ */ jsx(StyledContainer, {
-    role: "group",
-    direction: propsWithDefault.direction,
-    ...othersGlobalAttributes,
-    ...xstyledProps,
-    children: propsWithDefault.children
-  });
+  return /* @__PURE__ */ jsx(StyledContainer, { role: "group", direction: propsWithDefault.direction, ...othersGlobalAttributes, ...xstyledProps, children: propsWithDefault.children });
 };
 DSFormLayoutCheckboxGroup.propTypes = propTypes;
 DSFormLayoutCheckboxGroup.displayName = "DSFormLayoutCheckboxGroup";

package/dist/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { StyledContainer } from './styles';\nimport type { DSFormLayoutCheckboxGroupT } from './propTypes';\nimport { propTypes } from './propTypes';\nimport { useFormLayoutCheckboxGroup } from './config/useFormLayoutCheckboxGroup';\n\nconst DSFormLayoutCheckboxGroup = (props: DSFormLayoutCheckboxGroupT.Props): JSX.Element => {\n  const {\n    globalAttributes: { ...othersGlobalAttributes },\n    xstyledProps,\n    propsWithDefault,\n  } = useFormLayoutCheckboxGroup(props);\n  return (\n    <StyledContainer role=\"group\" direction={propsWithDefault.direction} {...othersGlobalAttributes} {...xstyledProps}>\n      {propsWithDefault.children}\n    </StyledContainer>\n  );\n};\n\nDSFormLayoutCheckboxGroup.propTypes = propTypes;\nDSFormLayoutCheckboxGroup.displayName = 'DSFormLayoutCheckboxGroup';\nconst DSFormLayoutCheckboxGroupWithSchema = describe(DSFormLayoutCheckboxGroup);\nDSFormLayoutCheckboxGroupWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACcnB;AAbJ,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAEhC,SAAS,iBAAiB;AAC1B,SAAS,kCAAkC;AAE3C,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM;AAAA,IACJ,kBAAkB,KAAK,uBAAuB;AAAA,IAC9C;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B,KAAK;AACpC,SACE,oBAAC;AAAA,IAAgB,MAAK;AAAA,IAAQ,WAAW,iBAAiB;AAAA,IAAY,GAAG;AAAA,IAAyB,GAAG;AAAA,IAClG,2BAAiB;AAAA,GACpB;AAEJ;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,SAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACcnB;AAbJ,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAEhC,SAAS,iBAAiB;AAC1B,SAAS,kCAAkC;AAE3C,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM;AAAA,IACJ,kBAAkB,KAAK,uBAAuB;AAAA,IAC9C;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B,KAAK;AACpC,SACE,oBAAC,mBAAgB,MAAK,SAAQ,WAAW,iBAAiB,WAAY,GAAG,wBAAyB,GAAG,cAClG,2BAAiB,UACpB;AAEJ;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,SAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
   "names": []
 }

package/dist/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroupDefinitions.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const DSFormLayoutCheckboxGroupName = "DSFormLayoutCheckboxGroup";
+export {
+  DSFormLayoutCheckboxGroupName
+};
+//# sourceMappingURL=DSFormLayoutCheckboxGroupDefinitions.js.map

package/dist/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroupDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/DSFormLayoutCheckboxGroupDefinitions.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSFormLayoutCheckboxGroupName = 'DSFormLayoutCheckboxGroup';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,gCAAgC;",
+  "names": []
+}

package/dist/esm/form-layout-checkbox-group/config/useFormLayoutCheckboxGroup.js

@@ -7,8 +7,9 @@ import {
   useValidateTypescriptPropTypes
 } from "@elliemae/ds-utilities";
 import { propTypes, defaultProps } from "../propTypes";
+import { DSFormLayoutCheckboxGroupName } from "../DSFormLayoutCheckboxGroupDefinitions";
 const useFormLayoutCheckboxGroup = (props) => {
-  useValidateTypescriptPropTypes(props, propTypes);
+  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutCheckboxGroupName);
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   const globalAttributes = useGetGlobalAttributes(propsWithDefault);
   const xstyledProps = useGetXstyledProps(propsWithDefault);

package/dist/esm/form-layout-checkbox-group/config/useFormLayoutCheckboxGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/form-layout-checkbox-group/config/useFormLayoutCheckboxGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\n\nimport { propTypes, defaultProps, type DSFormLayoutCheckboxGroupT } from '../propTypes';\n\ninterface UseFormLayoutCheckboxGroupT {\n  propsWithDefault: DSFormLayoutCheckboxGroupT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useFormLayoutCheckboxGroup = (props: DSFormLayoutCheckboxGroupT.Props): UseFormLayoutCheckboxGroupT => {\n  useValidateTypescriptPropTypes(props, propTypes);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutCheckboxGroupT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ globalAttributes, xstyledProps, propsWithDefault }),\n    [globalAttributes, xstyledProps, propsWithDefault],\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,WAAW,oBAAqD;AAQlE,MAAM,6BAA6B,CAAC,UAAyE;AAClH,iCAA+B,OAAO,SAAS;AAC/C,QAAM,mBAAmB,6BAAuE,OAAO,YAAY;AACnH,QAAM,mBAAmB,uBAAuB,gBAAgB;AAEhE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAOA,OAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,cAAc,iBAAiB;AAAA,IAC1D,CAAC,kBAAkB,cAAc,gBAAgB;AAAA,EACnD;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps, type DSFormLayoutCheckboxGroupT } from '../propTypes';\nimport { DSFormLayoutCheckboxGroupName } from '../DSFormLayoutCheckboxGroupDefinitions';\n\ninterface UseFormLayoutCheckboxGroupT {\n  propsWithDefault: DSFormLayoutCheckboxGroupT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useFormLayoutCheckboxGroup = (props: DSFormLayoutCheckboxGroupT.Props): UseFormLayoutCheckboxGroupT => {\n  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutCheckboxGroupName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutCheckboxGroupT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ globalAttributes, xstyledProps, propsWithDefault }),\n    [globalAttributes, xstyledProps, propsWithDefault],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,oBAAqD;AACzE,SAAS,qCAAqC;AAQvC,MAAM,6BAA6B,CAAC,UAAyE;AAClH,iCAA+B,OAAO,WAAW,6BAA6B;AAC9E,QAAM,mBAAmB,6BAAuE,OAAO,YAAY;AACnH,QAAM,mBAAmB,uBAAuB,gBAAgB;AAEhE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAOA,OAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,cAAc,iBAAiB;AAAA,IAC1D,CAAC,kBAAkB,cAAc,gBAAgB;AAAA,EACnD;AACF;",
   "names": ["React"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-layout-blocks",
-  "version": "3.12.0-rc.1",
+  "version": "3.12.0-rc.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form Layout",
   "files": [
@@ -75,10 +75,10 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-grid": "3.12.0-rc.1",
-    "@elliemae/ds-icons": "3.12.0-rc.1",
-    "@elliemae/ds-system": "3.12.0-rc.1",
-    "@elliemae/ds-utilities": "3.12.0-rc.1",
+    "@elliemae/ds-grid": "3.12.0-rc.3",
+    "@elliemae/ds-icons": "3.12.0-rc.3",
+    "@elliemae/ds-system": "3.12.0-rc.3",
+    "@elliemae/ds-utilities": "3.12.0-rc.3",
     "uid": "~2.0.0"
   },
   "devDependencies": {