@elliemae/ds-form 3.16.0-next.2 → 3.16.0-next.21

package/dist/cjs/Radio/DSRadio.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -33,8 +37,9 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_Circle = require("./Circle");
+var import_Circle = require("./Circle.js");
 const DSRadio = ({
   containerProps,
   className,
@@ -53,6 +58,7 @@ const DSRadio = ({
   innerRef,
   ...otherProps
 }) => {
+  (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-form/DSRadio", version: "3.x Date: 2023 Q1" });
   const { cssClassName, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("form-element-radio", className, {
     hasError,
     readOnly,
@@ -123,26 +129,56 @@ DSRadio.defaultProps = {
   tabIndex: 0
 };
 const radioProps = {
-  containerProps: import_ds_utilities.PropTypes.object.description("Injected props to wrapper element of component"),
-  className: import_ds_utilities.PropTypes.string.description("css class prop"),
-  name: import_ds_utilities.PropTypes.string.description("name property to manage form"),
-  labelText: import_ds_utilities.PropTypes.string.description("Displayable label for the radio"),
-  htmlFor: import_ds_utilities.PropTypes.element.description("HTMLFOR property to manage form"),
-  hasError: import_ds_utilities.PropTypes.bool.description("Whether the radio has error or not"),
-  readOnly: import_ds_utilities.PropTypes.bool.description("Whether the radio is read only or not"),
-  disabled: import_ds_utilities.PropTypes.bool.description("Whether the radio is disabled or not"),
-  checked: import_ds_utilities.PropTypes.bool.description("Whether the radio is checked or not"),
-  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.object]).description(
+  /** Injected props to wrapper element of component */
+  containerProps: import_ds_props_helpers.PropTypes.object.description("Injected props to wrapper element of component"),
+  /** css class prop */
+  className: import_ds_props_helpers.PropTypes.string.description("css class prop"),
+  /** name property to manage form */
+  name: import_ds_props_helpers.PropTypes.string.description("name property to manage form"),
+  /**
+   * Displayable label for the radio
+   */
+  labelText: import_ds_props_helpers.PropTypes.string.description("Displayable label for the radio"),
+  /** HTMLFOR property to manage form */
+  htmlFor: import_ds_props_helpers.PropTypes.element.description("HTMLFOR property to manage form"),
+  /**
+   * Whether the radio has error or not
+   */
+  hasError: import_ds_props_helpers.PropTypes.bool.description("Whether the radio has error or not"),
+  /**
+   * Whether the radio is read only or not
+   */
+  readOnly: import_ds_props_helpers.PropTypes.bool.description("Whether the radio is read only or not"),
+  /**
+   * Whether the radio is disabled or not
+   */
+  disabled: import_ds_props_helpers.PropTypes.bool.description("Whether the radio is disabled or not"),
+  /**
+   * Whether the radio is checked or not
+   */
+  checked: import_ds_props_helpers.PropTypes.bool.description("Whether the radio is checked or not"),
+  /**
+   * Value that takes the checkbox if it is checked
+   */
+  value: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.object]).description(
     "Value that takes the checkbox if it is checked"
   ).isRequired,
-  onChange: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the radio changes"),
-  children: import_ds_utilities.PropTypes.node.description("Optional, if you want a checkbox customized"),
-  tabIndex: import_ds_utilities.PropTypes.number.description("HTML tabindex to manage focus"),
-  style: import_ds_utilities.PropTypes.object.description("style override object")
+  /**
+   * Allows a function that is triggered once the radio changes
+   */
+  onChange: import_ds_props_helpers.PropTypes.func.description("Allows a function that is triggered once the radio changes"),
+  /**
+   * Optional, if you want a checkbox customized
+   */
+  children: import_ds_props_helpers.PropTypes.node.description("Optional, if you want a checkbox customized"),
+  /** HTML tabindex to manage focus */
+  tabIndex: import_ds_props_helpers.PropTypes.number.description("HTML tabindex to manage focus"),
+  /** style override object */
+  style: import_ds_props_helpers.PropTypes.object.description("style override object")
 };
 DSRadio.propTypes = radioProps;
 DSRadio.displayName = "DSRadio";
-const DSRadioWithSchema = (0, import_ds_utilities.describe)(DSRadio);
+const DSRadioWithSchema = (0, import_ds_props_helpers.describe)(DSRadio);
 DSRadioWithSchema.propTypes = radioProps;
 var DSRadio_default = DSRadio;
 //# sourceMappingURL=DSRadio.js.map

package/dist/cjs/Radio/DSRadio.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Radio/DSRadio.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/no-unknown-property */\nimport React, { useRef } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { Circle } from './Circle';\n\ninterface DSRadioT {\n  [x: string]: unknown;\n  innerRef?: React.MutableRefObject<HTMLInputElement>;\n  containerProps?: { [x: string]: unknown };\n  className?: string;\n  style?: React.CSSProperties;\n  labelText?: string;\n  htmlFor?: string;\n  hasError?: boolean;\n  readOnly?: boolean;\n  disabled?: boolean;\n  checked?: boolean;\n  value?: string;\n  name?: string;\n  onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode | React.ReactNode[];\n  tabIndex?: number;\n}\n\nconst DSRadio = ({\n  containerProps,\n  className,\n  style,\n  labelText,\n  htmlFor,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  value,\n  name,\n  onChange,\n  children,\n  tabIndex,\n  innerRef,\n  ...otherProps\n}: DSRadioT) => {\n  // this will be solved when we move to styled components...\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { cssClassName, classNameElement } = convertPropToCssClassName('form-element-radio', className, {\n    hasError,\n    readOnly,\n    disabled,\n  });\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  return (\n    <div {...containerProps} className={cssClassName}>\n      <label className={classNameElement('label')} htmlFor={htmlFor}>\n        <input\n          {...otherProps}\n          ref={checkRef}\n          aria-disabled={disabled}\n          checked={disabled ? false : checked}\n          className={classNameElement('input')}\n          disabled={disabled}\n          name={name}\n          onChange={(e) => {\n            if (!readOnly && !disabled) {\n              onChange(e);\n            }\n          }}\n          readOnly={readOnly}\n          tabIndex={-1}\n          type=\"radio\"\n          value={value}\n        />\n        <span\n          ref={innerRef}\n          aria-checked={checked}\n          aria-disabled={disabled}\n          className={classNameElement('input-button')}\n          onKeyDown={(e) => {\n            // really really bad pattern...\n            // overwriting the target to point to the hidden input because the focus is on the span and not on the input...\n            // we will solve this with a v2 of this when we move to controlled + styled components...\n            e.target = checkRef.current;\n            if (disabled) return;\n            if (e.key === 'Enter' || e.keyCode === 32) {\n              onChange(e);\n            } else if (otherProps.onKeyDown) {\n              otherProps.onKeyDown(e);\n            }\n          }}\n          role=\"radio\"\n          style={style}\n          tabIndex={disabled ? -1 : tabIndex}\n          // value={value} // should be unused?\n        >\n          <Circle checked={checked} />\n        </span>\n        <span className={classNameElement('label-text')}>{labelText}</span>\n      </label>\n      {children && <div className={classNameElement('radio-children')}>{children}</div>}\n    </div>\n  );\n};\n\nDSRadio.defaultProps = {\n  containerProps: {},\n  className: '',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: false,\n  name: '',\n  onChange: () => null,\n  children: null,\n  tabIndex: 0,\n};\n\nconst radioProps = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /** css class prop */\n  className: PropTypes.string.description('css class prop'),\n  /** name property to manage form */\n  name: PropTypes.string.description('name property to manage form'),\n  /**\n   * Displayable label for the radio\n   */\n  labelText: PropTypes.string.description('Displayable label for the radio'),\n  /** HTMLFOR property to manage form */\n  htmlFor: PropTypes.element.description('HTMLFOR property to manage form'),\n  /**\n   * Whether the radio has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the radio has error or not'),\n  /**\n   * Whether the radio is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the radio is read only or not'),\n  /**\n   * Whether the radio is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the radio is disabled or not'),\n  /**\n   * Whether the radio is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  /**\n   * Value that takes the checkbox if it is checked\n   */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'Value that takes the checkbox if it is checked',\n  ).isRequired,\n  /**\n   * Allows a function that is triggered once the radio changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the radio changes'),\n  /**\n   * Optional, if you want a checkbox customized\n   */\n  children: PropTypes.node.description('Optional, if you want a checkbox customized'),\n  /** HTML tabindex to manage focus */\n  tabIndex: PropTypes.number.description('HTML tabindex to manage focus'),\n  /** style override object */\n  style: PropTypes.object.description('style override object'),\n};\n\nDSRadio.propTypes = radioProps;\nDSRadio.displayName = 'DSRadio';\nconst DSRadioWithSchema = describe(DSRadio);\nDSRadioWithSchema.propTypes = radioProps;\n\nexport { DSRadio, DSRadioWithSchema };\n\nexport default DSRadio;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/no-unknown-property */\nimport React, { useRef } from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { Circle } from './Circle.js';\n\ninterface DSRadioT {\n  [x: string]: unknown;\n  innerRef?: React.MutableRefObject<HTMLInputElement>;\n  containerProps?: { [x: string]: unknown };\n  className?: string;\n  style?: React.CSSProperties;\n  labelText?: string;\n  htmlFor?: string;\n  hasError?: boolean;\n  readOnly?: boolean;\n  disabled?: boolean;\n  checked?: boolean;\n  value?: string;\n  name?: string;\n  onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode | React.ReactNode[];\n  tabIndex?: number;\n}\n\nconst DSRadio = ({\n  containerProps,\n  className,\n  style,\n  labelText,\n  htmlFor,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  value,\n  name,\n  onChange,\n  children,\n  tabIndex,\n  innerRef,\n  ...otherProps\n}: DSRadioT) => {\n  useDeprecateComponent({ componentName: 'ds-form/DSRadio', version: '3.x Date: 2023 Q1' });\n\n  // this will be solved when we move to styled components...\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { cssClassName, classNameElement } = convertPropToCssClassName('form-element-radio', className, {\n    hasError,\n    readOnly,\n    disabled,\n  });\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  return (\n    <div {...containerProps} className={cssClassName}>\n      <label className={classNameElement('label')} htmlFor={htmlFor}>\n        <input\n          {...otherProps}\n          ref={checkRef}\n          aria-disabled={disabled}\n          checked={disabled ? false : checked}\n          className={classNameElement('input')}\n          disabled={disabled}\n          name={name}\n          onChange={(e) => {\n            if (!readOnly && !disabled) {\n              onChange(e);\n            }\n          }}\n          readOnly={readOnly}\n          tabIndex={-1}\n          type=\"radio\"\n          value={value}\n        />\n        <span\n          ref={innerRef}\n          aria-checked={checked}\n          aria-disabled={disabled}\n          className={classNameElement('input-button')}\n          onKeyDown={(e) => {\n            // really really bad pattern...\n            // overwriting the target to point to the hidden input because the focus is on the span and not on the input...\n            // we will solve this with a v2 of this when we move to controlled + styled components...\n            e.target = checkRef.current;\n            if (disabled) return;\n            if (e.key === 'Enter' || e.keyCode === 32) {\n              onChange(e);\n            } else if (otherProps.onKeyDown) {\n              otherProps.onKeyDown(e);\n            }\n          }}\n          role=\"radio\"\n          style={style}\n          tabIndex={disabled ? -1 : tabIndex}\n          // value={value} // should be unused?\n        >\n          <Circle checked={checked} />\n        </span>\n        <span className={classNameElement('label-text')}>{labelText}</span>\n      </label>\n      {children && <div className={classNameElement('radio-children')}>{children}</div>}\n    </div>\n  );\n};\n\nDSRadio.defaultProps = {\n  containerProps: {},\n  className: '',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: false,\n  name: '',\n  onChange: () => null,\n  children: null,\n  tabIndex: 0,\n};\n\nconst radioProps = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /** css class prop */\n  className: PropTypes.string.description('css class prop'),\n  /** name property to manage form */\n  name: PropTypes.string.description('name property to manage form'),\n  /**\n   * Displayable label for the radio\n   */\n  labelText: PropTypes.string.description('Displayable label for the radio'),\n  /** HTMLFOR property to manage form */\n  htmlFor: PropTypes.element.description('HTMLFOR property to manage form'),\n  /**\n   * Whether the radio has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the radio has error or not'),\n  /**\n   * Whether the radio is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the radio is read only or not'),\n  /**\n   * Whether the radio is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the radio is disabled or not'),\n  /**\n   * Whether the radio is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  /**\n   * Value that takes the checkbox if it is checked\n   */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'Value that takes the checkbox if it is checked',\n  ).isRequired,\n  /**\n   * Allows a function that is triggered once the radio changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the radio changes'),\n  /**\n   * Optional, if you want a checkbox customized\n   */\n  children: PropTypes.node.description('Optional, if you want a checkbox customized'),\n  /** HTML tabindex to manage focus */\n  tabIndex: PropTypes.number.description('HTML tabindex to manage focus'),\n  /** style override object */\n  style: PropTypes.object.description('style override object'),\n};\n\nDSRadio.propTypes = radioProps;\nDSRadio.displayName = 'DSRadio';\nconst DSRadioWithSchema = describe(DSRadio);\nDSRadioWithSchema.propTypes = radioProps;\n\nexport { DSRadio, DSRadioWithSchema };\n\nexport default DSRadio;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/Radio/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -22,5 +26,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Radio_exports = {};
 module.exports = __toCommonJS(Radio_exports);
 var React = __toESM(require("react"));
-__reExport(Radio_exports, require("./DSRadio"), module.exports);
+__reExport(Radio_exports, require("./DSRadio.js"), module.exports);
 //# sourceMappingURL=index.js.map

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

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

package/dist/cjs/RadioGroup/DSRadioGroup.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,12 +36,12 @@ module.exports = __toCommonJS(DSRadioGroup_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_shared = require("@elliemae/ds-shared");
-var import_FormItem = require("../FormItem");
-var import_Radio = require("../Radio");
-var import_props = require("./props");
-var import_defaultProps = require("./defaultProps");
+var import_FormItem = require("../FormItem/index.js");
+var import_Radio = require("../Radio/index.js");
+var import_props = require("./props.js");
+var import_defaultProps = require("./defaultProps.js");
 const emClassPrefix = "em-ds";
 const baseClass = `${emClassPrefix}-radio-group`;
 const RadioItem = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -111,7 +115,7 @@ const DSRadioGroup = ({
 DSRadioGroup.propTypes = import_props.props;
 DSRadioGroup.defaultProps = import_defaultProps.defaultProps;
 DSRadioGroup.displayName = "DSRadioGroup";
-const DSRadioGroupWithSchema = (0, import_ds_utilities.describe)(DSRadioGroup);
+const DSRadioGroupWithSchema = (0, import_ds_props_helpers.describe)(DSRadioGroup);
 DSRadioGroupWithSchema.propTypes = import_props.props;
 var DSRadioGroup_default = DSRadioGroup;
 //# sourceMappingURL=DSRadioGroup.js.map

package/dist/cjs/RadioGroup/DSRadioGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/RadioGroup/DSRadioGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSRadio } from '../Radio';\nimport { props as rprops } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-radio-group`;\n\nconst RadioItem = (props) => (\n  <GroupItem\n    render={(context) => (\n      <DSRadio\n        {...props}\n        checked={context.activeValue === props.value}\n        disabled={context.disabled || props.disabled}\n        onChange={context.onChange}\n      />\n    )}\n  />\n);\n\nconst DSRadioGroup = ({\n  containerProps,\n  onChange,\n  activeValue,\n  children,\n  orientation,\n  disabled,\n  truncateText,\n  labelProps,\n}) => {\n  const checkRefs = [];\n  const count = React.Children.count(children);\n  const onKeyDown = (e, index) => {\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      if (index === 0) checkRefs[count - 1].focus();\n      else checkRefs[index - 1].focus();\n    }\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      if (index === count - 1) checkRefs[0].focus();\n      else checkRefs[index + 1].focus();\n    }\n  };\n  const group = (\n    <Group activeValue={activeValue} disabled={disabled} onChange={onChange}>\n      <div\n        data-testid=\"ds-radiogroup\"\n        {...(labelProps && labelProps.labelText ? {} : containerProps)}\n        className={`${baseClass} ${baseClass}--${orientation}`}\n        role=\"group\"\n      >\n        {React.Children.map(\n          children,\n          (child, index) => (\n            <RadioItem\n              {...child.props}\n              innerRef={(t) => {\n                checkRefs.push(t);\n              }}\n              onKeyDown={(e) => onKeyDown(e, index)}\n            />\n          ),\n          null,\n        )}\n      </div>\n    </Group>\n  );\n\n  if (labelProps && labelProps.labelText) {\n    return (\n      <div className={`${baseClass}-form-item-layout-wrapper`} {...containerProps} role=\"group\">\n        <DSFormItemLayout {...labelProps} inputComponent={group} onChange={onChange} truncateText={truncateText} />\n      </div>\n    );\n  }\n  return group;\n};\n\nDSRadioGroup.propTypes = rprops;\nDSRadioGroup.defaultProps = defaultProps;\nDSRadioGroup.displayName = 'DSRadioGroup';\nconst DSRadioGroupWithSchema = describe(DSRadioGroup);\nDSRadioGroupWithSchema.propTypes = rprops;\n\nexport { DSRadioGroup, DSRadioGroupWithSchema };\n\nexport default DSRadioGroup;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcjB;AAdN,mBAAkB;AAClB,0BAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,mBAAwB;AACxB,mBAAgC;AAChC,0BAA6B;AAE7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,CAAC,YACP;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,QAAQ,gBAAgB,MAAM;AAAA,QACvC,UAAU,QAAQ,YAAY,MAAM;AAAA,QACpC,UAAU,QAAQ;AAAA;AAAA,IACpB;AAAA;AAEJ;AAGF,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQ,aAAAA,QAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,4CAAC,0BAAM,aAA0B,UAAoB,UACnD;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAI,cAAc,WAAW,YAAY,CAAC,IAAI;AAAA,MAC/C,WAAW,GAAG,aAAa,cAAc;AAAA,MACzC,MAAK;AAAA,MAEJ,uBAAAA,QAAM,SAAS;AAAA,QACd;AAAA,QACA,CAAC,OAAO,UACN;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,MAAM;AAAA,YACV,UAAU,CAAC,MAAM;AACf,wBAAU,KAAK,CAAC;AAAA,YAClB;AAAA,YACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA;AAAA,QACtC;AAAA,QAEF;AAAA,MACF;AAAA;AAAA,EACF,GACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,4CAAC,SAAI,WAAW,GAAG,sCAAuC,GAAG,gBAAgB,MAAK,SAChF,sDAAC,oCAAkB,GAAG,YAAY,gBAAgB,OAAO,UAAoB,cAA4B,GAC3G;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,aAAa,YAAY,aAAAC;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY,aAAAA;AAInC,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem/index.js';\nimport { DSRadio } from '../Radio/index.js';\nimport { props as rprops } from './props.js';\nimport { defaultProps } from './defaultProps.js';\n\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-radio-group`;\n\nconst RadioItem = (props) => (\n  <GroupItem\n    render={(context) => (\n      <DSRadio\n        {...props}\n        checked={context.activeValue === props.value}\n        disabled={context.disabled || props.disabled}\n        onChange={context.onChange}\n      />\n    )}\n  />\n);\n\nconst DSRadioGroup = ({\n  containerProps,\n  onChange,\n  activeValue,\n  children,\n  orientation,\n  disabled,\n  truncateText,\n  labelProps,\n}) => {\n  const checkRefs = [];\n  const count = React.Children.count(children);\n  const onKeyDown = (e, index) => {\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      if (index === 0) checkRefs[count - 1].focus();\n      else checkRefs[index - 1].focus();\n    }\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      if (index === count - 1) checkRefs[0].focus();\n      else checkRefs[index + 1].focus();\n    }\n  };\n  const group = (\n    <Group activeValue={activeValue} disabled={disabled} onChange={onChange}>\n      <div\n        data-testid=\"ds-radiogroup\"\n        {...(labelProps && labelProps.labelText ? {} : containerProps)}\n        className={`${baseClass} ${baseClass}--${orientation}`}\n        role=\"group\"\n      >\n        {React.Children.map(\n          children,\n          (child, index) => (\n            <RadioItem\n              {...child.props}\n              innerRef={(t) => {\n                checkRefs.push(t);\n              }}\n              onKeyDown={(e) => onKeyDown(e, index)}\n            />\n          ),\n          null,\n        )}\n      </div>\n    </Group>\n  );\n\n  if (labelProps && labelProps.labelText) {\n    return (\n      <div className={`${baseClass}-form-item-layout-wrapper`} {...containerProps} role=\"group\">\n        <DSFormItemLayout {...labelProps} inputComponent={group} onChange={onChange} truncateText={truncateText} />\n      </div>\n    );\n  }\n  return group;\n};\n\nDSRadioGroup.propTypes = rprops;\nDSRadioGroup.defaultProps = defaultProps;\nDSRadioGroup.displayName = 'DSRadioGroup';\nconst DSRadioGroupWithSchema = describe(DSRadioGroup);\nDSRadioGroupWithSchema.propTypes = rprops;\n\nexport { DSRadioGroup, DSRadioGroupWithSchema };\n\nexport default DSRadioGroup;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcjB;AAdN,mBAAkB;AAClB,8BAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,mBAAwB;AACxB,mBAAgC;AAChC,0BAA6B;AAE7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,CAAC,YACP;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,QAAQ,gBAAgB,MAAM;AAAA,QACvC,UAAU,QAAQ,YAAY,MAAM;AAAA,QACpC,UAAU,QAAQ;AAAA;AAAA,IACpB;AAAA;AAEJ;AAGF,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQ,aAAAA,QAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,CAAC,EAAE,MAAM;AAAA;AACvC,kBAAU,QAAQ,CAAC,EAAE,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,CAAC,EAAE,MAAM;AAAA;AACvC,kBAAU,QAAQ,CAAC,EAAE,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,4CAAC,0BAAM,aAA0B,UAAoB,UACnD;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAI,cAAc,WAAW,YAAY,CAAC,IAAI;AAAA,MAC/C,WAAW,GAAG,aAAa,cAAc;AAAA,MACzC,MAAK;AAAA,MAEJ,uBAAAA,QAAM,SAAS;AAAA,QACd;AAAA,QACA,CAAC,OAAO,UACN;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,MAAM;AAAA,YACV,UAAU,CAAC,MAAM;AACf,wBAAU,KAAK,CAAC;AAAA,YAClB;AAAA,YACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA;AAAA,QACtC;AAAA,QAEF;AAAA,MACF;AAAA;AAAA,EACF,GACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,4CAAC,SAAI,WAAW,GAAG,sCAAuC,GAAG,gBAAgB,MAAK,SAChF,sDAAC,oCAAkB,GAAG,YAAY,gBAAgB,OAAO,UAAoB,cAA4B,GAC3G;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,aAAa,YAAY,aAAAC;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY,aAAAA;AAInC,IAAO,uBAAQ;",
   "names": ["React", "rprops"]
 }

package/dist/cjs/RadioGroup/defaultProps.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/RadioGroup/defaultProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/RadioGroup/defaultProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const defaultProps = {\n  containerProps: {},\n  onChange: () => null,\n  orientation: 'vertical',\n  disabled: false,\n  truncateText: false,\n  labelProps: {\n    feedbackMessage: '',\n    labelText: '',\n    required: false,\n  },\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,gBAAgB,CAAC;AAAA,EACjB,UAAU,MAAM;AAAA,EAChB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,gBAAgB,CAAC;AAAA,EACjB,UAAU,MAAM;AAAA,EAChB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AACF;",
   "names": []
 }

package/dist/cjs/RadioGroup/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -22,5 +26,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var RadioGroup_exports = {};
 module.exports = __toCommonJS(RadioGroup_exports);
 var React = __toESM(require("react"));
-__reExport(RadioGroup_exports, require("./DSRadioGroup"), module.exports);
+__reExport(RadioGroup_exports, require("./DSRadioGroup.js"), module.exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/RadioGroup/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSRadioGroup';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc,2BAAd;",
+  "sourcesContent": ["export * from './DSRadioGroup.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc,8BAAd;",
   "names": []
 }

package/dist/cjs/RadioGroup/props.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,19 +32,35 @@ __export(props_exports, {
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_shared = require("@elliemae/ds-shared");
 const props = {
-  containerProps: import_ds_utilities.PropTypes.object.description("Inject props to component wrapper"),
-  onChange: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the radio group changes"),
-  activeValue: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("Selected default active value"),
-  children: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element).isRequired.description("Radio group items to show of type DSRadio"),
-  orientation: import_ds_utilities.PropTypes.oneOf(import_ds_shared.orientation).description("['horizontal', 'vertical']"),
-  disabled: import_ds_utilities.PropTypes.bool.description(""),
-  labelProps: import_ds_utilities.PropTypes.shape({
-    feedbackMessage: import_ds_utilities.PropTypes.string,
-    labelText: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]),
-    required: import_ds_utilities.PropTypes.bool
+  /** Inject props to component wrapper  */
+  containerProps: import_ds_props_helpers.PropTypes.object.description("Inject props to component wrapper"),
+  /**
+   * Allows a function that is triggered once the radio group changes
+   */
+  onChange: import_ds_props_helpers.PropTypes.func.description("Allows a function that is triggered once the radio group changes"),
+  /**
+   * Selected default active value
+   */
+  activeValue: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("Selected default active value"),
+  /**
+   * Radio group items to show of type DSRadio
+   */
+  children: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.element).isRequired.description("Radio group items to show of type DSRadio"),
+  /**
+   * ['horizontal', 'vertical']
+   */
+  orientation: import_ds_props_helpers.PropTypes.oneOf(import_ds_shared.orientation).description("['horizontal', 'vertical']"),
+  /**
+   * Whether the radio group is disabled or not
+   */
+  disabled: import_ds_props_helpers.PropTypes.bool.description(""),
+  labelProps: import_ds_props_helpers.PropTypes.shape({
+    feedbackMessage: import_ds_props_helpers.PropTypes.string,
+    labelText: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.element]),
+    required: import_ds_props_helpers.PropTypes.bool
   }).description("Whether the radio group is disabled or not")
 };
 //# sourceMappingURL=props.js.map

package/dist/cjs/RadioGroup/props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/RadioGroup/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport { orientation as radioGroupOrientation } from '@elliemae/ds-shared';\n\nexport const props = {\n  /** Inject props to component wrapper  */\n  containerProps: PropTypes.object.description('Inject props to component wrapper'),\n  /**\n   * Allows a function that is triggered once the radio group changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the radio group changes'),\n  /**\n   * Selected default active value\n   */\n  activeValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Selected default active value'),\n  /**\n   * Radio group items to show of type DSRadio\n   */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Radio group items to show of type DSRadio'),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(radioGroupOrientation).description(\"['horizontal', 'vertical']\"),\n  /**\n   * Whether the radio group is disabled or not\n   */\n  disabled: PropTypes.bool.description(''),\n  labelProps: PropTypes.shape({\n    feedbackMessage: PropTypes.string,\n    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    required: PropTypes.bool,\n  }).description('Whether the radio group is disabled or not'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,uBAAqD;AAE9C,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,8BAAU,OAAO,YAAY,mCAAmC;AAAA,EAIhF,UAAU,8BAAU,KAAK,YAAY,kEAAkE;AAAA,EAIvG,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAIlH,UAAU,8BAAU,QAAQ,8BAAU,OAAO,EAAE,WAAW,YAAY,2CAA2C;AAAA,EAIjH,aAAa,8BAAU,MAAM,iBAAAA,WAAqB,EAAE,YAAY,4BAA4B;AAAA,EAI5F,UAAU,8BAAU,KAAK,YAAY,EAAE;AAAA,EACvC,YAAY,8BAAU,MAAM;AAAA,IAC1B,iBAAiB,8BAAU;AAAA,IAC3B,WAAW,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC;AAAA,IACpE,UAAU,8BAAU;AAAA,EACtB,CAAC,EAAE,YAAY,4CAA4C;AAC7D;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { orientation as radioGroupOrientation } from '@elliemae/ds-shared';\n\nexport const props = {\n  /** Inject props to component wrapper  */\n  containerProps: PropTypes.object.description('Inject props to component wrapper'),\n  /**\n   * Allows a function that is triggered once the radio group changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the radio group changes'),\n  /**\n   * Selected default active value\n   */\n  activeValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Selected default active value'),\n  /**\n   * Radio group items to show of type DSRadio\n   */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Radio group items to show of type DSRadio'),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(radioGroupOrientation).description(\"['horizontal', 'vertical']\"),\n  /**\n   * Whether the radio group is disabled or not\n   */\n  disabled: PropTypes.bool.description(''),\n  labelProps: PropTypes.shape({\n    feedbackMessage: PropTypes.string,\n    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    required: PropTypes.bool,\n  }).description('Whether the radio group is disabled or not'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAC1B,uBAAqD;AAE9C,MAAM,QAAQ;AAAA;AAAA,EAEnB,gBAAgB,kCAAU,OAAO,YAAY,mCAAmC;AAAA;AAAA;AAAA;AAAA,EAIhF,UAAU,kCAAU,KAAK,YAAY,kEAAkE;AAAA;AAAA;AAAA;AAAA,EAIvG,aAAa,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA;AAAA;AAAA;AAAA,EAIlH,UAAU,kCAAU,QAAQ,kCAAU,OAAO,EAAE,WAAW,YAAY,2CAA2C;AAAA;AAAA;AAAA;AAAA,EAIjH,aAAa,kCAAU,MAAM,iBAAAA,WAAqB,EAAE,YAAY,4BAA4B;AAAA;AAAA;AAAA;AAAA,EAI5F,UAAU,kCAAU,KAAK,YAAY,EAAE;AAAA,EACvC,YAAY,kCAAU,MAAM;AAAA,IAC1B,iBAAiB,kCAAU;AAAA,IAC3B,WAAW,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,OAAO,CAAC;AAAA,IACpE,UAAU,kCAAU;AAAA,EACtB,CAAC,EAAE,YAAY,4CAA4C;AAC7D;",
   "names": ["radioGroupOrientation"]
 }

package/dist/cjs/RequiredMark/RequiredMark.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/RequiredMark/RequiredMark.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/RequiredMark/RequiredMark.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { cssClassName } = convertPropToCssClassName('form-required-mark');\nconst RequiredMark = ({ required = false, optional = false }) => {\n  if (!required && !optional) return null;\n  if (required) {\n    return <span className={`${cssClassName}`}>&#9679;</span>;\n  }\n  return <span className={`${cssClassName} optional-mark`}>&#9900;</span>;\n};\n\nexport { RequiredMark, RequiredMark as DSRequiredMark };\nexport default RequiredMark;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOZ;AANX,2BAA0C;AAE1C,MAAM,EAAE,aAAa,QAAI,gDAA0B,oBAAoB;AACvE,MAAM,eAAe,CAAC,EAAE,WAAW,OAAO,WAAW,MAAM,MAAM;AAC/D,MAAI,CAAC,YAAY,CAAC;AAAU,WAAO;AACnC,MAAI,UAAU;AACZ,WAAO,4CAAC,UAAK,WAAW,GAAG,gBAAgB,oBAAO;AAAA,EACpD;AACA,SAAO,4CAAC,UAAK,WAAW,GAAG,8BAA8B,oBAAO;AAClE;AAGA,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOZ;AANX,2BAA0C;AAE1C,MAAM,EAAE,aAAa,QAAI,gDAA0B,oBAAoB;AACvE,MAAM,eAAe,CAAC,EAAE,WAAW,OAAO,WAAW,MAAM,MAAM;AAC/D,MAAI,CAAC,YAAY,CAAC;AAAU,WAAO;AACnC,MAAI,UAAU;AACZ,WAAO,4CAAC,UAAK,WAAW,GAAG,gBAAgB,oBAAO;AAAA,EACpD;AACA,SAAO,4CAAC,UAAK,WAAW,GAAG,8BAA8B,oBAAO;AAClE;AAGA,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/RequiredMark/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -22,5 +26,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var RequiredMark_exports = {};
 module.exports = __toCommonJS(RequiredMark_exports);
 var React = __toESM(require("react"));
-__reExport(RequiredMark_exports, require("./RequiredMark"), module.exports);
+__reExport(RequiredMark_exports, require("./RequiredMark.js"), module.exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/RequiredMark/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './RequiredMark';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAc,2BAAd;",
+  "sourcesContent": ["export * from './RequiredMark.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAc,8BAAd;",
   "names": []
 }

package/dist/cjs/SearchBox/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/SearchBox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from '@elliemae/ds-common/SearchBox';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAc,0CAAd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAc,0CAAd;",
   "names": []
 }

package/dist/cjs/TextBox/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/TextBox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from '@elliemae/ds-common/TextBox';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAc,wCAAd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAc,wCAAd;",
   "names": []
 }

package/dist/cjs/TimeInput/DSTimeInput.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,9 +36,9 @@ __export(DSTimeInput_exports, {
 module.exports = __toCommonJS(DSTimeInput_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_Input = require("../Input");
-var import_TimeInputImpl = require("./TimeInputImpl");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_Input = require("../Input/index.js");
+var import_TimeInputImpl = require("./TimeInputImpl.js");
 const DSTimeInput = ({
   containerProps = {},
   innerRef,
@@ -77,23 +81,46 @@ DSTimeInput.defaultProps = {
   clearable: true
 };
 const props = {
-  containerProps: import_ds_utilities.PropTypes.object.description("Injected props to wrapper element of component"),
-  onChange: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the time input changes"),
-  "aria-label": import_ds_utilities.PropTypes.string.description("a11y aria label"),
-  style: import_ds_utilities.PropTypes.object.description("style object for time input wrapper"),
-  innerRef: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.any })]).description(
+  /** Injected props to wrapper element of component */
+  containerProps: import_ds_props_helpers.PropTypes.object.description("Injected props to wrapper element of component"),
+  /**
+   * Allows a function that is triggered once the time input changes
+   */
+  onChange: import_ds_props_helpers.PropTypes.func.description("Allows a function that is triggered once the time input changes"),
+  /** a11y aria label */
+  "aria-label": import_ds_props_helpers.PropTypes.string.description("a11y aria label"),
+  /** style object for time input wrapper */
+  style: import_ds_props_helpers.PropTypes.object.description("style object for time input wrapper"),
+  /** inner ref for time inpot wrapper */
+  innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.shape({ current: import_ds_props_helpers.PropTypes.any })]).description(
     "inner ref for time input wrapper"
   ),
-  className: import_ds_utilities.PropTypes.string.description("class for time input"),
-  format: import_ds_utilities.PropTypes.string.description("Valid time format"),
-  value: import_ds_utilities.PropTypes.string.description("Default value once the component is initialized"),
-  clearable: import_ds_utilities.PropTypes.bool.description("Whether the time input is clearable or not"),
-  disabled: import_ds_utilities.PropTypes.bool.description("Whether the time input is disabled or not"),
-  ariaLabel: import_ds_utilities.PropTypes.string.description("Aria label")
+  /** class for time input */
+  className: import_ds_props_helpers.PropTypes.string.description("class for time input"),
+  /**
+   * Valid time format
+   */
+  format: import_ds_props_helpers.PropTypes.string.description("Valid time format"),
+  /**
+   * Default value once the component is initialized
+   */
+  value: import_ds_props_helpers.PropTypes.string.description("Default value once the component is initialized"),
+  /**
+   * Whether the time input is clearable or not
+   */
+  clearable: import_ds_props_helpers.PropTypes.bool.description("Whether the time input is clearable or not"),
+  /**
+   * Whether the time input is disabled or not
+   */
+  disabled: import_ds_props_helpers.PropTypes.bool.description("Whether the time input is disabled or not"),
+  /**
+   * Aria label
+   */
+  ariaLabel: import_ds_props_helpers.PropTypes.string.description("Aria label")
 };
 DSTimeInput.propTypes = props;
 DSTimeInput.displayName = "DSTimeInput";
-const DSTimeInputWithSchema = (0, import_ds_utilities.describe)(DSTimeInput);
+const DSTimeInputWithSchema = (0, import_ds_props_helpers.describe)(DSTimeInput);
 DSTimeInputWithSchema.propTypes = props;
 var DSTimeInput_default = DSTimeInput;
 //# sourceMappingURL=DSTimeInput.js.map

package/dist/cjs/TimeInput/DSTimeInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TimeInput/DSTimeInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { DSInput } from '../Input';\nimport { TimeInputImpl } from './TimeInputImpl';\n\nconst DSTimeInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  onChange = () => null,\n  format,\n  value = '',\n  clearable = false,\n  disabled = false,\n  ariaLabel = 'Time input',\n}) => (\n  <DSInput\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    customInputType={({ onChange: inputOnChange, ...restInputProps }) => (\n      <TimeInputImpl\n        aria-label={ariaLabel}\n        disabled={disabled}\n        format={format}\n        onChange={(time) => inputOnChange(time)}\n        {...restInputProps}\n        style={style}\n      />\n    )}\n    disabled={disabled}\n    innerRef={innerRef}\n    isShowElipsisActive={false}\n    onChange={onChange}\n    onClear={() => onChange(null)}\n    value={value}\n  />\n);\n\nDSTimeInput.defaultProps = {\n  format: 'hh:mm:ss',\n  disabled: false,\n  clearable: true,\n};\n\nconst props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the time input changes'),\n  /** a11y aria label */\n  'aria-label': PropTypes.string.description('a11y aria label'),\n  /** style object for time input wrapper */\n  style: PropTypes.object.description('style object for time input wrapper'),\n  /** inner ref for time inpot wrapper */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'inner ref for time input wrapper',\n  ),\n  /** class for time input */\n  className: PropTypes.string.description('class for time input'),\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string.description('Valid time format'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description('Default value once the component is initialized'),\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool.description('Whether the time input is clearable or not'),\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the time input is disabled or not'),\n  /**\n   * Aria label\n   */\n  ariaLabel: PropTypes.string.description('Aria label'),\n};\n\nDSTimeInput.propTypes = props;\nDSTimeInput.displayName = 'DSTimeInput';\nconst DSTimeInputWithSchema = describe(DSTimeInput);\nDSTimeInputWithSchema.propTypes = props;\n\nexport { TimeInputImpl, DSTimeInputWithSchema, DSTimeInput };\n\nexport default DSTimeInput;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBjB;AArBN,0BAAoC;AACpC,mBAAwB;AACxB,2BAA8B;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AACd,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,EAAE,UAAU,kBAAkB,eAAe,MAC7D;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,UAAU,CAAC,SAAS,cAAc,IAAI;AAAA,QACrC,GAAG;AAAA,QACJ;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA,SAAS,MAAM,SAAS,IAAI;AAAA,IAC5B;AAAA;AACF;AAGF,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AACb;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO,YAAY,gDAAgD;AAAA,EAI7F,UAAU,8BAAU,KAAK,YAAY,iEAAiE;AAAA,EAEtG,cAAc,8BAAU,OAAO,YAAY,iBAAiB;AAAA,EAE5D,OAAO,8BAAU,OAAO,YAAY,qCAAqC;AAAA,EAEzE,UAAU,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EAEA,WAAW,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAI9D,QAAQ,8BAAU,OAAO,YAAY,mBAAmB;AAAA,EAIxD,OAAO,8BAAU,OAAO,YAAY,iDAAiD;AAAA,EAIrF,WAAW,8BAAU,KAAK,YAAY,4CAA4C;AAAA,EAIlF,UAAU,8BAAU,KAAK,YAAY,2CAA2C;AAAA,EAIhF,WAAW,8BAAU,OAAO,YAAY,YAAY;AACtD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSInput } from '../Input/index.js';\nimport { TimeInputImpl } from './TimeInputImpl.js';\n\nconst DSTimeInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  onChange = () => null,\n  format,\n  value = '',\n  clearable = false,\n  disabled = false,\n  ariaLabel = 'Time input',\n}) => (\n  <DSInput\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    customInputType={({ onChange: inputOnChange, ...restInputProps }) => (\n      <TimeInputImpl\n        aria-label={ariaLabel}\n        disabled={disabled}\n        format={format}\n        onChange={(time) => inputOnChange(time)}\n        {...restInputProps}\n        style={style}\n      />\n    )}\n    disabled={disabled}\n    innerRef={innerRef}\n    isShowElipsisActive={false}\n    onChange={onChange}\n    onClear={() => onChange(null)}\n    value={value}\n  />\n);\n\nDSTimeInput.defaultProps = {\n  format: 'hh:mm:ss',\n  disabled: false,\n  clearable: true,\n};\n\nconst props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the time input changes'),\n  /** a11y aria label */\n  'aria-label': PropTypes.string.description('a11y aria label'),\n  /** style object for time input wrapper */\n  style: PropTypes.object.description('style object for time input wrapper'),\n  /** inner ref for time inpot wrapper */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'inner ref for time input wrapper',\n  ),\n  /** class for time input */\n  className: PropTypes.string.description('class for time input'),\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string.description('Valid time format'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description('Default value once the component is initialized'),\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool.description('Whether the time input is clearable or not'),\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the time input is disabled or not'),\n  /**\n   * Aria label\n   */\n  ariaLabel: PropTypes.string.description('Aria label'),\n};\n\nDSTimeInput.propTypes = props;\nDSTimeInput.displayName = 'DSTimeInput';\nconst DSTimeInputWithSchema = describe(DSTimeInput);\nDSTimeInputWithSchema.propTypes = props;\n\nexport { TimeInputImpl, DSTimeInputWithSchema, DSTimeInput };\n\nexport default DSTimeInput;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBjB;AArBN,8BAAoC;AACpC,mBAAwB;AACxB,2BAA8B;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AACd,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,EAAE,UAAU,eAAe,GAAG,eAAe,MAC7D;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,UAAU,CAAC,SAAS,cAAc,IAAI;AAAA,QACrC,GAAG;AAAA,QACJ;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA,SAAS,MAAM,SAAS,IAAI;AAAA,IAC5B;AAAA;AACF;AAGF,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AACb;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,kCAAU,OAAO,YAAY,gDAAgD;AAAA;AAAA;AAAA;AAAA,EAI7F,UAAU,kCAAU,KAAK,YAAY,iEAAiE;AAAA;AAAA,EAEtG,cAAc,kCAAU,OAAO,YAAY,iBAAiB;AAAA;AAAA,EAE5D,OAAO,kCAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA,EAEzE,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,EAAE,SAAS,kCAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA;AAAA,EAEA,WAAW,kCAAU,OAAO,YAAY,sBAAsB;AAAA;AAAA;AAAA;AAAA,EAI9D,QAAQ,kCAAU,OAAO,YAAY,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIxD,OAAO,kCAAU,OAAO,YAAY,iDAAiD;AAAA;AAAA;AAAA;AAAA,EAIrF,WAAW,kCAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAIlF,UAAU,kCAAU,KAAK,YAAY,2CAA2C;AAAA;AAAA;AAAA;AAAA,EAIhF,WAAW,kCAAU,OAAO,YAAY,YAAY;AACtD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
   "names": []
 }