@elliemae/ds-form 3.5.0-rc.1 → 3.5.0-rc.10

package/dist/esm/FormItem/DSFormItemLayout.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { describe, getComponentFromProps } from "@elliemae/ds-utilities";
 import { Group } from "@elliemae/ds-shared";
@@ -59,7 +59,7 @@ const DSFormItemLayout = ({
   containerProps,
   ...rest
 }) => {
-  const isGroup = InputComponent.type === (/* @__PURE__ */ React2.createElement(Group, null)).type;
+  const isGroup = InputComponent.type === (/* @__PURE__ */ jsx(Group, {})).type;
   const floatingLabelOverride = floatingLabel === "UNSAFE";
   const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;
   const inputProps = {
@@ -83,12 +83,13 @@ const DSFormItemLayout = ({
     required,
     ...rest
   };
-  const renderInput = (Input) => leftAddon || rightAddon ? /* @__PURE__ */ React2.createElement(DSInputGroup, {
+  const renderInput = (Input) => leftAddon || rightAddon ? /* @__PURE__ */ jsx(DSInputGroup, {
     leftAddon,
     rightAddon,
-    variant
-  }, Input) : Input;
-  const renderFloating = /* @__PURE__ */ React2.createElement(DSFloatingLabelInput, {
+    variant,
+    children: Input
+  }) : Input;
+  const renderFloating = /* @__PURE__ */ jsx(DSFloatingLabelInput, {
     ...inputProps,
     extraInputProps,
     focused,
@@ -99,16 +100,21 @@ const DSFormItemLayout = ({
     required,
     variant
   });
-  const InputWithLabel = floatingLabelOverride ? renderInput(renderFloating) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(LabelComponent, {
-    htmlFor: id || name,
-    label: labelText,
-    optional,
-    required,
-    isGroup,
-    truncateText
-  }), renderInput(getComponentFromProps(InputComponent, inputProps)));
+  const InputWithLabel = floatingLabelOverride ? renderInput(renderFloating) : /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx(LabelComponent, {
+        htmlFor: id || name,
+        label: labelText,
+        optional,
+        required,
+        isGroup,
+        truncateText
+      }),
+      renderInput(getComponentFromProps(InputComponent, inputProps))
+    ]
+  });
   if (suffix) {
-    return /* @__PURE__ */ React2.createElement(Wrapper, {
+    return /* @__PURE__ */ jsx(Wrapper, {
       classProps: {
         disabled,
         readOnly,
@@ -118,21 +124,36 @@ const DSFormItemLayout = ({
         fitContent,
         withHighlight
       },
-      ...containerProps
-    }, /* @__PURE__ */ React2.createElement(SuffixWrapper, {
-      className: "suffix-wrapper"
-    }, /* @__PURE__ */ React2.createElement(SuffixInputWrapper, {
-      className: "suffix-input-wrapper"
-    }, /* @__PURE__ */ React2.createElement(WrapperContentComp, null, InputWithLabel, extraContent), /* @__PURE__ */ React2.createElement(FeedbackComponent, {
-      hasError,
-      text: validationState || hasError ? validationMessage : feedbackMessage
-    })), /* @__PURE__ */ React2.createElement(Suffix, {
-      className: "suffix-label",
-      label: !!labelText,
-      withFeedback: Boolean(validationMessage || feedbackMessage)
-    }, suffix)));
+      ...containerProps,
+      children: /* @__PURE__ */ jsxs(SuffixWrapper, {
+        className: "suffix-wrapper",
+        children: [
+          /* @__PURE__ */ jsxs(SuffixInputWrapper, {
+            className: "suffix-input-wrapper",
+            children: [
+              /* @__PURE__ */ jsxs(WrapperContentComp, {
+                children: [
+                  InputWithLabel,
+                  extraContent
+                ]
+              }),
+              /* @__PURE__ */ jsx(FeedbackComponent, {
+                hasError,
+                text: validationState || hasError ? validationMessage : feedbackMessage
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(Suffix, {
+            className: "suffix-label",
+            label: !!labelText,
+            withFeedback: Boolean(validationMessage || feedbackMessage),
+            children: suffix
+          })
+        ]
+      })
+    });
   }
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
+  return /* @__PURE__ */ jsxs(Wrapper, {
     classProps: {
       disabled,
       readOnly,
@@ -142,11 +163,20 @@ const DSFormItemLayout = ({
       fitContent,
       withHighlight
     },
-    ...containerProps
-  }, /* @__PURE__ */ React2.createElement(WrapperContentComp, null, InputWithLabel, extraContent), /* @__PURE__ */ React2.createElement(FeedbackComponent, {
-    hasError,
-    text: validationState || hasError ? validationMessage : feedbackMessage
-  }));
+    ...containerProps,
+    children: [
+      /* @__PURE__ */ jsxs(WrapperContentComp, {
+        children: [
+          InputWithLabel,
+          extraContent
+        ]
+      }),
+      /* @__PURE__ */ jsx(FeedbackComponent, {
+        hasError,
+        text: validationState || hasError ? validationMessage : feedbackMessage
+      })
+    ]
+  });
 };
 DSFormItemLayout.propTypes = props;
 DSFormItemLayout.defaultProps = defaultProps;

package/dist/esm/FormItem/DSFormItemLayout.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/DSFormItemLayout.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { describe, getComponentFromProps } from '@elliemae/ds-utilities';\nimport { Group } from '@elliemae/ds-shared';\nimport { DSInputGroup } from '../InputGroup';\nimport { DSFloatingLabelInput } from '../FloatingLabelInput';\nimport { DSError } from './Error/DSError';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\nimport { Suffix, SuffixInputWrapper, SuffixWrapper } from './Suffix/Suffix';\n// import { maskTypes } from '../InputMask/MaskTypes';\n\nexport { DSError, FORMITEM_LAYOUT_VARIANTS };\n\nconst blockName = 'form-item';\n\nconst Wrapper = aggregatedClasses('div')(blockName, null, ({ leftLabel, variant, fitContent, withHighlight }) => ({\n  'with-left-label': leftLabel,\n  'fit-content': fitContent,\n  [variant]: variant,\n  'with-highlight': withHighlight,\n}));\n\nconst WrapperContent = aggregatedClasses('div')(`${blockName}-content`);\nconst WrapperContentGroup = aggregatedClasses('fieldset')(`${blockName}-content`);\n\nconst DSFormItemLayout = ({\n  leftLabel,\n  floatingLabel,\n  name,\n  id,\n  value,\n  inputComponent: InputComponent,\n  labelComponent: LabelComponent,\n  feedbackComponent: FeedbackComponent,\n  labelText,\n  truncateText,\n  hasError,\n  // orientation = 'vertical', // one of [ vertical, horizontal ]\n  validationState, // one of [ success, error, warning ]\n  validationMessage,\n  feedbackMessage,\n  readOnly,\n  focused,\n  type,\n  autoFocus,\n  disabled,\n  onChange,\n  onBlur,\n  onFocus,\n  onPaste,\n  onKeyUp,\n  extraInputProps,\n  extraContent,\n  leftAddon,\n  rightAddon,\n  required,\n  optional,\n  mask,\n  useSubfix,\n  suffix,\n  variant,\n  fitContent,\n  withHighlight,\n  containerProps,\n  ...rest\n}) => {\n  const isGroup = InputComponent.type === (<Group />).type;\n  const floatingLabelOverride = floatingLabel === 'UNSAFE';\n  const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;\n\n  // group the input props to not duplicate it inside the specific inputComponent (floating or not)\n  const inputProps = {\n    ...extraInputProps,\n    disabled,\n    hasError: hasError || validationState === 'error',\n    id,\n    name,\n    type,\n    autoFocus,\n    onBlur,\n    onChange,\n    onFocus,\n    onPaste,\n    onKeyUp,\n    readOnly,\n    value,\n    mask,\n    useSubfix,\n    variant,\n    required,\n    ...rest,\n  };\n\n  const renderInput = (Input) =>\n    leftAddon || rightAddon ? (\n      <DSInputGroup leftAddon={leftAddon} rightAddon={rightAddon} variant={variant}>\n        {Input}\n      </DSInputGroup>\n    ) : (\n      Input\n    );\n\n  const renderFloating = (\n    <DSFloatingLabelInput\n      {...inputProps}\n      extraInputProps={extraInputProps}\n      focused={focused}\n      inputComponent={InputComponent}\n      labelComponent={LabelComponent}\n      labelText={labelText}\n      optional={optional}\n      required={required}\n      variant={variant}\n    />\n  );\n\n  const InputWithLabel = floatingLabelOverride ? (\n    renderInput(renderFloating)\n  ) : (\n    <>\n      <LabelComponent\n        htmlFor={id || name}\n        label={labelText}\n        optional={optional}\n        required={required}\n        isGroup={isGroup}\n        truncateText={truncateText}\n      />\n      {renderInput(getComponentFromProps(InputComponent, inputProps))}\n    </>\n  );\n\n  if (suffix) {\n    return (\n      <Wrapper\n        classProps={{\n          disabled,\n          readOnly,\n          hasError,\n          leftLabel,\n          variant,\n          fitContent,\n          withHighlight,\n        }}\n        {...containerProps}\n      >\n        <SuffixWrapper className=\"suffix-wrapper\">\n          <SuffixInputWrapper className=\"suffix-input-wrapper\">\n            <WrapperContentComp>\n              {InputWithLabel}\n              {extraContent}\n            </WrapperContentComp>\n            <FeedbackComponent\n              hasError={hasError}\n              text={validationState || hasError ? validationMessage : feedbackMessage}\n            />\n          </SuffixInputWrapper>\n          <Suffix\n            className=\"suffix-label\"\n            label={!!labelText}\n            withFeedback={Boolean(validationMessage || feedbackMessage)}\n          >\n            {suffix}\n          </Suffix>\n        </SuffixWrapper>\n      </Wrapper>\n    );\n  }\n\n  return (\n    <Wrapper\n      classProps={{\n        disabled,\n        readOnly,\n        hasError,\n        leftLabel,\n        variant,\n        fitContent,\n        withHighlight,\n      }}\n      {...containerProps}\n    >\n      <WrapperContentComp>\n        {InputWithLabel}\n        {extraContent}\n      </WrapperContentComp>\n      <FeedbackComponent hasError={hasError} text={validationState || hasError ? validationMessage : feedbackMessage} />\n    </Wrapper>\n  );\n};\n\nDSFormItemLayout.propTypes = props;\nDSFormItemLayout.defaultProps = defaultProps;\nDSFormItemLayout.displayName = 'DSFormItemLayout';\nconst DSFormItemLayoutWithSchema = describe(DSFormItemLayout);\nDSFormItemLayoutWithSchema.propTypes = props;\n\nexport default DSFormItemLayout;\nexport { DSFormItemLayoutWithSchema, DSFormItemLayout };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/FormItem/Error/DSError.js

@@ -1,12 +1,13 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 const DSError = ({ hasError = false, errorText = "Error" }) => {
   if (!hasError)
     return null;
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: "em-ds-error"
-  }, errorText);
+  return /* @__PURE__ */ jsx("div", {
+    className: "em-ds-error",
+    children: errorText
+  });
 };
 const props = {
   hasError: PropTypes.bool.description("error state"),

package/dist/esm/FormItem/Error/DSError.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FormItem/Error/DSError.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\n\nconst DSError = ({ hasError = false, errorText = 'Error' }) => {\n  if (!hasError) return null;\n  return <div className=\"em-ds-error\">{errorText}</div>;\n};\n\nconst props = {\n  /** error state */\n  hasError: PropTypes.bool.description('error state'),\n  /** error label text */\n  errorText: PropTypes.string.description('error label text'),\n};\n\nDSError.propTypes = props;\nDSError.displayName = 'DSError';\nconst DSErrorWithSchema = describe(DSError);\n\nDSErrorWithSchema.propTypes = props;\n\nexport default DSError;\nexport { DSErrorWithSchema, DSError };\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,UAAU,CAAC,EAAE,WAAW,OAAO,YAAY,cAAc;AAC7D,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,qCAAC;AAAA,IAAI,WAAU;AAAA,KAAe,SAAU;AACjD;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,KAAK,YAAY,aAAa;AAAA,EAElD,WAAW,UAAU,OAAO,YAAY,kBAAkB;AAC5D;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAE1C,kBAAkB,YAAY;AAE9B,IAAO,kBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,WAAW,gBAAgB;AAEpC,MAAM,UAAU,CAAC,EAAE,WAAW,OAAO,YAAY,QAAQ,MAAM;AAC7D,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,oBAAC;AAAA,IAAI,WAAU;AAAA,IAAe;AAAA,GAAU;AACjD;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,KAAK,YAAY,aAAa;AAAA,EAElD,WAAW,UAAU,OAAO,YAAY,kBAAkB;AAC5D;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAE1C,kBAAkB,YAAY;AAE9B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/esm/FormItem/Feedback.js

@@ -1,14 +1,15 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 const blockName = "form-item";
 const FeedbackSpan = aggregatedClasses("span")(blockName, "feedback");
 const Feedback = ({ text, hasError }) => {
   if (!text)
     return null;
-  return /* @__PURE__ */ React2.createElement(FeedbackSpan, {
-    classProps: hasError
-  }, text);
+  return /* @__PURE__ */ jsx(FeedbackSpan, {
+    classProps: hasError,
+    children: text
+  });
 };
 var Feedback_default = Feedback;
 export {

package/dist/esm/FormItem/Feedback.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/Feedback.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'form-item';\n\nconst FeedbackSpan = aggregatedClasses('span')(blockName, 'feedback');\n\nconst Feedback = ({ text, hasError }) => {\n  if (!text) return null;\n  return <FeedbackSpan classProps={hasError}>{text}</FeedbackSpan>;\n};\n\nexport { Feedback };\nexport default Feedback;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,eAAe,kBAAkB,MAAM,EAAE,WAAW,UAAU;AAEpE,MAAM,WAAW,CAAC,EAAE,MAAM,eAAe;AACvC,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,qCAAC;AAAA,IAAa,YAAY;AAAA,KAAW,IAAK;AACnD;AAGA,IAAO,mBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAElB,MAAM,eAAe,kBAAkB,MAAM,EAAE,WAAW,UAAU;AAEpE,MAAM,WAAW,CAAC,EAAE,MAAM,SAAS,MAAM;AACvC,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,oBAAC;AAAA,IAAa,YAAY;AAAA,IAAW;AAAA,GAAK;AACnD;AAGA,IAAO,mBAAQ;",
   "names": []
 }

package/dist/esm/FormItem/Label/DSLabel.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
@@ -16,15 +16,21 @@ const DSLabel = ({
   isGroup = false
 }) => {
   const Tag = isGroup ? "legend" : "label";
-  return /* @__PURE__ */ React2.createElement(Tag, {
+  return /* @__PURE__ */ jsxs(Tag, {
     className: `${blockName}${isGroup ? ` ${blockName}--group` : ""}`,
-    htmlFor
-  }, truncateText ? /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
-    value: children || label
-  }) : /* @__PURE__ */ React2.createElement(Text, null, label), /* @__PURE__ */ React2.createElement(RequiredMark, {
-    optional,
-    required
-  }));
+    htmlFor,
+    children: [
+      truncateText ? /* @__PURE__ */ jsx(DSTruncatedTooltipText, {
+        value: children || label
+      }) : /* @__PURE__ */ jsx(Text, {
+        children: label
+      }),
+      /* @__PURE__ */ jsx(RequiredMark, {
+        optional,
+        required
+      })
+    ]
+  });
 };
 DSLabel.propTypes = {
   children: PropTypes.string,

package/dist/esm/FormItem/Label/DSLabel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FormItem/Label/DSLabel.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/label-has-associated-control */\n/* eslint-disable react/no-unknown-property, jsx-a11y/label-has-for */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '../../RequiredMark';\n\nconst blockName = 'em-ds-label';\n\nconst Text = aggregatedClasses('span')(blockName, 'text');\n\nconst DSLabel = ({\n  children,\n  label,\n  htmlFor,\n  required,\n  optional,\n  truncateText = true,\n  isGroup = false,\n}) => {\n  const Tag = isGroup ? 'legend' : 'label';\n\n  return (\n    <Tag\n      className={`${blockName}${isGroup ? ` ${blockName}--group` : ''}`}\n      htmlFor={htmlFor}\n    >\n      {truncateText ? (\n        <DSTruncatedTooltipText value={children || label} />\n      ) : (\n        <Text>{label}</Text>\n      )}\n      <RequiredMark optional={optional} required={required} />\n    </Tag>\n  );\n};\n\nDSLabel.propTypes = {\n  children: PropTypes.string,\n  label: PropTypes.string,\n  htmlFor: PropTypes.string,\n  required: PropTypes.bool,\n  optional: PropTypes.bool,\n  truncateText: PropTypes.bool,\n  isGroup: PropTypes.bool,\n};\n\nexport { DSLabel };\nexport default DSLabel;\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,OAAO,kBAAkB,MAAM,EAAE,WAAW,MAAM;AAExD,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,MACN;AACJ,QAAM,MAAM,UAAU,WAAW;AAEjC,SACE,qCAAC;AAAA,IACC,WAAW,GAAG,YAAY,UAAU,IAAI,qBAAqB;AAAA,IAC7D;AAAA,KAEC,eACC,qCAAC;AAAA,IAAuB,OAAO,YAAY;AAAA,GAAO,IAElD,qCAAC,YAAM,KAAM,GAEf,qCAAC;AAAA,IAAa;AAAA,IAAoB;AAAA,GAAoB,CACxD;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,SAAS,UAAU;AACrB;AAGA,IAAO,kBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAGA,OAAO,eAAe;AACtB,SAAS,yBAAyB;AAClC,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,OAAO,kBAAkB,MAAM,EAAE,WAAW,MAAM;AAExD,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AACZ,MAAM;AACJ,QAAM,MAAM,UAAU,WAAW;AAEjC,SACE,qBAAC;AAAA,IACC,WAAW,GAAG,YAAY,UAAU,IAAI,qBAAqB;AAAA,IAC7D;AAAA,IAEC;AAAA,qBACC,oBAAC;AAAA,QAAuB,OAAO,YAAY;AAAA,OAAO,IAElD,oBAAC;AAAA,QAAM;AAAA,OAAM;AAAA,MAEf,oBAAC;AAAA,QAAa;AAAA,QAAoB;AAAA,OAAoB;AAAA;AAAA,GACxD;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,SAAS,UAAU;AACrB;AAGA,IAAO,kBAAQ;",
   "names": []
 }

package/dist/esm/FormItem/Suffix/Suffix.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FormItem/Suffix/Suffix.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable consistent-return */\nimport { styled } from '@elliemae/ds-system';\n\nexport const Suffix = styled.div`\n  height: 2.16rem;\n  align-items: center;\n  display: flex;\n  ${props => {\n    if (props.label && !props.withFeedback) {\n      return `\n      padding-top: 1.2rem;\n      `;\n    }\n    if (!props.label && !props.withFeedback) {\n      return `\n      padding-top: 1rem;\n      `;\n    }\n  }}\n`;\n\nexport const SuffixInputWrapper = styled.div`\n  padding-right: 0.32rem;\n  flex: 1;\n`;\nexport const SuffixWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport default Suffix;\n"],
-  "mappings": "AAAA;ACCA;AAEO,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA,IAIzB,WAAS;AACT,MAAI,MAAM,SAAS,CAAC,MAAM,cAAc;AACtC,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,MAAI,CAAC,MAAM,SAAS,CAAC,MAAM,cAAc;AACvC,WAAO;AAAA;AAAA;AAAA,EAGT;AACF;AAAA;AAGK,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAIlC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAKpC,IAAO,iBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,cAAc;AAEhB,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA,IAIzB,WAAS;AACT,MAAI,MAAM,SAAS,CAAC,MAAM,cAAc;AACtC,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,MAAI,CAAC,MAAM,SAAS,CAAC,MAAM,cAAc;AACvC,WAAO;AAAA;AAAA;AAAA,EAGT;AACF;AAAA;AAGK,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAIlC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAKpC,IAAO,iBAAQ;",
   "names": []
 }

package/dist/esm/FormItem/ValidationFieldWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/ValidationFieldWrapper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Component } from 'react';\n\nexport default class ValidationFieldWrapper extends Component {\n  static defaultProps = {\n    validateOnBlur: false,\n    validateOnChange: false,\n    name: '', // name in context of the form\n    value: '',\n    validate: () => null,\n    onChange: () => null,\n    onBlur: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: props.value,\n    };\n  }\n\n  componentDidMount() {\n    const { value } = this.state;\n    this.executeValidations(value);\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { value } = nextProps;\n    if (value === prevState.value) return null;\n    return {\n      ...prevState,\n      value,\n    };\n  }\n\n  handleChange = (e) => {\n    const { onChange } = this.props;\n    this.setState({ value: e.target.value });\n    if (onChange) onChange(e);\n  }\n\n  handleBlur = (e) => {\n    const { onBlur, validateOnBlur } = this.props;\n    const { value } = this.state;\n    if (validateOnBlur) this.executeValidations(value);\n    onBlur(e);\n  }\n\n  executeValidations = (value) => {\n    const { validations } = this.props;\n    if (validations && Array.isArray(validations)) {\n      if (\n        !validations.some(validation => {\n          const { error, payload } = validation({ value });\n          if (error)\n            this.setState({ validationMessage: payload, state: error });\n          return error;\n        })\n      ) {\n        this.setState({ hasError: false });\n      }\n    }\n  }\n\n  render() {\n    const { children } = this.props;\n    const { value, validationMessage, validationState, hasError } = this.state;\n    return children({\n      value,\n      validationMessage,\n      validationState,\n      hasError,\n      onChange: this.handleChange,\n      onBlur: this.handleBlur,\n    });\n  }\n}\n"],
-  "mappings": "AAAA;ACAA;AAEA,MAAO,+BAA6C,UAAU;AAAA,EAW5D,YAAY,OAAO;AACjB,UAAM,KAAK;AAoBb,wBAAe,CAAC,MAAM;AACpB,YAAM,EAAE,aAAa,KAAK;AAC1B,WAAK,SAAS,EAAE,OAAO,EAAE,OAAO,MAAM,CAAC;AACvC,UAAI;AAAU,iBAAS,CAAC;AAAA,IAC1B;AAEA,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,QAAQ,mBAAmB,KAAK;AACxC,YAAM,EAAE,UAAU,KAAK;AACvB,UAAI;AAAgB,aAAK,mBAAmB,KAAK;AACjD,aAAO,CAAC;AAAA,IACV;AAEA,8BAAqB,CAAC,UAAU;AAC9B,YAAM,EAAE,gBAAgB,KAAK;AAC7B,UAAI,eAAe,MAAM,QAAQ,WAAW,GAAG;AAC7C,YACE,CAAC,YAAY,KAAK,gBAAc;AAC9B,gBAAM,EAAE,OAAO,YAAY,WAAW,EAAE,MAAM,CAAC;AAC/C,cAAI;AACF,iBAAK,SAAS,EAAE,mBAAmB,SAAS,OAAO,MAAM,CAAC;AAC5D,iBAAO;AAAA,QACT,CAAC,GACD;AACA,eAAK,SAAS,EAAE,UAAU,MAAM,CAAC;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AA9CE,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,IACf;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,UAAU,KAAK;AACvB,SAAK,mBAAmB,KAAK;AAAA,EAC/B;AAAA,EAEA,OAAO,yBAAyB,WAAW,WAAW;AACpD,UAAM,EAAE,UAAU;AAClB,QAAI,UAAU,UAAU;AAAO,aAAO;AACtC,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EA+BA,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,UAAM,EAAE,OAAO,mBAAmB,iBAAiB,aAAa,KAAK;AACrE,WAAO,SAAS;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,IACf,CAAC;AAAA,EACH;AACF;AAxEE,AADmB,uBACZ,eAAe;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,QAAQ,MAAM;AAChB;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAE1B,MAAO,+BAA6C,UAAU;AAAA,EAW5D,YAAY,OAAO;AACjB,UAAM,KAAK;AAoBb,wBAAe,CAAC,MAAM;AACpB,YAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,WAAK,SAAS,EAAE,OAAO,EAAE,OAAO,MAAM,CAAC;AACvC,UAAI;AAAU,iBAAS,CAAC;AAAA,IAC1B;AAEA,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,QAAQ,eAAe,IAAI,KAAK;AACxC,YAAM,EAAE,MAAM,IAAI,KAAK;AACvB,UAAI;AAAgB,aAAK,mBAAmB,KAAK;AACjD,aAAO,CAAC;AAAA,IACV;AAEA,8BAAqB,CAAC,UAAU;AAC9B,YAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,UAAI,eAAe,MAAM,QAAQ,WAAW,GAAG;AAC7C,YACE,CAAC,YAAY,KAAK,gBAAc;AAC9B,gBAAM,EAAE,OAAO,QAAQ,IAAI,WAAW,EAAE,MAAM,CAAC;AAC/C,cAAI;AACF,iBAAK,SAAS,EAAE,mBAAmB,SAAS,OAAO,MAAM,CAAC;AAC5D,iBAAO;AAAA,QACT,CAAC,GACD;AACA,eAAK,SAAS,EAAE,UAAU,MAAM,CAAC;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AA9CE,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,IACf;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,SAAK,mBAAmB,KAAK;AAAA,EAC/B;AAAA,EAEA,OAAO,yBAAyB,WAAW,WAAW;AACpD,UAAM,EAAE,MAAM,IAAI;AAClB,QAAI,UAAU,UAAU;AAAO,aAAO;AACtC,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EA+BA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,OAAO,mBAAmB,iBAAiB,SAAS,IAAI,KAAK;AACrE,WAAO,SAAS;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,IACf,CAAC;AAAA,EACH;AACF;AAzEqB,uBACZ,eAAe;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,QAAQ,MAAM;AAChB;",
   "names": []
 }

package/dist/esm/FormItem/defaultProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/defaultProps.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSTextBox } from '../TextBox';\nimport { DSLabel } from './Label/DSLabel';\nimport { Feedback } from './Feedback';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\n\nexport const defaultProps = {\n  leftLabel: false,\n  floatingLabel: false,\n  inputComponent: DSTextBox,\n  labelComponent: DSLabel,\n  feedbackComponent: Feedback,\n  hasError: false,\n  validationMessage: '',\n  feedbackMessage: '',\n  focused: false,\n  autoFocus: false,\n  disabled: false,\n  onChange: () => {},\n  onBlur: () => {},\n  onFocus: () => {},\n  onPaste: () => {},\n  onKeyUp: () => {},\n  extraInputProps: {},\n  leftAddon: null,\n  rightAddon: null,\n  required: false,\n  optional: false,\n  useSubfix: '',\n  suffix: '',\n  variant: FORMITEM_LAYOUT_VARIANTS.DEFAULT,\n  containerProps: {},\n  fitContent: false,\n  withHighlight: false,\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS,yBAAyB;AAAA,EAClC,gBAAgB,CAAC;AAAA,EACjB,YAAY;AAAA,EACZ,eAAe;AACjB;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,gCAAgC;AAElC,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS,yBAAyB;AAAA,EAClC,gBAAgB,CAAC;AAAA,EACjB,YAAY;AAAA,EACZ,eAAe;AACjB;",
   "names": []
 }

package/dist/esm/FormItem/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  default,\n  DSFormItemLayout,\n  FORMITEM_LAYOUT_VARIANTS,\n  DSError,\n  DSFormItemLayoutWithSchema,\n} from './DSFormItemLayout';\nexport { DSErrorWithSchema } from './Error/DSError';\n"],
-  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE,WAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;",
+  "names": ["default"]
 }

package/dist/esm/FormItem/props.js

@@ -8,14 +8,18 @@ const props = {
   floatingLabel: PropTypes.bool.description("turn on floating label"),
   id: PropTypes.string.description("id for form item layout"),
   name: PropTypes.string.description("html name prop for form tags"),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description("form item layout element value"),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(
+    "form item layout element value"
+  ),
   inputComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description("Any input component"),
   isShowElipsisActive: PropTypes.bool.description("Wheter to enable the ellipsis and tooltip functionality or not").defaultValue(true),
   labelComponent: PropTypes.func.description("Label component"),
   feedbackComponent: PropTypes.func.description("feedback component to embed on form item"),
   labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("label text"),
   hasError: PropTypes.bool.description("error state"),
-  fitContent: PropTypes.bool.description("Adds fit content css property to the main container, making the layout width adapt to the input component"),
+  fitContent: PropTypes.bool.description(
+    "Adds fit content css property to the main container, making the layout width adapt to the input component"
+  ),
   validationState: PropTypes.oneOf(["success", "error", "warning"]).description("validation state"),
   validationMessage: PropTypes.string.description("validation message"),
   feedbackMessage: PropTypes.string.description("feedback message"),

package/dist/esm/FormItem/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/props.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\n\nexport const props = {\n  /** props to inject to form item layout wrapper */\n  containerProps: PropTypes.object.description('props to inject to form item layout wrapper'),\n  /** disableTooltip */\n  disableTooltip: PropTypes.bool\n    .description('Whether to show a tooltip or not when text does not fit')\n    .defaultValue(true),\n  /** position label on the left */\n  leftLabel: PropTypes.bool.description('position label on the left'),\n  /** turn on floating label */\n  floatingLabel: PropTypes.bool.description('turn on floating label'),\n  /** id for form item layout */\n  id: PropTypes.string.description('id for form item layout'),\n  /** html name prop for form tags */\n  name: PropTypes.string.description('html name prop for form tags'),\n  /** form item layout element value */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'form item layout element value',\n  ),\n  /** Any input component */\n  inputComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Any input component'),\n  /** isShowElipsisActive */\n  /** isShowElipsisActive */\n  isShowElipsisActive: PropTypes.bool\n    .description('Wheter to enable the ellipsis and tooltip functionality or not')\n    .defaultValue(true),\n  /** Label component  */\n  labelComponent: PropTypes.func.description('Label component'),\n  /** feedback component to embed on form item */\n  feedbackComponent: PropTypes.func.description('feedback component to embed on form item'),\n  /** label text */\n  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('label text'),\n  /** error state */\n  hasError: PropTypes.bool.description('error state'),\n  /** add fit content to form container */\n  fitContent: PropTypes.bool.description(\n    'Adds fit content css property to the main container, making the layout width adapt to the input component',\n  ),\n  /** validation state */\n  validationState: PropTypes.oneOf(['success', 'error', 'warning']).description('validation state'),\n  /** validation message */\n  validationMessage: PropTypes.string.description('validation message'),\n  /** feedback message */\n  feedbackMessage: PropTypes.string.description('feedback message'),\n  /** read only form item */\n  readOnly: PropTypes.bool.description('read only form item'),\n  /** focused state */\n  focused: PropTypes.bool.description('focused state'),\n  /** input type */\n  type: PropTypes.string.description('input type'),\n  /** auto focus input */\n  autoFocus: PropTypes.bool.description('auto focus input'),\n  /** disabled state */\n  disabled: PropTypes.bool.description('disabled state'),\n  /** on change handler */\n  onChange: PropTypes.func.description('on change handler'),\n  /** on blur handler */\n  onBlur: PropTypes.func.description('on blur handler'),\n  /** extra input props to inject */\n  extraInputProps: PropTypes.object.description('extra input props to inject'),\n  /** extra content */\n  extraContent: PropTypes.element.description('extra content'),\n  /** left addon for form item */\n  leftAddon: PropTypes.element.description('left addon for form item'),\n  /** right addon for form item */\n  rightAddon: PropTypes.element.description('right addon for form item'),\n  /** add required mark */\n  required: PropTypes.bool.description('add required mark'),\n  /** add optional mark */\n  optional: PropTypes.bool.description('add optional mark'),\n  /** on focus handler */\n  onFocus: PropTypes.func.description('on focus handler'),\n  /** on paste handler */\n  onPaste: PropTypes.func.description('on paste handler'),\n  /** add truncation and ellipsis */\n  truncateText: PropTypes.bool.description('add truncation and ellipsis'),\n  /** on key up event handler */\n  onKeyUp: PropTypes.func.description('on key up event handler'),\n  /** mask for input mask component */\n  mask: PropTypes.oneOfType([\n    // PropTypes.oneOf(maskTypes),\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.object,\n    PropTypes.array,\n  ]).description('mask for input mask component'),\n  /** add suffix to input */\n  useSubfix: PropTypes.string.description('add suffix to input'),\n  /** suffix for input */\n  suffix: PropTypes.string.description('suffix for input'),\n  /** form item layout type */\n  variant: PropTypes.oneOf([\n    FORMITEM_LAYOUT_VARIANTS.DEFAULT,\n    FORMITEM_LAYOUT_VARIANTS.FOCUS,\n    FORMITEM_LAYOUT_VARIANTS.ACTIVE,\n    FORMITEM_LAYOUT_VARIANTS.DISABLED,\n    FORMITEM_LAYOUT_VARIANTS.READ_ONLY,\n    FORMITEM_LAYOUT_VARIANTS.OPTIONAL,\n  ]).description('form item layout type'),\n  withHighlight: PropTypes.bool.description('adds highlight style to the input component'),\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAAY,6CAA6C;AAAA,EAE1F,gBAAgB,UAAU,KACvB,YAAY,yDAAyD,EACrE,aAAa,IAAI;AAAA,EAEpB,WAAW,UAAU,KAAK,YAAY,4BAA4B;AAAA,EAElE,eAAe,UAAU,KAAK,YAAY,wBAAwB;AAAA,EAElE,IAAI,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAE1D,MAAM,UAAU,OAAO,YAAY,8BAA8B;AAAA,EAEjE,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YACjF,gCACF;AAAA,EAEA,gBAAgB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,OAAO,CAAC,EAAE,YAAY,qBAAqB;AAAA,EAG1G,qBAAqB,UAAU,KAC5B,YAAY,gEAAgE,EAC5E,aAAa,IAAI;AAAA,EAEpB,gBAAgB,UAAU,KAAK,YAAY,iBAAiB;AAAA,EAE5D,mBAAmB,UAAU,KAAK,YAAY,0CAA0C;AAAA,EAExF,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE,YAAY,YAAY;AAAA,EAE9F,UAAU,UAAU,KAAK,YAAY,aAAa;AAAA,EAElD,YAAY,UAAU,KAAK,YACzB,2GACF;AAAA,EAEA,iBAAiB,UAAU,MAAM,CAAC,WAAW,SAAS,SAAS,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAEhG,mBAAmB,UAAU,OAAO,YAAY,oBAAoB;AAAA,EAEpE,iBAAiB,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAEhE,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAE1D,SAAS,UAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,MAAM,UAAU,OAAO,YAAY,YAAY;AAAA,EAE/C,WAAW,UAAU,KAAK,YAAY,kBAAkB;AAAA,EAExD,UAAU,UAAU,KAAK,YAAY,gBAAgB;AAAA,EAErD,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,QAAQ,UAAU,KAAK,YAAY,iBAAiB;AAAA,EAEpD,iBAAiB,UAAU,OAAO,YAAY,6BAA6B;AAAA,EAE3E,cAAc,UAAU,QAAQ,YAAY,eAAe;AAAA,EAE3D,WAAW,UAAU,QAAQ,YAAY,0BAA0B;AAAA,EAEnE,YAAY,UAAU,QAAQ,YAAY,2BAA2B;AAAA,EAErE,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,SAAS,UAAU,KAAK,YAAY,kBAAkB;AAAA,EAEtD,SAAS,UAAU,KAAK,YAAY,kBAAkB;AAAA,EAEtD,cAAc,UAAU,KAAK,YAAY,6BAA6B;AAAA,EAEtE,SAAS,UAAU,KAAK,YAAY,yBAAyB;AAAA,EAE7D,MAAM,UAAU,UAAU;AAAA,IAExB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAE9C,WAAW,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAE7D,QAAQ,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAEvD,SAAS,UAAU,MAAM;AAAA,IACvB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,EAC3B,CAAC,EAAE,YAAY,uBAAuB;AAAA,EACtC,eAAe,UAAU,KAAK,YAAY,6CAA6C;AACzF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,gCAAgC;AAElC,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAAY,6CAA6C;AAAA,EAE1F,gBAAgB,UAAU,KACvB,YAAY,yDAAyD,EACrE,aAAa,IAAI;AAAA,EAEpB,WAAW,UAAU,KAAK,YAAY,4BAA4B;AAAA,EAElE,eAAe,UAAU,KAAK,YAAY,wBAAwB;AAAA,EAElE,IAAI,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAE1D,MAAM,UAAU,OAAO,YAAY,8BAA8B;AAAA,EAEjE,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IACjF;AAAA,EACF;AAAA,EAEA,gBAAgB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,OAAO,CAAC,EAAE,YAAY,qBAAqB;AAAA,EAG1G,qBAAqB,UAAU,KAC5B,YAAY,gEAAgE,EAC5E,aAAa,IAAI;AAAA,EAEpB,gBAAgB,UAAU,KAAK,YAAY,iBAAiB;AAAA,EAE5D,mBAAmB,UAAU,KAAK,YAAY,0CAA0C;AAAA,EAExF,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE,YAAY,YAAY;AAAA,EAE9F,UAAU,UAAU,KAAK,YAAY,aAAa;AAAA,EAElD,YAAY,UAAU,KAAK;AAAA,IACzB;AAAA,EACF;AAAA,EAEA,iBAAiB,UAAU,MAAM,CAAC,WAAW,SAAS,SAAS,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAEhG,mBAAmB,UAAU,OAAO,YAAY,oBAAoB;AAAA,EAEpE,iBAAiB,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAEhE,UAAU,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAE1D,SAAS,UAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,MAAM,UAAU,OAAO,YAAY,YAAY;AAAA,EAE/C,WAAW,UAAU,KAAK,YAAY,kBAAkB;AAAA,EAExD,UAAU,UAAU,KAAK,YAAY,gBAAgB;AAAA,EAErD,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,QAAQ,UAAU,KAAK,YAAY,iBAAiB;AAAA,EAEpD,iBAAiB,UAAU,OAAO,YAAY,6BAA6B;AAAA,EAE3E,cAAc,UAAU,QAAQ,YAAY,eAAe;AAAA,EAE3D,WAAW,UAAU,QAAQ,YAAY,0BAA0B;AAAA,EAEnE,YAAY,UAAU,QAAQ,YAAY,2BAA2B;AAAA,EAErE,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,SAAS,UAAU,KAAK,YAAY,kBAAkB;AAAA,EAEtD,SAAS,UAAU,KAAK,YAAY,kBAAkB;AAAA,EAEtD,cAAc,UAAU,KAAK,YAAY,6BAA6B;AAAA,EAEtE,SAAS,UAAU,KAAK,YAAY,yBAAyB;AAAA,EAE7D,MAAM,UAAU,UAAU;AAAA,IAExB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAE9C,WAAW,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAE7D,QAAQ,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAEvD,SAAS,UAAU,MAAM;AAAA,IACvB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,EAC3B,CAAC,EAAE,YAAY,uBAAuB;AAAA,EACtC,eAAe,UAAU,KAAK,YAAY,6CAA6C;AACzF;",
   "names": []
 }

package/dist/esm/FormItem/variants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/variants.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const FORMITEM_LAYOUT_VARIANTS = {\n  DEFAULT: 'variant-default',\n  FOCUS: 'variant-focus',\n  ACTIVE: 'variant-active',\n  DISABLED: 'variant-disabled',\n  READ_ONLY: 'variant-read-only',\n  OPTIONAL: 'variant-optional',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,2BAA2B;AAAA,EACtC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,2BAA2B;AAAA,EACtC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;",
   "names": []
 }

package/dist/esm/Input/DSInput.js.map

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

package/dist/esm/Input/InputAddonWrapper.js.map

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

package/dist/esm/Input/InputImpl.js.map

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

package/dist/esm/Input/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Input/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSInput, InputAddonWrapper, DSInput as default } from '@elliemae/ds-common/Input';"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,mBAA8B,WAAXA,gBAA0B;",
+  "names": ["DSInput"]
 }

package/dist/esm/InputGroup/AddonWrapper.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { Component } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Component } from "react";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 const blockName = "input-addon-group";
 const Container = aggregatedClasses("div")(blockName);
@@ -18,10 +19,19 @@ class AddonWrapper extends Component {
       containerProps
     } = this.props;
     const childType = inputComponent && inputComponent.type && inputComponent.type.name ? inputComponent.type.name.toLowerCase() : "default";
-    return /* @__PURE__ */ React2.createElement(Container, {
+    return /* @__PURE__ */ jsxs(Container, {
       className: `${className} ${blockName}--${childType}`,
-      ...containerProps
-    }, leftAddon && /* @__PURE__ */ React2.createElement(InputAddon, null, leftAddon), inputComponent, rightAddon && /* @__PURE__ */ React2.createElement(InputAddon, null, rightAddon));
+      ...containerProps,
+      children: [
+        leftAddon && /* @__PURE__ */ jsx(InputAddon, {
+          children: leftAddon
+        }),
+        inputComponent,
+        rightAddon && /* @__PURE__ */ jsx(InputAddon, {
+          children: rightAddon
+        })
+      ]
+    });
   }
 }
 AddonWrapper.defaultProps = {};

package/dist/esm/InputGroup/AddonWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputGroup/AddonWrapper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'input-addon-group';\n\nconst Container = aggregatedClasses('div')(blockName);\nconst InputAddon = aggregatedClasses('span')(blockName, 'addon');\n\nclass AddonWrapper extends Component {\n  static defaultProps = {};\n\n  state = {};\n\n  render() {\n    const {\n      leftAddon,\n      rightAddon,\n      children: inputComponent,\n      className,\n      containerProps,\n    } = this.props;\n    const childType =\n      inputComponent && inputComponent.type && inputComponent.type.name\n        ? inputComponent.type.name.toLowerCase()\n        : 'default';\n    return (\n      <Container\n        className={`${className} ${blockName}--${childType}`}\n        {...containerProps}\n      >\n        {leftAddon && <InputAddon>{leftAddon}</InputAddon>}\n        {inputComponent}\n        {rightAddon && <InputAddon>{rightAddon}</InputAddon>}\n      </Container>\n    );\n  }\n}\n\nexport { AddonWrapper };\nexport default AddonWrapper;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,KAAK,EAAE,SAAS;AACpD,MAAM,aAAa,kBAAkB,MAAM,EAAE,WAAW,OAAO;AAE/D,MAAM,qBAAqB,UAAU;AAAA,EAArC;AAAA;AAGE,iBAAQ,CAAC;AAAA;AAAA,EAET,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,YACJ,kBAAkB,eAAe,QAAQ,eAAe,KAAK,OACzD,eAAe,KAAK,KAAK,YAAY,IACrC;AACN,WACE,qCAAC;AAAA,MACC,WAAW,GAAG,aAAa,cAAc;AAAA,MACxC,GAAG;AAAA,OAEH,aAAa,qCAAC,kBAAY,SAAU,GACpC,gBACA,cAAc,qCAAC,kBAAY,UAAW,CACzC;AAAA,EAEJ;AACF;AA3BE,AADI,aACG,eAAe,CAAC;AA8BzB,IAAO,uBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,iBAAiB;AACjC,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,KAAK,EAAE,SAAS;AACpD,MAAM,aAAa,kBAAkB,MAAM,EAAE,WAAW,OAAO;AAE/D,MAAM,qBAAqB,UAAU;AAAA,EAArC;AAAA;AAGE,iBAAQ,CAAC;AAAA;AAAA,EAET,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,YACJ,kBAAkB,eAAe,QAAQ,eAAe,KAAK,OACzD,eAAe,KAAK,KAAK,YAAY,IACrC;AACN,WACE,qBAAC;AAAA,MACC,WAAW,GAAG,aAAa,cAAc;AAAA,MACxC,GAAG;AAAA,MAEH;AAAA,qBAAa,oBAAC;AAAA,UAAY;AAAA,SAAU;AAAA,QACpC;AAAA,QACA,cAAc,oBAAC;AAAA,UAAY;AAAA,SAAW;AAAA;AAAA,KACzC;AAAA,EAEJ;AACF;AA5BM,aACG,eAAe,CAAC;AA8BzB,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/InputGroup/DSInputGroup.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-utilities";
 import { AddonWrapper } from "./AddonWrapper";
 import { props } from "./props";
@@ -12,14 +12,15 @@ const DSInputGroup = ({
   leftAddon,
   rightAddon,
   children: InputComponents
-}) => /* @__PURE__ */ React2.createElement(AddonWrapper, {
+}) => /* @__PURE__ */ jsx(AddonWrapper, {
   ref: innerRef,
   className,
   containerProps,
   leftAddon,
   rightAddon,
-  style
-}, InputComponents);
+  style,
+  children: InputComponents
+});
 DSInputGroup.propTypes = props;
 DSInputGroup.defaultProps = defaultProps;
 DSInputGroup.displayName = "DSInputGroup";

package/dist/esm/InputGroup/DSInputGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputGroup/DSInputGroup.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { AddonWrapper } from './AddonWrapper';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSInputGroup = ({\n  containerProps,\n  innerRef,\n  className,\n  style,\n  leftAddon,\n  rightAddon,\n  children: InputComponents, // as InputComponents,\n}) => (\n  <AddonWrapper\n    ref={innerRef}\n    className={className}\n    containerProps={containerProps}\n    leftAddon={leftAddon}\n    rightAddon={rightAddon}\n    style={style}\n  >\n    {InputComponents}\n  </AddonWrapper>\n);\n\nDSInputGroup.propTypes = props;\nDSInputGroup.defaultProps = defaultProps;\nDSInputGroup.displayName = 'DSInputGroup';\nconst DSInputGroupWithSchema = describe(DSInputGroup);\n\nDSInputGroupWithSchema.propTypes = props;\n\nexport default DSInputGroup;\nexport { DSInputGroupWithSchema, DSInputGroup };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,MAEV,qCAAC;AAAA,EACC,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC,eACH;AAGF,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AAEpD,uBAAuB,YAAY;AAEnC,IAAO,uBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAE7B,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,MACE,oBAAC;AAAA,EACC,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEC;AAAA,CACH;AAGF,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AAEpD,uBAAuB,YAAY;AAEnC,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/InputGroup/defaultProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputGroup/defaultProps.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultProps = {\n  containerProps: {},\n  innerRef: null,\n  className: '',\n  style: {},\n  leftAddon: null,\n  rightAddon: null,\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,CAAC;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO,CAAC;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,eAAe;AAAA,EAC1B,gBAAgB,CAAC;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO,CAAC;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;",
   "names": []
 }

package/dist/esm/InputGroup/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputGroup/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSInputGroupWithSchema, DSInputGroup } from './DSInputGroup';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,wBAAwB,oBAAoB;",
+  "names": ["default"]
 }

package/dist/esm/InputGroup/props.js

@@ -1,15 +1,21 @@
 import * as React from "react";
 import { PropTypes } from "@elliemae/ds-utilities";
 const props = {
-  containerProps: PropTypes.shape({}).description("props injected to wrapper of page header"),
+  containerProps: PropTypes.shape({}).description(
+    "props injected to wrapper of page header"
+  ),
   innerRef: PropTypes.oneOfType([
     PropTypes.func,
     PropTypes.shape({ current: PropTypes.any })
   ]).description("inner ref for input group wrapper"),
   className: PropTypes.string.description("class for input group wrapper"),
   style: PropTypes.object.description("Set style for the input group"),
-  leftAddon: PropTypes.element.description("Component to be added at the left side of the input"),
-  rightAddon: PropTypes.element.description("Component to be added at the right side of the input"),
+  leftAddon: PropTypes.element.description(
+    "Component to be added at the left side of the input"
+  ),
+  rightAddon: PropTypes.element.description(
+    "Component to be added at the right side of the input"
+  ),
   children: PropTypes.element.description("Input components to show")
 };
 export {

package/dist/esm/InputGroup/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputGroup/props.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const props = {\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description(\n    'props injected to wrapper of page header',\n  ),\n  /** inner ref for input group wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for input group wrapper'),\n  /** class for input group wrapper */\n  className: PropTypes.string.description('class for input group wrapper'),\n  /**\n   * Set style for the input group\n   */\n  style: PropTypes.object.description('Set style for the input group'),\n  /**\n   * Component to be added at the left side of the input\n   */\n  leftAddon: PropTypes.element.description(\n    'Component to be added at the left side of the input',\n  ),\n  /**\n   * Component to be added at the right side of the input\n   */\n  rightAddon: PropTypes.element.description(\n    'Component to be added at the right side of the input',\n  ),\n  /**\n   * Input components to show\n   */\n  children: PropTypes.element.description('Input components to show'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAClC,0CACF;AAAA,EAEA,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,mCAAmC;AAAA,EAElD,WAAW,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,OAAO,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAInE,WAAW,UAAU,QAAQ,YAC3B,qDACF;AAAA,EAIA,YAAY,UAAU,QAAQ,YAC5B,sDACF;AAAA,EAIA,UAAU,UAAU,QAAQ,YAAY,0BAA0B;AACpE;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE;AAAA,IAClC;AAAA,EACF;AAAA,EAEA,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,mCAAmC;AAAA,EAElD,WAAW,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,OAAO,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAInE,WAAW,UAAU,QAAQ;AAAA,IAC3B;AAAA,EACF;AAAA,EAIA,YAAY,UAAU,QAAQ;AAAA,IAC5B;AAAA,EACF;AAAA,EAIA,UAAU,UAAU,QAAQ,YAAY,0BAA0B;AACpE;",
   "names": []
 }