@elliemae/ds-form-layout-blocks 3.27.0-next.2 → 3.27.0-next.3

package/dist/cjs/form-layout-block-item/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form-layout-block-item/react-desc-prop-types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport const defaultProps = {\n  isGroup: false,\n};\n\nexport declare namespace DSFormLayoutBlockItemT {\n  export interface PropsOptional {\n    maxCharCounter?: number;\n    currentChar?: number;\n    inputID?: string;\n    iconError?: boolean;\n    validationMessage?: string;\n    feedbackMessage?: string;\n    hasError?: boolean;\n    leftLabel?: boolean;\n    required?: boolean;\n    fitContent?: boolean;\n    optional?: boolean;\n    hideLabel?: boolean;\n    withHighlight?: boolean;\n  }\n\n  export interface DefaultProps {\n    isGroup: boolean;\n  }\n\n  export interface PropsRequired {\n    children: JSX.Element;\n    label: string;\n  }\n\n  export interface Props extends PropsOptional, PropsRequired, Partial<DefaultProps> {}\n  export interface InternalProps extends PropsOptional, PropsRequired, DefaultProps {}\n}\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.isRequired.description('Input component. '),\n  label: PropTypes.string.description(\n    'Label property for the input component. This property is required for accesibility purposes.',\n  ),\n  inputID: PropTypes.string.description(\n    \"String that matches the input component's id. This property is required for accesibility purposes.\",\n  ),\n  maxCharCounter: PropTypes.number.description('Max of characters allowed.'),\n  currentChar: PropTypes.number.description('Current counter of input text area'),\n  feedbackMessage: PropTypes.string.description('Feedback message to show below the input component.'),\n  validationMessage: PropTypes.string.description(\n    'Validation message to show below the input component. It requires hasError property set to true to be visible.',\n  ),\n  hasError: PropTypes.bool.description('Helper boolean property for the validation message.'),\n  required: PropTypes.bool.description('Adds required extra styling.'),\n  optional: PropTypes.bool.description('Adds optional extra styling.'),\n  fitContent: PropTypes.bool.description('Set the width of the layout to the input component.'),\n  leftLabel: PropTypes.bool.description('Adds the label at the left of the input component.'),\n  hideLabel: PropTypes.bool.description(\n    'Hides the input label. It still requires label and labelFor property for accesibility purposes',\n  ),\n  withHighlight: PropTypes.bool.description(\n    'Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab.',\n  ),\n  isGroup: PropTypes.bool.description(\n    'Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.',\n  ),\n  iconError: PropTypes.bool.description('Adds icon error extra styling.'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAuE;AAGhE,MAAM,eAAe;AAAA,EAC1B,SAAS;AACX;AAgCO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,kCAAU,KAAK,WAAW,YAAY,mBAAmB;AAAA,EACnE,OAAO,kCAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EACA,SAAS,kCAAU,OAAO;AAAA,IACxB;AAAA,EACF;AAAA,EACA,gBAAgB,kCAAU,OAAO,YAAY,4BAA4B;AAAA,EACzE,aAAa,kCAAU,OAAO,YAAY,oCAAoC;AAAA,EAC9E,iBAAiB,kCAAU,OAAO,YAAY,qDAAqD;AAAA,EACnG,mBAAmB,kCAAU,OAAO;AAAA,IAClC;AAAA,EACF;AAAA,EACA,UAAU,kCAAU,KAAK,YAAY,qDAAqD;AAAA,EAC1F,UAAU,kCAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,UAAU,kCAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,YAAY,kCAAU,KAAK,YAAY,qDAAqD;AAAA,EAC5F,WAAW,kCAAU,KAAK,YAAY,oDAAoD;AAAA,EAC1F,WAAW,kCAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EACA,eAAe,kCAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,SAAS,kCAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EACA,WAAW,kCAAU,KAAK,YAAY,gCAAgC;AACxE;",
+  "sourcesContent": ["import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport const defaultProps = {\n  isGroup: false,\n};\n\nexport declare namespace DSFormLayoutBlockItemT {\n  export interface OptionalProps {\n    maxCharCounter?: number;\n    currentChar?: number;\n    inputID?: string;\n    iconError?: boolean;\n    validationMessage?: string;\n    feedbackMessage?: string;\n    hasError?: boolean;\n    leftLabel?: boolean;\n    required?: boolean;\n    fitContent?: boolean;\n    optional?: boolean;\n    hideLabel?: boolean;\n    withHighlight?: boolean;\n  }\n\n  export interface DefaultProps {\n    isGroup: boolean;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactNode;\n    label: string;\n  }\n\n  export interface Props\n    extends OptionalProps,\n      RequiredProps,\n      Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends OptionalProps,\n      RequiredProps,\n      DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n}\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.isRequired.description('Input component. '),\n  label: PropTypes.string.description(\n    'Label property for the input component. This property is required for accesibility purposes.',\n  ),\n  inputID: PropTypes.string.description(\n    \"String that matches the input component's id. This property is required for accesibility purposes.\",\n  ),\n  maxCharCounter: PropTypes.number.description('Max of characters allowed.'),\n  currentChar: PropTypes.number.description('Current counter of input text area'),\n  feedbackMessage: PropTypes.string.description('Feedback message to show below the input component.'),\n  validationMessage: PropTypes.string.description(\n    'Validation message to show below the input component. It requires hasError property set to true to be visible.',\n  ),\n  hasError: PropTypes.bool.description('Helper boolean property for the validation message.'),\n  required: PropTypes.bool.description('Adds required extra styling.'),\n  optional: PropTypes.bool.description('Adds optional extra styling.'),\n  fitContent: PropTypes.bool.description('Set the width of the layout to the input component.'),\n  leftLabel: PropTypes.bool.description('Adds the label at the left of the input component.'),\n  hideLabel: PropTypes.bool.description(\n    'Hides the input label. It still requires label and labelFor property for accesibility purposes',\n  ),\n  withHighlight: PropTypes.bool.description(\n    'Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab.',\n  ),\n  isGroup: PropTypes.bool.description(\n    'Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.',\n  ),\n  iconError: PropTypes.bool.description('Adds icon error extra styling.'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAuE;AAGhE,MAAM,eAAe;AAAA,EAC1B,SAAS;AACX;AA0CO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,kCAAU,KAAK,WAAW,YAAY,mBAAmB;AAAA,EACnE,OAAO,kCAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EACA,SAAS,kCAAU,OAAO;AAAA,IACxB;AAAA,EACF;AAAA,EACA,gBAAgB,kCAAU,OAAO,YAAY,4BAA4B;AAAA,EACzE,aAAa,kCAAU,OAAO,YAAY,oCAAoC;AAAA,EAC9E,iBAAiB,kCAAU,OAAO,YAAY,qDAAqD;AAAA,EACnG,mBAAmB,kCAAU,OAAO;AAAA,IAClC;AAAA,EACF;AAAA,EACA,UAAU,kCAAU,KAAK,YAAY,qDAAqD;AAAA,EAC1F,UAAU,kCAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,UAAU,kCAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,YAAY,kCAAU,KAAK,YAAY,qDAAqD;AAAA,EAC5F,WAAW,kCAAU,KAAK,YAAY,oDAAoD;AAAA,EAC1F,WAAW,kCAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EACA,eAAe,kCAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,SAAS,kCAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EACA,WAAW,kCAAU,KAAK,YAAY,gCAAgC;AACxE;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form-layout-checkbox-group/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSFormLayoutCheckboxGroup.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export * from './DSFormLayoutCheckboxGroup.js';\nexport type { DSFormLayoutCheckboxGroupT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,+CAAc,2CAAd;",
   "names": []
 }

package/dist/cjs/form-layout-checkbox-group/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form-layout-checkbox-group/react-desc-prop-types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\nexport declare namespace DSFormLayoutCheckboxGroupT {\n  export interface PropsRequired {\n    children: JSX.Element;\n  }\n\n  export interface DefaultProps {\n    direction: DirectionsT;\n  }\n\n  export interface Props extends PropsRequired, DefaultProps {}\n  export interface InternalProps extends PropsRequired, Required<DefaultProps> {}\n}\n\nexport const defaultProps: DSFormLayoutCheckboxGroupT.DefaultProps = {\n  direction: 'horizontal',\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n  children: PropTypes.node.isRequired.description('The content of the component.'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAuE;AAiBhE,MAAM,eAAwD;AAAA,EACnE,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,kCAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAAA,EAC1G,UAAU,kCAAU,KAAK,WAAW,YAAY,+BAA+B;AACjF;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\nexport declare namespace DSFormLayoutCheckboxGroupT {\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n\n  export interface DefaultProps {\n    direction: DirectionsT;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends OptionalProps,\n      RequiredProps,\n      Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends OptionalProps,\n      RequiredProps,\n      DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSFormLayoutCheckboxGroupT.DefaultProps = {\n  direction: 'horizontal',\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n  children: PropTypes.node.isRequired.description('The content of the component.'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AA6BhE,MAAM,eAAwD;AAAA,EACnE,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,kCAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAAA,EAC1G,UAAU,kCAAU,KAAK,WAAW,YAAY,+BAA+B;AACjF;",
   "names": []
 }

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './form-layout-block-item/index.js';\nexport {\n  DSFormLayoutCheckboxGroup,\n  DSFormLayoutCheckboxGroupWithSchema,\n  DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup,\n  DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema,\n} from './form-layout-checkbox-group/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8CAAd;AACA,wCAKO;",
+  "sourcesContent": ["export * from './form-layout-block-item/index.js';\nexport {\n  DSFormLayoutCheckboxGroup,\n  DSFormLayoutCheckboxGroupWithSchema,\n  DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup,\n  DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema,\n  type DSFormLayoutCheckboxGroupT,\n} from './form-layout-checkbox-group/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8CAAd;AACA,wCAMO;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-checkbox-group-valid.js

@@ -0,0 +1,79 @@
+"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 __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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const testRequiredProps = {
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
+};
+const testOptionalProps = {};
+const testPartialDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  direction: "vertical"
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  direction: "horizontal",
+  id: "id-1",
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
+};
+const testInferedTypeCompatibility = {
+  direction: "horizontal",
+  id: "id-1",
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
+};
+const testDefinitionAsConst = {
+  direction: "horizontal",
+  id: "id-1",
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFormLayoutCheckboxGroup, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFormLayoutCheckboxGroup, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFormLayoutCheckboxGroup, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.DSFormLayoutCheckboxGroup, { direction: "vertical", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+  ] })
+] });
+//# sourceMappingURL=typescript-checkbox-group-valid.js.map

package/dist/cjs/typescript-testing/typescript-checkbox-group-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-checkbox-group-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSFormLayoutCheckboxGroup } from '../index.js';\nimport type { DSFormLayoutCheckboxGroupT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFormLayoutCheckboxGroupT.Props;\ntype ComponentPropsInternals = DSFormLayoutCheckboxGroupT.InternalProps;\ntype ComponentPropsDefaultProps = DSFormLayoutCheckboxGroupT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFormLayoutCheckboxGroupT.OptionalProps;\ntype ComponentPropsRequiredProps = DSFormLayoutCheckboxGroupT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  children: <></>,\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  direction: 'vertical',\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <></>,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <></>,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <></>,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFormLayoutCheckboxGroup {...testExplicitDefinition} />\n    <DSFormLayoutCheckboxGroup {...testInferedTypeCompatibility} />\n    <DSFormLayoutCheckboxGroup {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSFormLayoutCheckboxGroup direction=\"vertical\">\n      <div></div>\n      <div></div>\n    </DSFormLayoutCheckboxGroup>\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACYX;AAXZ,eAA0C;AAU1C,MAAM,oBAAiD;AAAA,EACrD,UAAU,2EAAE;AACd;AACA,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D,CAAC;AAClE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,WAAW;AACb;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,2EAAE;AACd;AAGA,MAAM,+BAA+B;AAAA,EACnC,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,2EAAE;AACd;AAEA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,2EAAE;AACd;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,sCAA2B,GAAG,wBAAwB;AAAA,EACvD,4CAAC,sCAA2B,GAAG,8BAA8B;AAAA,EAC7D,4CAAC,sCAA2B,GAAG,uBAAuB;AAAA,EAEtD,6CAAC,sCAA0B,WAAU,YACnC;AAAA,gDAAC,SAAI;AAAA,IACL,4CAAC,SAAI;AAAA,KACP;AAAA,GACF;",
+  "names": []
+}

package/dist/esm/form-layout-block-item/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport const defaultProps = {\n  isGroup: false,\n};\n\nexport declare namespace DSFormLayoutBlockItemT {\n  export interface PropsOptional {\n    maxCharCounter?: number;\n    currentChar?: number;\n    inputID?: string;\n    iconError?: boolean;\n    validationMessage?: string;\n    feedbackMessage?: string;\n    hasError?: boolean;\n    leftLabel?: boolean;\n    required?: boolean;\n    fitContent?: boolean;\n    optional?: boolean;\n    hideLabel?: boolean;\n    withHighlight?: boolean;\n  }\n\n  export interface DefaultProps {\n    isGroup: boolean;\n  }\n\n  export interface PropsRequired {\n    children: JSX.Element;\n    label: string;\n  }\n\n  export interface Props extends PropsOptional, PropsRequired, Partial<DefaultProps> {}\n  export interface InternalProps extends PropsOptional, PropsRequired, DefaultProps {}\n}\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.isRequired.description('Input component. '),\n  label: PropTypes.string.description(\n    'Label property for the input component. This property is required for accesibility purposes.',\n  ),\n  inputID: PropTypes.string.description(\n    \"String that matches the input component's id. This property is required for accesibility purposes.\",\n  ),\n  maxCharCounter: PropTypes.number.description('Max of characters allowed.'),\n  currentChar: PropTypes.number.description('Current counter of input text area'),\n  feedbackMessage: PropTypes.string.description('Feedback message to show below the input component.'),\n  validationMessage: PropTypes.string.description(\n    'Validation message to show below the input component. It requires hasError property set to true to be visible.',\n  ),\n  hasError: PropTypes.bool.description('Helper boolean property for the validation message.'),\n  required: PropTypes.bool.description('Adds required extra styling.'),\n  optional: PropTypes.bool.description('Adds optional extra styling.'),\n  fitContent: PropTypes.bool.description('Set the width of the layout to the input component.'),\n  leftLabel: PropTypes.bool.description('Adds the label at the left of the input component.'),\n  hideLabel: PropTypes.bool.description(\n    'Hides the input label. It still requires label and labelFor property for accesibility purposes',\n  ),\n  withHighlight: PropTypes.bool.description(\n    'Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab.',\n  ),\n  isGroup: PropTypes.bool.description(\n    'Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.',\n  ),\n  iconError: PropTypes.bool.description('Adds icon error extra styling.'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AAGhE,MAAM,eAAe;AAAA,EAC1B,SAAS;AACX;AAgCO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,UAAU,KAAK,WAAW,YAAY,mBAAmB;AAAA,EACnE,OAAO,UAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EACA,SAAS,UAAU,OAAO;AAAA,IACxB;AAAA,EACF;AAAA,EACA,gBAAgB,UAAU,OAAO,YAAY,4BAA4B;AAAA,EACzE,aAAa,UAAU,OAAO,YAAY,oCAAoC;AAAA,EAC9E,iBAAiB,UAAU,OAAO,YAAY,qDAAqD;AAAA,EACnG,mBAAmB,UAAU,OAAO;AAAA,IAClC;AAAA,EACF;AAAA,EACA,UAAU,UAAU,KAAK,YAAY,qDAAqD;AAAA,EAC1F,UAAU,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,UAAU,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,YAAY,UAAU,KAAK,YAAY,qDAAqD;AAAA,EAC5F,WAAW,UAAU,KAAK,YAAY,oDAAoD;AAAA,EAC1F,WAAW,UAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EACA,eAAe,UAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,SAAS,UAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EACA,WAAW,UAAU,KAAK,YAAY,gCAAgC;AACxE;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport const defaultProps = {\n  isGroup: false,\n};\n\nexport declare namespace DSFormLayoutBlockItemT {\n  export interface OptionalProps {\n    maxCharCounter?: number;\n    currentChar?: number;\n    inputID?: string;\n    iconError?: boolean;\n    validationMessage?: string;\n    feedbackMessage?: string;\n    hasError?: boolean;\n    leftLabel?: boolean;\n    required?: boolean;\n    fitContent?: boolean;\n    optional?: boolean;\n    hideLabel?: boolean;\n    withHighlight?: boolean;\n  }\n\n  export interface DefaultProps {\n    isGroup: boolean;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactNode;\n    label: string;\n  }\n\n  export interface Props\n    extends OptionalProps,\n      RequiredProps,\n      Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends OptionalProps,\n      RequiredProps,\n      DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n}\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.isRequired.description('Input component. '),\n  label: PropTypes.string.description(\n    'Label property for the input component. This property is required for accesibility purposes.',\n  ),\n  inputID: PropTypes.string.description(\n    \"String that matches the input component's id. This property is required for accesibility purposes.\",\n  ),\n  maxCharCounter: PropTypes.number.description('Max of characters allowed.'),\n  currentChar: PropTypes.number.description('Current counter of input text area'),\n  feedbackMessage: PropTypes.string.description('Feedback message to show below the input component.'),\n  validationMessage: PropTypes.string.description(\n    'Validation message to show below the input component. It requires hasError property set to true to be visible.',\n  ),\n  hasError: PropTypes.bool.description('Helper boolean property for the validation message.'),\n  required: PropTypes.bool.description('Adds required extra styling.'),\n  optional: PropTypes.bool.description('Adds optional extra styling.'),\n  fitContent: PropTypes.bool.description('Set the width of the layout to the input component.'),\n  leftLabel: PropTypes.bool.description('Adds the label at the left of the input component.'),\n  hideLabel: PropTypes.bool.description(\n    'Hides the input label. It still requires label and labelFor property for accesibility purposes',\n  ),\n  withHighlight: PropTypes.bool.description(\n    'Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab.',\n  ),\n  isGroup: PropTypes.bool.description(\n    'Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.',\n  ),\n  iconError: PropTypes.bool.description('Adds icon error extra styling.'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AAGhE,MAAM,eAAe;AAAA,EAC1B,SAAS;AACX;AA0CO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,UAAU,KAAK,WAAW,YAAY,mBAAmB;AAAA,EACnE,OAAO,UAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EACA,SAAS,UAAU,OAAO;AAAA,IACxB;AAAA,EACF;AAAA,EACA,gBAAgB,UAAU,OAAO,YAAY,4BAA4B;AAAA,EACzE,aAAa,UAAU,OAAO,YAAY,oCAAoC;AAAA,EAC9E,iBAAiB,UAAU,OAAO,YAAY,qDAAqD;AAAA,EACnG,mBAAmB,UAAU,OAAO;AAAA,IAClC;AAAA,EACF;AAAA,EACA,UAAU,UAAU,KAAK,YAAY,qDAAqD;AAAA,EAC1F,UAAU,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,UAAU,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,YAAY,UAAU,KAAK,YAAY,qDAAqD;AAAA,EAC5F,WAAW,UAAU,KAAK,YAAY,oDAAoD;AAAA,EAC1F,WAAW,UAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EACA,eAAe,UAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,SAAS,UAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EACA,WAAW,UAAU,KAAK,YAAY,gCAAgC;AACxE;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSFormLayoutCheckboxGroup.js';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSFormLayoutCheckboxGroup.js';\nexport type { DSFormLayoutCheckboxGroupT } from './react-desc-prop-types.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/form-layout-checkbox-group/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\nexport declare namespace DSFormLayoutCheckboxGroupT {\n  export interface PropsRequired {\n    children: JSX.Element;\n  }\n\n  export interface DefaultProps {\n    direction: DirectionsT;\n  }\n\n  export interface Props extends PropsRequired, DefaultProps {}\n  export interface InternalProps extends PropsRequired, Required<DefaultProps> {}\n}\n\nexport const defaultProps: DSFormLayoutCheckboxGroupT.DefaultProps = {\n  direction: 'horizontal',\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n  children: PropTypes.node.isRequired.description('The content of the component.'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AAiBhE,MAAM,eAAwD;AAAA,EACnE,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAAA,EAC1G,UAAU,UAAU,KAAK,WAAW,YAAY,+BAA+B;AACjF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\nexport declare namespace DSFormLayoutCheckboxGroupT {\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n\n  export interface DefaultProps {\n    direction: DirectionsT;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends OptionalProps,\n      RequiredProps,\n      Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends OptionalProps,\n      RequiredProps,\n      DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSFormLayoutCheckboxGroupT.DefaultProps = {\n  direction: 'horizontal',\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n  children: PropTypes.node.isRequired.description('The content of the component.'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AA6BhE,MAAM,eAAwD;AAAA,EACnE,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAAA,EAC1G,UAAU,UAAU,KAAK,WAAW,YAAY,+BAA+B;AACjF;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './form-layout-block-item/index.js';\nexport {\n  DSFormLayoutCheckboxGroup,\n  DSFormLayoutCheckboxGroupWithSchema,\n  DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup,\n  DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema,\n} from './form-layout-checkbox-group/index.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd;AAAA,EACE;AAAA,EACA;AAAA,EAC6B,6BAA7BA;AAAA,EACuC,uCAAvCC;AAAA,OACK;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './form-layout-block-item/index.js';\nexport {\n  DSFormLayoutCheckboxGroup,\n  DSFormLayoutCheckboxGroupWithSchema,\n  DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup,\n  DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema,\n  type DSFormLayoutCheckboxGroupT,\n} from './form-layout-checkbox-group/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd;AAAA,EACE;AAAA,EACA;AAAA,EAC6B,6BAA7BA;AAAA,EACuC,uCAAvCC;AAAA,OAEK;",
   "names": ["DSFormLayoutCheckboxGroup", "DSFormLayoutCheckboxGroupWithSchema"]
 }

package/dist/esm/typescript-testing/typescript-checkbox-group-valid.js

@@ -0,0 +1,56 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSFormLayoutCheckboxGroup } from "../index.js";
+const testRequiredProps = {
+  children: /* @__PURE__ */ jsx(Fragment, {})
+};
+const testOptionalProps = {};
+const testPartialDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  direction: "vertical"
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  direction: "horizontal",
+  id: "id-1",
+  children: /* @__PURE__ */ jsx(Fragment, {})
+};
+const testInferedTypeCompatibility = {
+  direction: "horizontal",
+  id: "id-1",
+  children: /* @__PURE__ */ jsx(Fragment, {})
+};
+const testDefinitionAsConst = {
+  direction: "horizontal",
+  id: "id-1",
+  children: /* @__PURE__ */ jsx(Fragment, {})
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSFormLayoutCheckboxGroup, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSFormLayoutCheckboxGroup, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSFormLayoutCheckboxGroup, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsxs(DSFormLayoutCheckboxGroup, { direction: "vertical", children: [
+    /* @__PURE__ */ jsx("div", {}),
+    /* @__PURE__ */ jsx("div", {})
+  ] })
+] });
+//# sourceMappingURL=typescript-checkbox-group-valid.js.map

package/dist/esm/typescript-testing/typescript-checkbox-group-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-checkbox-group-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSFormLayoutCheckboxGroup } from '../index.js';\nimport type { DSFormLayoutCheckboxGroupT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFormLayoutCheckboxGroupT.Props;\ntype ComponentPropsInternals = DSFormLayoutCheckboxGroupT.InternalProps;\ntype ComponentPropsDefaultProps = DSFormLayoutCheckboxGroupT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFormLayoutCheckboxGroupT.OptionalProps;\ntype ComponentPropsRequiredProps = DSFormLayoutCheckboxGroupT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  children: <></>,\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  direction: 'vertical',\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <></>,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <></>,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <></>,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFormLayoutCheckboxGroup {...testExplicitDefinition} />\n    <DSFormLayoutCheckboxGroup {...testInferedTypeCompatibility} />\n    <DSFormLayoutCheckboxGroup {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSFormLayoutCheckboxGroup direction=\"vertical\">\n      <div></div>\n      <div></div>\n    </DSFormLayoutCheckboxGroup>\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACYX,wBA2DR,YA3DQ;AAXZ,SAAS,iCAAiC;AAU1C,MAAM,oBAAiD;AAAA,EACrD,UAAU,gCAAE;AACd;AACA,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D,CAAC;AAClE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,WAAW;AACb;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,gCAAE;AACd;AAGA,MAAM,+BAA+B;AAAA,EACnC,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,gCAAE;AACd;AAEA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,gCAAE;AACd;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,6BAA2B,GAAG,wBAAwB;AAAA,EACvD,oBAAC,6BAA2B,GAAG,8BAA8B;AAAA,EAC7D,oBAAC,6BAA2B,GAAG,uBAAuB;AAAA,EAEtD,qBAAC,6BAA0B,WAAU,YACnC;AAAA,wBAAC,SAAI;AAAA,IACL,oBAAC,SAAI;AAAA,KACP;AAAA,GACF;",
+  "names": []
+}

package/dist/types/form-layout-block-item/react-desc-prop-types.d.ts

@@ -1,9 +1,10 @@
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
 import type { WeakValidationMap } from 'react';
 export declare const defaultProps: {
     isGroup: boolean;
 };
 export declare namespace DSFormLayoutBlockItemT {
-    interface PropsOptional {
+    interface OptionalProps {
         maxCharCounter?: number;
         currentChar?: number;
         inputID?: string;
@@ -21,13 +22,13 @@ export declare namespace DSFormLayoutBlockItemT {
     interface DefaultProps {
         isGroup: boolean;
     }
-    interface PropsRequired {
-        children: JSX.Element;
+    interface RequiredProps {
+        children: React.ReactNode;
         label: string;
     }
-    interface Props extends PropsOptional, PropsRequired, Partial<DefaultProps> {
+    interface Props extends OptionalProps, RequiredProps, Partial<DefaultProps>, Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>, XstyledProps {
     }
-    interface InternalProps extends PropsOptional, PropsRequired, DefaultProps {
+    interface InternalProps extends OptionalProps, RequiredProps, DefaultProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>, XstyledProps {
     }
 }
 export declare const propTypes: WeakValidationMap<unknown>;

package/dist/types/form-layout-checkbox-group/index.d.ts

@@ -1 +1,2 @@
 export * from './DSFormLayoutCheckboxGroup.js';
+export type { DSFormLayoutCheckboxGroupT } from './react-desc-prop-types.js';

package/dist/types/form-layout-checkbox-group/react-desc-prop-types.d.ts

@@ -1,15 +1,18 @@
 import type { WeakValidationMap } from 'react';
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
 type DirectionsT = 'horizontal' | 'vertical';
 export declare namespace DSFormLayoutCheckboxGroupT {
-    interface PropsRequired {
-        children: JSX.Element;
+    interface RequiredProps {
+        children: React.ReactNode;
     }
     interface DefaultProps {
         direction: DirectionsT;
     }
-    interface Props extends PropsRequired, DefaultProps {
+    interface OptionalProps {
     }
-    interface InternalProps extends PropsRequired, Required<DefaultProps> {
+    interface Props extends OptionalProps, RequiredProps, Partial<DefaultProps>, Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>, XstyledProps {
+    }
+    interface InternalProps extends OptionalProps, RequiredProps, DefaultProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>, XstyledProps {
     }
 }
 export declare const defaultProps: DSFormLayoutCheckboxGroupT.DefaultProps;

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
 export * from './form-layout-block-item/index.js';
-export { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema, DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup, DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema, } from './form-layout-checkbox-group/index.js';
+export { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema, DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup, DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema, type DSFormLayoutCheckboxGroupT, } from './form-layout-checkbox-group/index.js';

package/dist/types/typescript-testing/typescript-checkbox-group-valid.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-layout-blocks",
-  "version": "3.27.0-next.2",
+  "version": "3.27.0-next.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form Layout",
   "files": [
@@ -76,19 +76,19 @@
   },
   "dependencies": {
     "uid": "~2.0.1",
-    "@elliemae/ds-grid": "3.27.0-next.2",
-    "@elliemae/ds-props-helpers": "3.27.0-next.2",
-    "@elliemae/ds-system": "3.27.0-next.2",
-    "@elliemae/ds-icons": "3.27.0-next.2",
-    "@elliemae/ds-utilities": "3.27.0-next.2"
+    "@elliemae/ds-grid": "3.27.0-next.3",
+    "@elliemae/ds-utilities": "3.27.0-next.3",
+    "@elliemae/ds-props-helpers": "3.27.0-next.3",
+    "@elliemae/ds-system": "3.27.0-next.3",
+    "@elliemae/ds-icons": "3.27.0-next.3"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-form-checkbox": "3.27.0-next.2",
-    "@elliemae/ds-form-radio": "3.27.0-next.2",
-    "@elliemae/ds-monorepo-devops": "3.27.0-next.2",
-    "@elliemae/ds-form-input-text": "3.27.0-next.2"
+    "@elliemae/ds-form-input-text": "3.27.0-next.3",
+    "@elliemae/ds-form-radio": "3.27.0-next.3",
+    "@elliemae/ds-form-checkbox": "3.27.0-next.3",
+    "@elliemae/ds-monorepo-devops": "3.27.0-next.3"
   },
   "peerDependencies": {
     "react": "~17.0.2",