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

package/dist/cjs/Checkbox/index.js

@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Checkbox_exports = {};
 module.exports = __toCommonJS(Checkbox_exports);

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

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

package/dist/cjs/CheckboxGroup/DSCheckboxGroup.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSCheckboxGroup_exports = {};
 __export(DSCheckboxGroup_exports, {
@@ -26,6 +29,7 @@ __export(DSCheckboxGroup_exports, {
 });
 module.exports = __toCommonJS(DSCheckboxGroup_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
@@ -36,8 +40,8 @@ var import_props = require("./props");
 var import_defaultProps = require("./defaultProps");
 const emClassPrefix = "em-ds";
 const baseClass = `${emClassPrefix}-checkbox-group`;
-const CheckboxItem = (props) => /* @__PURE__ */ import_react.default.createElement(import_ds_shared.GroupItem, {
-  render: (context) => /* @__PURE__ */ import_react.default.createElement(import_Checkbox.DSCheckbox, {
+const CheckboxItem = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.GroupItem, {
+  render: (context) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Checkbox.DSCheckbox, {
     ...props,
     checked: context.activeValue && context.activeValue.indexOf(props.value) !== -1,
     disabled: context.disabled || props.disabled,
@@ -70,33 +74,40 @@ const DSCheckboxGroup = ({
         checkRefs[index + 1].focus();
     }
   };
-  const group = /* @__PURE__ */ import_react.default.createElement(import_ds_shared.Group, {
+  const group = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.Group, {
     activeValue,
     disabled,
     multiple: true,
-    onChange
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: `${baseClass} ${baseClass}--${orientation}`,
-    ...labelProps && labelProps.labelText ? {} : containerProps,
-    role: "group"
-  }, import_react.default.Children.map(children, (child, index) => /* @__PURE__ */ import_react.default.createElement(CheckboxItem, {
-    ...child.props,
-    innerRef: (t) => {
-      checkRefs.push(t);
-    },
-    onKeyDown: (e) => onKeyDown(e, index)
-  }), null)));
+    onChange,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+      className: `${baseClass} ${baseClass}--${orientation}`,
+      ...labelProps && labelProps.labelText ? {} : containerProps,
+      role: "group",
+      children: import_react.default.Children.map(
+        children,
+        (child, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxItem, {
+          ...child.props,
+          innerRef: (t) => {
+            checkRefs.push(t);
+          },
+          onKeyDown: (e) => onKeyDown(e, index)
+        }),
+        null
+      )
+    })
+  });
   if (labelProps && labelProps.labelText) {
-    return /* @__PURE__ */ import_react.default.createElement("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       className: `${baseClass}-form-item-layout-wrapper`,
       ...containerProps,
-      role: "group"
-    }, /* @__PURE__ */ import_react.default.createElement(import_FormItem.DSFormItemLayout, {
-      ...labelProps,
-      inputComponent: group,
-      onChange,
-      truncateText
-    }));
+      role: "group",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FormItem.DSFormItemLayout, {
+        ...labelProps,
+        inputComponent: group,
+        onChange,
+        truncateText
+      })
+    });
   }
   return group;
 };

package/dist/cjs/CheckboxGroup/DSCheckboxGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/CheckboxGroup/DSCheckboxGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { describe } from '@elliemae/ds-utilities';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSCheckbox } from '../Checkbox';\nimport { props as cprops } from './props';\nimport { defaultProps } from './defaultProps';\n\n// todo: replace that for aggregatedClasses\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-checkbox-group`;\n\nconst CheckboxItem = (props) => (\n  <GroupItem\n    render={(context) => (\n      <DSCheckbox\n        {...props}\n        checked={\n          context.activeValue && context.activeValue.indexOf(props.value) !== -1\n        }\n        disabled={context.disabled || props.disabled}\n        onChange={context.onChange}\n      />\n    )}\n  />\n);\n\nconst DSCheckboxGroup = ({\n  onChange,\n  activeValue,\n  children,\n  disabled,\n  orientation,\n  truncateText,\n  labelProps,\n  containerProps,\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\n      activeValue={activeValue}\n      disabled={disabled}\n      multiple\n      onChange={onChange}\n    >\n      <div\n        className={`${baseClass} ${baseClass}--${orientation}`}\n        {...(labelProps && labelProps.labelText ? {} : containerProps)}\n        role=\"group\"\n      >\n        {React.Children.map(\n          children,\n          (child, index) => (\n            <CheckboxItem\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\n        className={`${baseClass}-form-item-layout-wrapper`}\n        {...containerProps}\n        role=\"group\"\n      >\n        <DSFormItemLayout\n          {...labelProps}\n          inputComponent={group}\n          onChange={onChange}\n          truncateText={truncateText}\n        />\n      </div>\n    );\n  }\n  return group;\n};\n\nconst noop = () => null;\n\nDSCheckboxGroup.propTypes = cprops;\nDSCheckboxGroup.defaultProps = defaultProps;\nDSCheckboxGroup.displayName = 'DSCheckboxGroup';\nconst DSCheckboxGroupWithSchema = describe(DSCheckboxGroup);\nDSCheckboxGroupWithSchema.propTypes = cprops;\n\nCheckboxItem.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n};\n\nCheckboxItem.defaultProps = {\n  checked: false,\n  disabled: false,\n  onChange: noop,\n};\n\nexport { DSCheckboxGroup, DSCheckboxGroupWithSchema };\n// export default DSCheckboxGroup;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,0BAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,sBAA2B;AAC3B,mBAAgC;AAChC,0BAA6B;AAG7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,eAAe,CAAC,UACpB,mDAAC;AAAA,EACC,QAAQ,CAAC,YACP,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ,SACE,QAAQ,eAAe,QAAQ,YAAY,QAAQ,MAAM,KAAK,MAAM;AAAA,IAEtE,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA,GACpB;AAAA,CAEJ;AAGF,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQ,qBAAM,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,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAQ;AAAA,IACR;AAAA,KAEA,mDAAC;AAAA,IACC,WAAW,GAAG,aAAa,cAAc;AAAA,IACxC,GAAI,cAAc,WAAW,YAAY,CAAC,IAAI;AAAA,IAC/C,MAAK;AAAA,KAEJ,qBAAM,SAAS,IACd,UACA,CAAC,OAAO,UACN,mDAAC;AAAA,IACE,GAAG,MAAM;AAAA,IACV,UAAU,CAAC,MAAM;AACf,gBAAU,KAAK,CAAC;AAAA,IAClB;AAAA,IACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA,GACtC,GAEF,IACF,CACF,CACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,mDAAC;AAAA,MACC,WAAW,GAAG;AAAA,MACb,GAAG;AAAA,MACJ,MAAK;AAAA,OAEL,mDAAC;AAAA,MACE,GAAG;AAAA,MACJ,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,KACF,CACF;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,MAAM,OAAO,MAAM;AAEnB,gBAAgB,YAAY;AAC5B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,kCAAS,eAAe;AAC1D,0BAA0B,YAAY;AAEtC,aAAa,YAAY;AAAA,EACvB,SAAS,0BAAU;AAAA,EACnB,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AACtB;AAEA,aAAa,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AACZ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,wBAAsB;AACtB,0BAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,sBAA2B;AAC3B,mBAAgC;AAChC,0BAA6B;AAG7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,eAAe,CAAC,UACpB,4CAAC;AAAA,EACC,QAAQ,CAAC,YACP,4CAAC;AAAA,IACE,GAAG;AAAA,IACJ,SACE,QAAQ,eAAe,QAAQ,YAAY,QAAQ,MAAM,KAAK,MAAM;AAAA,IAEtE,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA,GACpB;AAAA,CAEJ;AAGF,MAAM,kBAAkB,CAAC;AAAA,EACvB;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;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAQ;AAAA,IACR;AAAA,IAEA,sDAAC;AAAA,MACC,WAAW,GAAG,aAAa,cAAc;AAAA,MACxC,GAAI,cAAc,WAAW,YAAY,CAAC,IAAI;AAAA,MAC/C,MAAK;AAAA,MAEJ,uBAAAA,QAAM,SAAS;AAAA,QACd;AAAA,QACA,CAAC,OAAO,UACN,4CAAC;AAAA,UACE,GAAG,MAAM;AAAA,UACV,UAAU,CAAC,MAAM;AACf,sBAAU,KAAK,CAAC;AAAA,UAClB;AAAA,UACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA,SACtC;AAAA,QAEF;AAAA,MACF;AAAA,KACF;AAAA,GACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,4CAAC;AAAA,MACC,WAAW,GAAG;AAAA,MACb,GAAG;AAAA,MACJ,MAAK;AAAA,MAEL,sDAAC;AAAA,QACE,GAAG;AAAA,QACJ,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,MAAM,OAAO,MAAM;AAEnB,gBAAgB,YAAY,aAAAC;AAC5B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,8BAAS,eAAe;AAC1D,0BAA0B,YAAY,aAAAA;AAEtC,aAAa,YAAY;AAAA,EACvB,SAAS,kBAAAC,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,UAAU,kBAAAA,QAAU;AACtB;AAEA,aAAa,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AACZ;",
+  "names": ["React", "cprops", "PropTypes"]
 }

package/dist/cjs/CheckboxGroup/defaultProps.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var defaultProps_exports = {};
 __export(defaultProps_exports, {

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

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

package/dist/cjs/CheckboxGroup/index.js

@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var CheckboxGroup_exports = {};
 module.exports = __toCommonJS(CheckboxGroup_exports);

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

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

package/dist/cjs/CheckboxGroup/props.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var props_exports = {};
 __export(props_exports, {
@@ -30,10 +33,14 @@ var import_Checkbox = require("../Checkbox");
 var import_ds_shared = require("@elliemae/ds-shared");
 const props = {
   onChange: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the checkbox group changes"),
-  activeValue: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.array]).description("Default active value"),
-  children: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.shape({
-    type: import_ds_utilities.PropTypes.oneOf([import_Checkbox.DSCheckbox])
-  })).description("Checkbox group items to show of type DSCheckbox"),
+  activeValue: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.array]).description(
+    "Default active value"
+  ),
+  children: import_ds_utilities.PropTypes.arrayOf(
+    import_ds_utilities.PropTypes.shape({
+      type: import_ds_utilities.PropTypes.oneOf([import_Checkbox.DSCheckbox])
+    })
+  ).description("Checkbox group items to show of type DSCheckbox"),
   disabled: import_ds_utilities.PropTypes.bool.description("Whether the checkbox group is disabled or not"),
   orientation: import_ds_utilities.PropTypes.oneOf(import_ds_shared.orientation).description("['horizontal', 'vertical']"),
   labelProps: import_ds_utilities.PropTypes.shape({

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/CheckboxGroup/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport { DSCheckbox } from '../Checkbox';\nimport { orientation as checkboxGroupOrientation } from '@elliemae/ds-shared';\n\nexport const props = {\n  /**\n   * Allows a function that is triggered once the checkbox group changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the checkbox group changes'),\n  /**\n   * Default active value\n   */\n  activeValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]).description(\n    'Default active value',\n  ),\n  /**\n   * Checkbox group items to show of type DSCheckbox\n   */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf([DSCheckbox]),\n    }),\n  ).description('Checkbox group items to show of type DSCheckbox'),\n  /**\n   * Whether the checkbox group is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the checkbox group is disabled or not'),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(checkboxGroupOrientation).description(\"['horizontal', 'vertical']\"),\n  /**\n   * label props\n   */\n  labelProps: PropTypes.shape({\n    feedbackMessage: PropTypes.string,\n    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    required: PropTypes.bool,\n  }).description('label props'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,sBAA2B;AAC3B,uBAAwD;AAEjD,MAAM,QAAQ;AAAA,EAInB,UAAU,8BAAU,KAAK,YAAY,qEAAqE;AAAA,EAI1G,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,QAAQ,8BAAU,KAAK,CAAC,EAAE,YACtF,sBACF;AAAA,EAIA,UAAU,8BAAU,QAClB,8BAAU,MAAM;AAAA,IACd,MAAM,8BAAU,MAAM,CAAC,0BAAU,CAAC;AAAA,EACpC,CAAC,CACH,EAAE,YAAY,iDAAiD;AAAA,EAI/D,UAAU,8BAAU,KAAK,YAAY,+CAA+C;AAAA,EAIpF,aAAa,8BAAU,MAAM,4BAAwB,EAAE,YAAY,4BAA4B;AAAA,EAI/F,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,aAAa;AAC9B;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,sBAA2B;AAC3B,uBAAwD;AAEjD,MAAM,QAAQ;AAAA,EAInB,UAAU,8BAAU,KAAK,YAAY,qEAAqE;AAAA,EAI1G,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,QAAQ,8BAAU,KAAK,CAAC,EAAE;AAAA,IACtF;AAAA,EACF;AAAA,EAIA,UAAU,8BAAU;AAAA,IAClB,8BAAU,MAAM;AAAA,MACd,MAAM,8BAAU,MAAM,CAAC,0BAAU,CAAC;AAAA,IACpC,CAAC;AAAA,EACH,EAAE,YAAY,iDAAiD;AAAA,EAI/D,UAAU,8BAAU,KAAK,YAAY,+CAA+C;AAAA,EAIpF,aAAa,8BAAU,MAAM,iBAAAA,WAAwB,EAAE,YAAY,4BAA4B;AAAA,EAI/F,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,aAAa;AAC9B;",
+  "names": ["checkboxGroupOrientation"]
 }

package/dist/cjs/ComboBox/index.js

@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ComboBox_exports = {};
 module.exports = __toCommonJS(ComboBox_exports);

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

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

package/dist/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ComboBoxFreeSolo_exports = {};
 __export(ComboBoxFreeSolo_exports, {
@@ -26,7 +29,7 @@ __export(ComboBoxFreeSolo_exports, {
 });
 module.exports = __toCommonJS(ComboBoxFreeSolo_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_lodash = require("lodash");
 var import_ComboBox = require("../ComboBox");
@@ -70,7 +73,7 @@ function ComboBoxFreeSolo({
   maxOptions = void 0,
   ...rest
 }) {
-  return /* @__PURE__ */ import_react.default.createElement(import_ComboBox.DSComboBox2, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComboBox.DSComboBox2, {
     ...rest,
     isFreeSolo: true,
     clearable: true,

package/dist/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/ComboBoxFreeSolo/ComboBoxFreeSolo.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noop } from 'lodash';\nimport { DSComboBox2 } from '../ComboBox';\nimport { MultiValueLabel } from './components/MultiValueLabel';\nimport { MultiValueRemove } from './components/MultiValueRemove';\nimport { SingleValue } from './components/SingleValue';\nimport { SingleValueRemove } from './components/SingleValueRemove';\n\nconst customStyles = {\n  multiValueRemove: MultiValueRemove.style,\n  clearIndicator: SingleValueRemove.style,\n  multiValue: (base) => ({\n    ...base,\n    borderRadius: '10px',\n    backgroundColor: '#ebf6ff',\n  }),\n  valueContainer: (base) => ({\n    ...base,\n    display: '-webkit-box',\n    flexWrap: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    '-ms-overflow-style': 'none', // IE and Edge\n    'scrollbar-width': 'none', // Firefox\n    '::-webkit-scrollbar': { display: 'none' }, // Chrome\n  }),\n};\n\nfunction ComboBoxFreeSolo({\n  isMulti = false,\n  options = {},\n  value = [],\n  onChange = noop,\n  onChangeV2 = noop,\n  onInputChange = noop,\n  onFocus = noop,\n  onBlur = noop,\n  containerProps = {},\n  disabled = false,\n  menuIsOpen = false,\n  placeholder = 'Select values',\n  formatCreateLabel = (val) => `Create ${val}`,\n  maxOptions = undefined,\n  ...rest\n}) {\n  return (\n    <DSComboBox2\n      {...rest}\n      isFreeSolo\n      clearable\n      isMulti={isMulti}\n      value={value}\n      options={options}\n      keepTypedValue={false}\n      placeholder={placeholder}\n      disabled={disabled}\n      menuIsOpen={menuIsOpen}\n      formatCreateLabel={formatCreateLabel}\n      createOptionPosition=\"first\"\n      onChange={onChange}\n      onChangeV2={onChangeV2}\n      onInputChange={onInputChange}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      containerProps={containerProps}\n      maxOptions={maxOptions}\n      components={{\n        MultiValueLabel,\n        MultiValueRemove,\n        SingleValue,\n      }}\n      componentsStyle={customStyles}\n    />\n  );\n}\n\nComboBoxFreeSolo.propTypes = {\n  containerProps: PropTypes.object,\n  /**\n   * Allows a function that is triggered once the combo box is focused\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the combo box loses focus\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Allows a function that is triggered when a new value is selected from the dropdown menu\n   */\n  onChange: PropTypes.func.isRequired,\n  /**\n   * Allows a function that is triggered when a new value is selected from the dropdown menu\n   * It will return the current options selected\n   */\n  onChangeV2: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the input value changes (on every keystroke)\n   */\n  onInputChange: PropTypes.func,\n  value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  /**\n   * Value that the combo box has as default\n   */\n  options: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * Whether the combo box is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the combo box free solo is multi selectable or not\n   */\n  isMulti: PropTypes.bool,\n  /**\n   * Placeholder for the combo box\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Whether the combo box menu is open or not\n   */\n  menuIsOpen: PropTypes.bool,\n  /**\n   * Whether to show the combo box menu inline or not\n   */\n  /**\n   * function that reciveves the new value and returns the formatted value\n   */\n  formatCreateLabel: PropTypes.func,\n  /**\n   * Max options to be displayed on the menu list\n   */\n  maxOptions: PropTypes.number,\n};\n\nexport { ComboBoxFreeSolo };\nexport default ComboBoxFreeSolo;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,oBAAqB;AACrB,sBAA4B;AAC5B,6BAAgC;AAChC,8BAAiC;AACjC,yBAA4B;AAC5B,+BAAkC;AAElC,MAAM,eAAe;AAAA,EACnB,kBAAkB,yCAAiB;AAAA,EACnC,gBAAgB,2CAAkB;AAAA,EAClC,YAAY,CAAC,SAAU;AAAA,IACrB,GAAG;AAAA,IACH,cAAc;AAAA,IACd,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB,CAAC,SAAU;AAAA,IACzB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,uBAAuB,EAAE,SAAS,OAAO;AAAA,EAC3C;AACF;AAEA,0BAA0B;AAAA,EACxB,UAAU;AAAA,EACV,UAAU,CAAC;AAAA,EACX,QAAQ,CAAC;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB,CAAC,QAAQ,UAAU;AAAA,EACvC,aAAa;AAAA,KACV;AAAA,GACF;AACD,SACE,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ,YAAU;AAAA,IACV,WAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,GACnB;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,gBAAgB,0BAAU;AAAA,EAI1B,SAAS,0BAAU;AAAA,EAInB,QAAQ,0BAAU;AAAA,EAIlB,UAAU,0BAAU,KAAK;AAAA,EAKzB,YAAY,0BAAU;AAAA,EAItB,eAAe,0BAAU;AAAA,EACzB,OAAO,0BAAU,UAAU,CAAC,0BAAU,OAAO,0BAAU,MAAM,CAAC;AAAA,EAI9D,SAAS,0BAAU,QAAQ,0BAAU,MAAM;AAAA,EAI3C,UAAU,0BAAU;AAAA,EAIpB,SAAS,0BAAU;AAAA,EAInB,aAAa,0BAAU;AAAA,EAIvB,YAAY,0BAAU;AAAA,EAOtB,mBAAmB,0BAAU;AAAA,EAI7B,YAAY,0BAAU;AACxB;AAGA,IAAO,2BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,wBAAsB;AACtB,oBAAqB;AACrB,sBAA4B;AAC5B,6BAAgC;AAChC,8BAAiC;AACjC,yBAA4B;AAC5B,+BAAkC;AAElC,MAAM,eAAe;AAAA,EACnB,kBAAkB,yCAAiB;AAAA,EACnC,gBAAgB,2CAAkB;AAAA,EAClC,YAAY,CAAC,UAAU;AAAA,IACrB,GAAG;AAAA,IACH,cAAc;AAAA,IACd,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB,CAAC,UAAU;AAAA,IACzB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,uBAAuB,EAAE,SAAS,OAAO;AAAA,EAC3C;AACF;AAEA,SAAS,iBAAiB;AAAA,EACxB,UAAU;AAAA,EACV,UAAU,CAAC;AAAA,EACX,QAAQ,CAAC;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB,CAAC,QAAQ,UAAU;AAAA,EACvC,aAAa;AAAA,KACV;AACL,GAAG;AACD,SACE,4CAAC;AAAA,IACE,GAAG;AAAA,IACJ,YAAU;AAAA,IACV,WAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,GACnB;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,gBAAgB,kBAAAA,QAAU;AAAA,EAI1B,SAAS,kBAAAA,QAAU;AAAA,EAInB,QAAQ,kBAAAA,QAAU;AAAA,EAIlB,UAAU,kBAAAA,QAAU,KAAK;AAAA,EAKzB,YAAY,kBAAAA,QAAU;AAAA,EAItB,eAAe,kBAAAA,QAAU;AAAA,EACzB,OAAO,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,OAAO,kBAAAA,QAAU,MAAM,CAAC;AAAA,EAI9D,SAAS,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM;AAAA,EAI3C,UAAU,kBAAAA,QAAU;AAAA,EAIpB,SAAS,kBAAAA,QAAU;AAAA,EAInB,aAAa,kBAAAA,QAAU;AAAA,EAIvB,YAAY,kBAAAA,QAAU;AAAA,EAOtB,mBAAmB,kBAAAA,QAAU;AAAA,EAI7B,YAAY,kBAAAA,QAAU;AACxB;AAGA,IAAO,2BAAQ;",
+  "names": ["PropTypes"]
 }

package/dist/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MultiValueLabel_exports = {};
 __export(MultiValueLabel_exports, {
@@ -25,7 +28,7 @@ __export(MultiValueLabel_exports, {
 });
 module.exports = __toCommonJS(MultiValueLabel_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
 const RemovablePillWrapper = import_ds_system.styled.div`
   display: flex;
@@ -50,10 +53,18 @@ const PillLabel = import_ds_system.styled.span`
   text-overflow: ellipsis;
   overflow: hidden;
 `;
-const RemovablePill = ({ label, clear }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(RemovablePillWrapper, {
-  "data-testid": "pill-wrapper"
-}, /* @__PURE__ */ import_react.default.createElement(PillLabel, null, label)), clear);
-const MultiValueLabel = ({ children, clear }) => /* @__PURE__ */ import_react.default.createElement(RemovablePill, {
+const RemovablePill = ({ label, clear }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RemovablePillWrapper, {
+      "data-testid": "pill-wrapper",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PillLabel, {
+        children: label
+      })
+    }),
+    clear
+  ]
+});
+const MultiValueLabel = ({ children, clear }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RemovablePill, {
   label: children,
   clear
 });

package/dist/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/ComboBoxFreeSolo/components/MultiValueLabel.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\n\nconst RemovablePillWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  outline: none;\n  height: ${(props) => props.theme.space.xs};\n  max-width: 90%;\n  margin: 0;\n  padding: 0 4px;\n  background-color: ${(props) => props.theme.colors.brand[200]};\n  border-top-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n  border-bottom-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n  & + div {\n    border-top-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n    border-bottom-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n  }\n`;\n\nconst PillLabel = styled.span`\n  margin: 0 4px;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nconst RemovablePill = ({ label, clear }) => (\n  <>\n    <RemovablePillWrapper data-testid=\"pill-wrapper\">\n      <PillLabel>{label}</PillLabel>\n    </RemovablePillWrapper>\n    {clear}\n  </>\n);\n\nconst MultiValueLabel = ({ children, clear }) => (\n  <RemovablePill label={children} clear={clear} />\n);\n\nexport { MultiValueLabel };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,uBAAuB;AAEvB,MAAM,uBAAuB,wBAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,sBAInB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,4BAC9B,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,+BACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA,+BAEvC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,kCACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA;AAIzE,MAAM,YAAY,wBAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMjD,MAAM,gBAAgB,CAAC,EAAE,OAAO,YAC9B,wFACE,mDAAC;AAAA,EAAqB,eAAY;AAAA,GAChC,mDAAC,iBAAW,KAAM,CACpB,GACC,KACH;AAGF,MAAM,kBAAkB,CAAC,EAAE,UAAU,YACnC,mDAAC;AAAA,EAAc,OAAO;AAAA,EAAU;AAAA,CAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,uBAAuB;AAEvB,MAAM,uBAAuB,wBAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,sBAInB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,4BAC9B,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,+BACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA,+BAEvC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,kCACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA;AAIzE,MAAM,YAAY,wBAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMjD,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,MACpC;AAAA,EACE;AAAA,gDAAC;AAAA,MAAqB,eAAY;AAAA,MAChC,sDAAC;AAAA,QAAW;AAAA,OAAM;AAAA,KACpB;AAAA,IACC;AAAA;AAAA,CACH;AAGF,MAAM,kBAAkB,CAAC,EAAE,UAAU,MAAM,MACzC,4CAAC;AAAA,EAAc,OAAO;AAAA,EAAU;AAAA,CAAc;",
   "names": []
 }

package/dist/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MultiValueRemove_exports = {};
 __export(MultiValueRemove_exports, {
@@ -25,7 +28,7 @@ __export(MultiValueRemove_exports, {
 });
 module.exports = __toCommonJS(MultiValueRemove_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
 var import_react_select = require("react-select");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -36,9 +39,12 @@ const PillCloseAddon = import_ds_system.styled.div`
     height: auto;
   }
 `;
-const MultiValueRemove = (props) => /* @__PURE__ */ import_react.default.createElement(import_react_select.components.MultiValueRemove, {
-  ...props
-}, /* @__PURE__ */ import_react.default.createElement(PillCloseAddon, null, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, null)));
+const MultiValueRemove = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_select.components.MultiValueRemove, {
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PillCloseAddon, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseXsmall, {})
+  })
+});
 MultiValueRemove.style = (base) => ({
   ...base,
   paddingLeft: 0,

package/dist/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/ComboBoxFreeSolo/components/MultiValueRemove.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { components } from 'react-select';\nimport { CloseXsmall } from '@elliemae/ds-icons';\n\nconst PillCloseAddon = styled.div`\n  cursor: pointer;\n  height: ${(props) => props.theme.space.xs};\n  & > span {\n    height: auto;\n  }\n`;\n\nconst MultiValueRemove = (props) => (\n  <components.MultiValueRemove {...props}>\n    <PillCloseAddon>\n      <CloseXsmall />\n    </PillCloseAddon>\n  </components.MultiValueRemove>\n);\n\nMultiValueRemove.style = (base) => ({\n  ...base,\n  paddingLeft: 0,\n  height: '100%',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { MultiValueRemove };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,0BAA2B;AAC3B,sBAA4B;AAE5B,MAAM,iBAAiB,wBAAO;AAAA;AAAA,YAElB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,mBAAmB,CAAC,UACxB,mDAAC,+BAAW,kBAAX;AAAA,EAA6B,GAAG;AAAA,GAC/B,mDAAC,sBACC,mDAAC,iCAAY,CACf,CACF;AAGF,iBAAiB,QAAQ,CAAC,SAAU;AAAA,EAClC,GAAG;AAAA,EACH,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAuB;AACvB,0BAA2B;AAC3B,sBAA4B;AAE5B,MAAM,iBAAiB,wBAAO;AAAA;AAAA,YAElB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,mBAAmB,CAAC,UACxB,4CAAC,+BAAW,kBAAX;AAAA,EAA6B,GAAG;AAAA,EAC/B,sDAAC;AAAA,IACC,sDAAC,+BAAY;AAAA,GACf;AAAA,CACF;AAGF,iBAAiB,QAAQ,CAAC,UAAU;AAAA,EAClC,GAAG;AAAA,EACH,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
   "names": []
 }

package/dist/cjs/ComboBoxFreeSolo/components/SingleValue.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SingleValue_exports = {};
 __export(SingleValue_exports, {
@@ -25,15 +28,16 @@ __export(SingleValue_exports, {
 });
 module.exports = __toCommonJS(SingleValue_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_SingleValueRemove = require("./SingleValueRemove");
 var import_MultiValueLabel = require("./MultiValueLabel");
 const SingleValue = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_MultiValueLabel.MultiValueLabel, {
-    clear: /* @__PURE__ */ import_react.default.createElement(import_SingleValueRemove.SingleValueRemove, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MultiValueLabel.MultiValueLabel, {
+    clear: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SingleValueRemove.SingleValueRemove, {
       ...props
-    })
-  }, children);
+    }),
+    children
+  });
 };
 //# sourceMappingURL=SingleValue.js.map

package/dist/cjs/ComboBoxFreeSolo/components/SingleValue.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/ComboBoxFreeSolo/components/SingleValue.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { SingleValueRemove } from './SingleValueRemove';\nimport { MultiValueLabel } from './MultiValueLabel';\n\nconst SingleValue = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { children } = props;\n  return (\n    <MultiValueLabel clear={<SingleValueRemove {...props} />}>\n      {children}\n    </MultiValueLabel>\n  );\n};\n\nexport { SingleValue };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAkC;AAClC,6BAAgC;AAEhC,MAAM,cAAc,CAAC,UAAU;AAE7B,QAAM,EAAE,aAAa;AACrB,SACE,mDAAC;AAAA,IAAgB,OAAO,mDAAC;AAAA,MAAmB,GAAG;AAAA,KAAO;AAAA,KACnD,QACH;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,+BAAkC;AAClC,6BAAgC;AAEhC,MAAM,cAAc,CAAC,UAAU;AAE7B,QAAM,EAAE,SAAS,IAAI;AACrB,SACE,4CAAC;AAAA,IAAgB,OAAO,4CAAC;AAAA,MAAmB,GAAG;AAAA,KAAO;AAAA,IACnD;AAAA,GACH;AAEJ;",
   "names": []
 }

package/dist/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SingleValueRemove_exports = {};
 __export(SingleValueRemove_exports, {
@@ -25,7 +28,7 @@ __export(SingleValueRemove_exports, {
 });
 module.exports = __toCommonJS(SingleValueRemove_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_select = require("react-select");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -39,19 +42,20 @@ const StyledButton = (0, import_ds_system.styled)(import_ds_button.DSButton)`
 `;
 const SingleValueRemove = (props) => {
   const { clearValue } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.ClearIndicator, {
-    ...props
-  }, /* @__PURE__ */ import_react.default.createElement(StyledButton, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_select.components.ClearIndicator, {
     ...props,
-    "data-testid": "free-solo-pill-clear-btn",
-    "aria-label": "clear-indicator",
-    buttonType: "text",
-    className: "clear-indicator",
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, {
-      fill: "#000"
-    }),
-    onClick: () => clearValue()
-  }));
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledButton, {
+      ...props,
+      "data-testid": "free-solo-pill-clear-btn",
+      "aria-label": "clear-indicator",
+      buttonType: "text",
+      className: "clear-indicator",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseXsmall, {
+        fill: "#000"
+      }),
+      onClick: () => clearValue()
+    })
+  });
 };
 SingleValueRemove.style = (base) => ({
   ...base,

package/dist/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/ComboBoxFreeSolo/components/SingleValueRemove.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { components } from 'react-select';\nimport { styled } from '@elliemae/ds-system';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst StyledButton = styled(DSButton)`\n  padding-right: 8px;\n  width: 1.16rem !important;\n  height: auto;\n  z-index: 10;\n  color: '#000';\n`;\n\nconst SingleValueRemove = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { clearValue } = props;\n\n  return (\n    <components.ClearIndicator {...props}>\n      <StyledButton\n        {...props}\n        data-testid=\"free-solo-pill-clear-btn\"\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        className=\"clear-indicator\"\n        icon={<CloseXsmall fill=\"#000\" />}\n        onClick={() => clearValue()}\n      />\n    </components.ClearIndicator>\n  );\n};\n\nSingleValueRemove.style = (base) => ({\n  ...base,\n  padding: 0,\n  height: '16px',\n  backgroundColor: '#EBF6FF',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { SingleValueRemove };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2B;AAC3B,uBAAuB;AACvB,sBAA4B;AAC5B,uBAAyB;AAEzB,MAAM,eAAe,6BAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAM,oBAAoB,CAAC,UAAU;AAEnC,QAAM,EAAE,eAAe;AAEvB,SACE,mDAAC,+BAAW,gBAAX;AAAA,IAA2B,GAAG;AAAA,KAC7B,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,mDAAC;AAAA,MAAY,MAAK;AAAA,KAAO;AAAA,IAC/B,SAAS,MAAM,WAAW;AAAA,GAC5B,CACF;AAEJ;AAEA,kBAAkB,QAAQ,CAAC,SAAU;AAAA,EACnC,GAAG;AAAA,EACH,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAA2B;AAC3B,uBAAuB;AACvB,sBAA4B;AAC5B,uBAAyB;AAEzB,MAAM,mBAAe,yBAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAM,oBAAoB,CAAC,UAAU;AAEnC,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE,4CAAC,+BAAW,gBAAX;AAAA,IAA2B,GAAG;AAAA,IAC7B,sDAAC;AAAA,MACE,GAAG;AAAA,MACJ,eAAY;AAAA,MACZ,cAAW;AAAA,MACX,YAAW;AAAA,MACX,WAAU;AAAA,MACV,MAAM,4CAAC;AAAA,QAAY,MAAK;AAAA,OAAO;AAAA,MAC/B,SAAS,MAAM,WAAW;AAAA,KAC5B;AAAA,GACF;AAEJ;AAEA,kBAAkB,QAAQ,CAAC,UAAU;AAAA,EACnC,GAAG;AAAA,EACH,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
   "names": []
 }

package/dist/cjs/ComboBoxFreeSolo/index.js

@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ComboBoxFreeSolo_exports = {};
 module.exports = __toCommonJS(ComboBoxFreeSolo_exports);

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

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

package/dist/cjs/DateInput/DSDateInput.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSDateInput_exports = {};
 __export(DSDateInput_exports, {
@@ -28,7 +31,8 @@ __export(DSDateInput_exports, {
 });
 module.exports = __toCommonJS(DSDateInput_exports);
 var React = __toESM(require("react"));
-var import_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_Input = require("../Input");
 var import_DateInputImpl = require("./components/DateInputImpl");
@@ -69,11 +73,11 @@ const DSDateInput = ({
     setValueDate(date);
     inputOnChange(date);
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(import_Input.DSInput, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Input.DSInput, {
     className: `${className} input-date-input `,
     clearable,
     containerProps,
-    customInputType: ({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => /* @__PURE__ */ import_react.default.createElement(import_DateInputImpl.DateInputImpl, {
+    customInputType: ({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DateInputImpl.DateInputImpl, {
       INTERNAL_V2_NO_MUTATION,
       disabled,
       format,