@elliemae/ds-form-layout-blocks 2.3.1 → 3.0.0-alpha.3

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

@@ -0,0 +1,28 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var form_layout_checkbox_group_exports = {};
+var React = __toESM(require("react"));
+__reExport(form_layout_checkbox_group_exports, require("./DSFormLayoutCheckboxGroup"));
+module.exports = __toCommonJS(form_layout_checkbox_group_exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,38 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var propTypes_exports = {};
+__export(propTypes_exports, {
+  propTypes: () => propTypes
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+const propTypes = {
+  direction: import_react_desc.PropTypes.oneOf(["horizontal", "vertical"]).description("Set direction for the checkbox group.")
+};
+module.exports = __toCommonJS(propTypes_exports);
+//# sourceMappingURL=propTypes.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/form-layout-checkbox-group/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,WAAW,4BAAU,MAAM,CAAC,cAAc,aAAa,YAAY;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,50 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styles_exports = {};
+__export(styles_exports, {
+  StyledContainer: () => StyledContainer
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const StyledContainer = import_styled_components.default.div`
+  display: inline-flex;
+  flex-wrap: wrap;
+  flex-direction: ${({ direction }) => direction === "horizontal" ? "row" : "column"};
+  margin-left: ${({ theme }) => theme.space.xs};
+  margin-right: ${({ theme }) => theme.space.xs};
+  margin-top: ${({ theme }) => theme.space.xxs};
+  & div {
+    padding: 0;
+    margin-bottom: ${({ theme }) => theme.space.xxs};
+  }
+  & div:not(:last-child) {
+    margin-right: ${({ theme, direction }) => direction === "horizontal" ? theme.space.s : "0"};
+  }
+`;
+module.exports = __toCommonJS(styles_exports);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/form-layout-checkbox-group/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport type { DSControlledCheckboxGroupStyledContainerT } from './index.d';\n\nexport const StyledContainer = styled.div<DSControlledCheckboxGroupStyledContainerT>`\n  display: inline-flex;\n  flex-wrap: wrap;\n  flex-direction: ${({ direction }) => (direction === 'horizontal' ? 'row' : 'column')};\n  margin-left: ${({ theme }) => theme.space.xs};\n  margin-right: ${({ theme }) => theme.space.xs};\n  margin-top: ${({ theme }) => theme.space.xxs};\n  & div {\n    padding: 0;\n    margin-bottom: ${({ theme }) => theme.space.xxs};\n  }\n  & div:not(:last-child) {\n    margin-right: ${({ theme, direction }) => (direction === 'horizontal' ? theme.space.s : '0')};\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAGZ,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA,oBAGlB,CAAC,EAAE,gBAAiB,cAAc,eAAe,QAAQ;AAAA,iBAC5D,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,kBAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,gBAC7B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,qBAGtB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,oBAG5B,CAAC,EAAE,OAAO,gBAAiB,cAAc,eAAe,MAAM,MAAM,IAAI;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/index.d.js

@@ -0,0 +1,29 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var index_d_exports = {};
+var React = __toESM(require("react"));
+__reExport(index_d_exports, require("./form-layout-block-item/index.d"));
+__reExport(index_d_exports, require("./form-layout-checkbox-group/index.d"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.d.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './form-layout-block-item/index.d'\nexport * from './form-layout-checkbox-group/index.d'", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,4BAAc;AACd,4BAAc;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,29 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./form-layout-block-item"));
+__reExport(src_exports, require("./form-layout-checkbox-group"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './form-layout-block-item';\nexport * from './form-layout-checkbox-group';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;",
+  "names": []
+}

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

@@ -0,0 +1,60 @@
+import * as React from "react";
+import React2, { useMemo } from "react";
+import { describe } from "react-desc";
+import { uid } from "uid";
+import { propTypes } from "./propTypes";
+import { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly } from "./styles";
+const DSFormLayoutBlockItem = (props) => {
+  const {
+    label,
+    feedbackMessage,
+    validationMessage,
+    inputID,
+    children,
+    hasError,
+    leftLabel,
+    required,
+    optional,
+    hideLabel,
+    fitContent,
+    withHighlight,
+    isGroup = false
+  } = props;
+  const instanceUID = useMemo(() => uid(6), []);
+  return /* @__PURE__ */ React2.createElement(StyledContainer, {
+    leftLabel,
+    fitContent,
+    hideLabel,
+    withHighlight,
+    as: isGroup ? "fieldset" : "div",
+    isGroup,
+    "aria-describedby": `${inputID || instanceUID}_feedback_message`
+  }, /* @__PURE__ */ React2.createElement(StyledLabel, {
+    htmlFor: inputID,
+    leftLabel,
+    hideLabel,
+    "aria-hidden": isGroup
+  }, label, (required || optional) && /* @__PURE__ */ React2.createElement(StyledMark, {
+    required
+  })), isGroup && /* @__PURE__ */ React2.createElement(ScreenReaderOnly, {
+    as: "legend"
+  }, `${label}. ${feedbackMessage || ""}`), children, feedbackMessage && !hasError && /* @__PURE__ */ React2.createElement(StyledMessage, {
+    leftLabel,
+    hideLabel,
+    "aria-hidden": isGroup,
+    id: `${inputID || instanceUID}_feedback_message`
+  }, feedbackMessage), validationMessage && hasError && /* @__PURE__ */ React2.createElement(StyledMessage, {
+    hasError,
+    leftLabel,
+    hideLabel,
+    role: "alert"
+  }, validationMessage));
+};
+DSFormLayoutBlockItem.propTypes = propTypes;
+const DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);
+DSFormLayoutBlockItemWithSchema.propTypes = propTypes;
+export {
+  DSFormLayoutBlockItem,
+  DSFormLayoutBlockItemWithSchema
+};
+//# sourceMappingURL=DSFormLayoutBlockItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport type { DSFormLayoutBlockItemPropsT as Props } from './index.d';\nimport { propTypes } from './propTypes';\nimport { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly } from './styles';\n\nconst DSFormLayoutBlockItem = (props: Props): JSX.Element => {\n  const {\n    label,\n    feedbackMessage,\n    validationMessage,\n    inputID,\n    children,\n    hasError,\n    leftLabel,\n    required,\n    optional,\n    hideLabel,\n    fitContent,\n    withHighlight,\n    isGroup = false,\n  } = props;\n\n  const instanceUID = useMemo(() => uid(6), []);\n\n  return (\n    <StyledContainer\n      leftLabel={leftLabel}\n      fitContent={fitContent}\n      hideLabel={hideLabel}\n      withHighlight={withHighlight}\n      as={isGroup ? 'fieldset' : 'div'}\n      isGroup={isGroup}\n      aria-describedby={`${inputID || instanceUID}_feedback_message`}\n    >\n      <StyledLabel htmlFor={inputID} leftLabel={leftLabel} hideLabel={hideLabel} aria-hidden={isGroup}>\n        {label}\n        {(required || optional) && <StyledMark required={required} />}\n      </StyledLabel>\n      {isGroup && <ScreenReaderOnly as=\"legend\">{`${label}. ${feedbackMessage || ''}`}</ScreenReaderOnly>}\n      {children}\n      {feedbackMessage && !hasError && (\n        <StyledMessage\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 hasError={hasError} leftLabel={leftLabel} hideLabel={hideLabel} role=\"alert\">\n          {validationMessage}\n        </StyledMessage>\n      )}\n    </StyledContainer>\n  );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AAEA,MAAM,wBAAwB,CAAC,UAA8B;AAC3D,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,UAAU;AAAA,MACR;AAEJ,QAAM,cAAc,QAAQ,MAAM,IAAI,IAAI;AAE1C,SACE,qCAAC,iBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,GAAG,WAAW;AAAA,KAEhC,qCAAC,aAAD;AAAA,IAAa,SAAS;AAAA,IAAS;AAAA,IAAsB;AAAA,IAAsB,eAAa;AAAA,KACrF,OACC,aAAY,aAAa,qCAAC,YAAD;AAAA,IAAY;AAAA,OAExC,WAAW,qCAAC,kBAAD;AAAA,IAAkB,IAAG;AAAA,KAAU,GAAG,UAAU,mBAAmB,OAC1E,UACA,mBAAmB,CAAC,YACnB,qCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,IAAI,GAAG,WAAW;AAAA,KAEjB,kBAGJ,qBAAqB,YACpB,qCAAC,eAAD;AAAA,IAAe;AAAA,IAAoB;AAAA,IAAsB;AAAA,IAAsB,MAAK;AAAA,KACjF;AAAA;AAOX,sBAAsB,YAAY;AAClC,MAAM,kCAAkC,SAAS;AACjD,gCAAgC,YAAY;",
+  "names": []
+}

package/dist/esm/form-layout-block-item/index.d.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "./DSFormLayoutBlockItem";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+const propTypes = {
+  children: PropTypes.node.isRequired.description("Input component. "),
+  label: PropTypes.string.isRequired.description("Label property for the input component. This property is required for accesibility purposes."),
+  inputID: PropTypes.string.isRequired.description("String that matches the input component's id. This property is required for accesibility purposes."),
+  feedbackMessage: PropTypes.string.description("Feedback message to show below the input component."),
+  validationMessage: PropTypes.string.description("Validation message to show below the input component. It requires hasError property set to true to be visible."),
+  hasError: PropTypes.bool.description("Helper boolean property for the validation message."),
+  required: PropTypes.bool.description("Adds required extra styling."),
+  optional: PropTypes.bool.description("Adds optional extra styling."),
+  fitContent: PropTypes.bool.description("Set the width of the layout to the input component."),
+  leftLabel: PropTypes.bool.description("Adds the label at the left of the input component."),
+  hideLabel: PropTypes.bool.description("Hides the input label. It still requires label and labelFor property for accesibility purposes"),
+  withHighlight: PropTypes.bool.description("Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab."),
+  isGroup: PropTypes.bool.description("Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.")
+};
+export {
+  propTypes
+};
+//# sourceMappingURL=propTypes.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  children: PropTypes.node.isRequired.description('Input component. '),\n  label: PropTypes.string.isRequired.description(\n    'Label property for the input component. This property is required for accesibility purposes.',\n  ),\n  inputID: PropTypes.string.isRequired.description(\n    \"String that matches the input component's id. This property is required for accesibility purposes.\",\n  ),\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};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY;AAAA,EACvB,UAAU,UAAU,KAAK,WAAW,YAAY;AAAA,EAChD,OAAO,UAAU,OAAO,WAAW,YACjC;AAAA,EAEF,SAAS,UAAU,OAAO,WAAW,YACnC;AAAA,EAEF,iBAAiB,UAAU,OAAO,YAAY;AAAA,EAC9C,mBAAmB,UAAU,OAAO,YAClC;AAAA,EAEF,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,YAAY,UAAU,KAAK,YAAY;AAAA,EACvC,WAAW,UAAU,KAAK,YAAY;AAAA,EACtC,WAAW,UAAU,KAAK,YACxB;AAAA,EAEF,eAAe,UAAU,KAAK,YAC5B;AAAA,EAEF,SAAS,UAAU,KAAK,YACtB;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,96 @@
+import * as React from "react";
+import styled from "styled-components";
+const StyledContainer = styled.div`
+  position: relative;
+  padding: 0;
+  margin: 0;
+  display: grid;
+  ${({ fitContent }) => fitContent ? "width: fit-content;" : void 0}
+  ${({ isGroup }) => isGroup ? "border: none" : ""};
+  ${({ leftLabel, hideLabel }) => leftLabel && !hideLabel ? "grid-template-columns: max-content auto;" : void 0}
+  align-items: center;
+  ${({ theme, withHighlight }) => withHighlight ? `
+  &::after {
+        position: absolute;
+        content: '';
+        left: -${theme.space.xxs};
+        top: -${theme.space.xxxs};
+        z-index: -1;
+        width: calc(100% + ${theme.space.xs});
+        height: calc(100%  + ${theme.space.xxs});
+        background-color: #FEFBEE;
+        border : 1px solid #8F6326;
+        border-radius : 4px;
+        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);
+        }
+        &:hover, 
+        &:focus-within {
+          &::after {
+            position: absolute;
+            content: '';
+            left: -${theme.space.xxs};
+            top: -${theme.space.xxxs};
+            z-index: -1;
+            width: calc(100% + ${theme.space.xs});
+            height: calc(100%  + ${theme.space.xxs});
+            background-color: #FFF9D3;
+            border : 2px solid #8F6326;
+            border-radius : 4px;
+            box-shadow: 0 6px 10px 0 rgba(0,0,0,0.30);
+          }
+        }
+  ` : void 0}
+`;
+const StyledLabel = styled.label`
+  display: flex;
+  ${({ theme, leftLabel }) => leftLabel ? `padding-right: ${theme.space.xxs};` : void 0}
+  ${({ hideLabel }) => hideLabel ? `position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+  ` : void 0}
+`;
+const StyledMessage = styled.div`
+  font-size: ${({ theme }) => theme.fontSizes.microText[200]};
+  font-style: italic;
+  text-align: right;
+  line-height: 15px;
+  height: 15px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: ${({ theme, hasError }) => hasError ? theme.colors.danger[900] : theme.colors.neutral[500]};
+  ${({ leftLabel, hideLabel }) => leftLabel && !hideLabel ? "grid-column: 1/3;" : void 0}
+`;
+const StyledMark = styled.span`
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  margin-left: ${({ theme }) => theme.space.xxxs};
+  ${({ theme, required }) => required ? `
+  background-color: ${theme.colors.danger[900]};
+  ` : `
+  border: 1px solid ${theme.colors.brand[600]};
+  `}
+`;
+const ScreenReaderOnly = styled.div`
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+`;
+export {
+  ScreenReaderOnly,
+  StyledContainer,
+  StyledLabel,
+  StyledMark,
+  StyledMessage
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport type {\n  DSFormLayoutBlockItemStyledContainerT,\n  DSFormLayoutBlockItemStyledLabelT,\n  DSFormLayoutBlockItemStyledMessageT,\n  DSFormLayoutBlockItemStyledMarkT,\n} from './index.d';\n\nexport const StyledContainer = styled.div<DSFormLayoutBlockItemStyledContainerT>`\n  position: relative;\n  padding: 0;\n  margin: 0;\n  display: grid;\n  ${({ fitContent }) => (fitContent ? 'width: fit-content;' : undefined)}\n  ${({ isGroup }) => (isGroup ? 'border: none' : '')};\n  ${({ leftLabel, hideLabel }) => (leftLabel && !hideLabel ? 'grid-template-columns: max-content auto;' : undefined)}\n  align-items: center;\n  ${({ theme, withHighlight }) =>\n    withHighlight\n      ? `\n  &::after {\n        position: absolute;\n        content: '';\n        left: -${theme.space.xxs};\n        top: -${theme.space.xxxs};\n        z-index: -1;\n        width: calc(100% + ${theme.space.xs});\n        height: calc(100%  + ${theme.space.xxs});\n        background-color: #FEFBEE;\n        border : 1px solid #8F6326;\n        border-radius : 4px;\n        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);\n        }\n        &:hover, \n        &:focus-within {\n          &::after {\n            position: absolute;\n            content: '';\n            left: -${theme.space.xxs};\n            top: -${theme.space.xxxs};\n            z-index: -1;\n            width: calc(100% + ${theme.space.xs});\n            height: calc(100%  + ${theme.space.xxs});\n            background-color: #FFF9D3;\n            border : 2px solid #8F6326;\n            border-radius : 4px;\n            box-shadow: 0 6px 10px 0 rgba(0,0,0,0.30);\n          }\n        }\n  `\n      : undefined}\n`;\n\nexport const StyledLabel = styled.label<DSFormLayoutBlockItemStyledLabelT>`\n  display: flex;\n  ${({ theme, leftLabel }) => (leftLabel ? `padding-right: ${theme.space.xxs};` : undefined)}\n  ${({ hideLabel }) =>\n    hideLabel\n      ? `position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n  `\n      : undefined}\n`;\n\nexport const StyledMessage = styled.div<DSFormLayoutBlockItemStyledMessageT>`\n  font-size: ${({ theme }) => theme.fontSizes.microText[200]};\n  font-style: italic;\n  text-align: right;\n  line-height: 15px;\n  height: 15px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[500])};\n  ${({ leftLabel, hideLabel }) => (leftLabel && !hideLabel ? 'grid-column: 1/3;' : undefined)}\n`;\n\nexport const StyledMark = styled.span<DSFormLayoutBlockItemStyledMarkT>`\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  margin-left: ${({ theme }) => theme.space.xxxs};\n  ${({ theme, required }) =>\n    required\n      ? `\n  background-color: ${theme.colors.danger[900]};\n  `\n      : `\n  border: 1px solid ${theme.colors.brand[600]};\n  `}\n`;\n\nexport const ScreenReaderOnly = styled.div`\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\n"],
+  "mappings": "AAAA;ACAA;AAQO,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlC,CAAC,EAAE,iBAAkB,aAAa,wBAAwB;AAAA,IAC1D,CAAC,EAAE,cAAe,UAAU,iBAAiB;AAAA,IAC7C,CAAC,EAAE,WAAW,gBAAiB,aAAa,CAAC,YAAY,6CAA6C;AAAA;AAAA,IAEtG,CAAC,EAAE,OAAO,oBACV,gBACI;AAAA;AAAA;AAAA;AAAA,iBAIS,MAAM,MAAM;AAAA,gBACb,MAAM,MAAM;AAAA;AAAA,6BAEC,MAAM,MAAM;AAAA,+BACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAWtB,MAAM,MAAM;AAAA,oBACb,MAAM,MAAM;AAAA;AAAA,iCAEC,MAAM,MAAM;AAAA,mCACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQvC;AAAA;AAGD,MAAM,cAAc,OAAO;AAAA;AAAA,IAE9B,CAAC,EAAE,OAAO,gBAAiB,YAAY,kBAAkB,MAAM,MAAM,SAAS;AAAA,IAC9E,CAAC,EAAE,gBACH,YACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUA;AAAA;AAGD,MAAM,gBAAgB,OAAO;AAAA,eACrB,CAAC,EAAE,YAAY,MAAM,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO7C,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA,IAC5F,CAAC,EAAE,WAAW,gBAAiB,aAAa,CAAC,YAAY,sBAAsB;AAAA;AAG5E,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,iBAIhB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,IACxC,CAAC,EAAE,OAAO,eACV,WACI;AAAA,sBACc,MAAM,OAAO,OAAO;AAAA,MAElC;AAAA,sBACc,MAAM,OAAO,MAAM;AAAA;AAAA;AAIlC,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,23 @@
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { propTypes } from "./propTypes";
+import { StyledContainer } from "./styles";
+import { defaultProps } from "./defaultProps";
+import { useValidateProps } from "./config/useValidateProps";
+const DSFormLayoutCheckboxGroup = (props) => {
+  useValidateProps(props);
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  return /* @__PURE__ */ React2.createElement(StyledContainer, {
+    direction: propsWithDefault.direction
+  }, propsWithDefault.children);
+};
+DSFormLayoutCheckboxGroup.propTypes = propTypes;
+const DSFormLayoutCheckboxGroupWithSchema = describe(DSFormLayoutCheckboxGroup);
+DSFormLayoutCheckboxGroupWithSchema.propTypes = propTypes;
+export {
+  DSFormLayoutCheckboxGroup,
+  DSFormLayoutCheckboxGroupWithSchema
+};
+//# sourceMappingURL=DSFormLayoutCheckboxGroup.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 'react-desc';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { propTypes } from './propTypes';\nimport { StyledContainer } from './styles';\nimport { defaultProps } from './defaultProps';\nimport type { DSControlledCheckboxGroupT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst DSFormLayoutCheckboxGroup = (props: DSControlledCheckboxGroupT): JSX.Element => {\n  useValidateProps(props);\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  return <StyledContainer direction={propsWithDefault.direction}>{propsWithDefault.children}</StyledContainer>;\n};\n\nDSFormLayoutCheckboxGroup.propTypes = propTypes;\nconst DSFormLayoutCheckboxGroupWithSchema = describe(DSFormLayoutCheckboxGroup);\nDSFormLayoutCheckboxGroupWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA,MAAM,4BAA4B,CAAC,UAAmD;AACpF,mBAAiB;AACjB,QAAM,mBAAmB,6BAA6B,OAAO;AAE7D,SAAO,qCAAC,iBAAD;AAAA,IAAiB,WAAW,iBAAiB;AAAA,KAAY,iBAAiB;AAAA;AAGnF,0BAA0B,YAAY;AACtC,MAAM,sCAAsC,SAAS;AACrD,oCAAoC,YAAY;",
+  "names": []
+}

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

@@ -0,0 +1,37 @@
+import * as React from "react";
+import React2 from "react";
+const getVariableType = (arg) => {
+  if (Array.isArray(arg))
+    return "array";
+  if (arg === null)
+    return "null";
+  if (arg === void 0)
+    return "undefined";
+  return typeof arg;
+};
+const throwCheckboxGroupDirectionError = (invalidProp) => {
+  throw new Error(`You are trying to pass a not valid "direction" property value for a checkbox group, please provide a valid type.
+
+  Received: ${invalidProp} (${getVariableType(invalidProp)})
+  Expected: "horizontal" or "vertical" (string)
+  `);
+};
+const throwCheckboxGroupChildrenError = () => {
+  throw new Error(`You are trying to use a checkbox group without any React children, please provide at least one children to use.
+    
+  Received: (null)
+  Expected: React children
+  `);
+};
+const useValidateProps = (props) => {
+  if (props.direction !== void 0 && props.direction !== "vertical" && props.direction !== "horizontal") {
+    throwCheckboxGroupDirectionError(props.direction);
+  }
+  if (!React2.Children.count(props.children)) {
+    throwCheckboxGroupChildrenError();
+  }
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/form-layout-checkbox-group/config/useValidateProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { DSControlledCheckboxGroupT } from '../index.d';\n\nconst getVariableType = (arg: unknown): string => {\n  if (Array.isArray(arg)) return 'array';\n  if (arg === null) return 'null';\n  if (arg === undefined) return 'undefined';\n  return typeof arg;\n};\n\nconst throwCheckboxGroupDirectionError = (invalidProp: unknown): void => {\n  throw new Error(\n    `You are trying to pass a not valid \"direction\" property value for a checkbox group, please provide a valid type.\n\n  Received: ${invalidProp} (${getVariableType(invalidProp)})\n  Expected: \"horizontal\" or \"vertical\" (string)\n  `,\n  );\n};\n\nconst throwCheckboxGroupChildrenError = (): void => {\n  throw new Error(\n    `You are trying to use a checkbox group without any React children, please provide at least one children to use.\n    \n  Received: (null)\n  Expected: React children\n  `,\n  );\n};\n\nexport const useValidateProps = (props: DSControlledCheckboxGroupT): void => {\n  if (props.direction !== undefined && props.direction !== 'vertical' && props.direction !== 'horizontal') {\n    throwCheckboxGroupDirectionError(props.direction);\n  }\n  if (!React.Children.count(props.children)) {\n    throwCheckboxGroupChildrenError();\n  }\n};\n"],
+  "mappings": "AAAA;ACAA;AAGA,MAAM,kBAAkB,CAAC,QAAyB;AAChD,MAAI,MAAM,QAAQ;AAAM,WAAO;AAC/B,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,QAAQ;AAAW,WAAO;AAC9B,SAAO,OAAO;AAAA;AAGhB,MAAM,mCAAmC,CAAC,gBAA+B;AACvE,QAAM,IAAI,MACR;AAAA;AAAA,cAEU,gBAAgB,gBAAgB;AAAA;AAAA;AAAA;AAM9C,MAAM,kCAAkC,MAAY;AAClD,QAAM,IAAI,MACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAQG,MAAM,mBAAmB,CAAC,UAA4C;AAC3E,MAAI,MAAM,cAAc,UAAa,MAAM,cAAc,cAAc,MAAM,cAAc,cAAc;AACvG,qCAAiC,MAAM;AAAA;AAEzC,MAAI,CAAC,OAAM,SAAS,MAAM,MAAM,WAAW;AACzC;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+const defaultProps = {
+  direction: "horizontal"
+};
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

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

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

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

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "./DSFormLayoutCheckboxGroup";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+const propTypes = {
+  direction: PropTypes.oneOf(["horizontal", "vertical"]).description("Set direction for the checkbox group.")
+};
+export {
+  propTypes
+};
+//# sourceMappingURL=propTypes.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY;AAAA,EACvB,WAAW,UAAU,MAAM,CAAC,cAAc,aAAa,YAAY;AAAA;",
+  "names": []
+}