@elliemae/ds-mobile 3.16.0-next.1 → 3.16.0-next.10

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileContextMenu/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './MobileContextMenu';\nexport * from './MobileContextMenuItem';\nexport * from './MobileContextMenuGroup';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,sCAAc,gCAAd;AACA,sCAAc,oCADd;AAEA,sCAAc,qCAFd;",
+  "sourcesContent": ["export * from './MobileContextMenu.js';\nexport * from './MobileContextMenuItem.js';\nexport * from './MobileContextMenuGroup.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,sCAAc,mCAAd;AACA,sCAAc,uCADd;AAEA,sCAAc,wCAFd;",
   "names": []
 }

package/dist/cjs/MobileDatePicker/Input.js

@@ -30,9 +30,8 @@ module.exports = __toCommonJS(Input_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
-var import_ds_system2 = require("@elliemae/ds-system");
 const StyledInput = import_ds_system.styled.input`
-  input[type=date]& {   
+  input[type='date']& {
     -webkit-appearance: none;
     -moz-appearance: none;
     -webkit-tap-highlight-color: transparent;
@@ -41,21 +40,22 @@ const StyledInput = import_ds_system.styled.input`
 
     white-space: nowrap;
     position: relative;
-    height: ${(props) => (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.l)};
+    height: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.l)};
     width: 100%;
     max-width: calc(100% - 32px);
     outline: none;
     box-sizing: border-box;
     display: flex;
     background: ${(props) => props.theme.colors.neutral["000"]};
-    padding: 0 ${(props) => (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
+    padding: 0 ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
     z-index: 1;
     border-radius: 2px;
     border: solid 1px ${(props) => props.theme.colors.neutral[200]};
   }
 
-  input[type=date]&:active, input[type=date]&:focus {
-    ${(props) => (0, import_ds_system2.focus)(props.theme.colors.brand[700])}
+  input[type='date']&:active,
+  input[type='date']&:focus {
+    ${(props) => (0, import_ds_system.focus)(props.theme.colors.brand[700])}
   }
 
   &:before {
@@ -63,7 +63,9 @@ const StyledInput = import_ds_system.styled.input`
     content: '${(props) => props.value === "" ? props.placeholder : props["data-displayvalue"]}';
   }
 
-  input[type=date]&::-webkit-datetime-edit, input[type=date]&::-webkit-inner-spin-button, input[type=date]&::-webkit-clear-button {
+  input[type='date']&::-webkit-datetime-edit,
+  input[type='date']&::-webkit-inner-spin-button,
+  input[type='date']&::-webkit-clear-button {
     -webkit-appearance: none;
     display: none;
   }

package/dist/cjs/MobileDatePicker/Input.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileDatePicker/Input.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n  input[type=date]& {   \n    -webkit-appearance: none;\n    -moz-appearance: none;\n    -webkit-tap-highlight-color: transparent;\n    appearance: none;\n    color: transparent;\n\n    white-space: nowrap;\n    position: relative;\n    height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n    width: 100%;\n    max-width: calc(100% - 32px);\n    outline: none;\n    box-sizing: border-box;\n    display: flex;\n    background: ${props => props.theme.colors.neutral['000']};\n    padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n    z-index: 1;\n    border-radius: 2px;\n    border: solid 1px ${props => props.theme.colors.neutral[200]};\n  }\n\n  input[type=date]&:active, input[type=date]&:focus {\n    ${props => focus(props.theme.colors.brand[700])}\n  }\n\n  &:before {\n    color: ${props =>\n      props.value === ''\n        ? props.theme.colors.neutral['500']\n        : props.theme.colors.neutral['800']};\n    content: '${props =>\n      props.value === '' ? props.placeholder : props['data-displayvalue']}';\n  }\n\n  input[type=date]&::-webkit-datetime-edit, input[type=date]&::-webkit-inner-spin-button, input[type=date]&::-webkit-clear-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n  <StyledInput ref={innerRef} {...props} />\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+CrB;AA9CF,uBAAuB;AACvB,IAAAA,oBAAgD;AAEhD,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,eAAS,4CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMjD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACrC,eAAS,4CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAG/C,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,eAAS,yBAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,aAIrC,WACP,MAAM,UAAU,KACZ,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACrB,WACV,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,QAAQ,CAAC,EAAE,aAAa,MAAM,MACzC,4CAAC,eAAY,KAAK,UAAW,GAAG,OAAO;",
-  "names": ["import_ds_system"]
+  "sourcesContent": ["import React from 'react';\nimport { styled, focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n  input[type='date']& {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    -webkit-tap-highlight-color: transparent;\n    appearance: none;\n    color: transparent;\n\n    white-space: nowrap;\n    position: relative;\n    height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n    width: 100%;\n    max-width: calc(100% - 32px);\n    outline: none;\n    box-sizing: border-box;\n    display: flex;\n    background: ${(props) => props.theme.colors.neutral['000']};\n    padding: 0 ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n    z-index: 1;\n    border-radius: 2px;\n    border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n  }\n\n  input[type='date']&:active,\n  input[type='date']&:focus {\n    ${(props) => focus(props.theme.colors.brand[700])}\n  }\n\n  &:before {\n    color: ${(props) => (props.value === '' ? props.theme.colors.neutral['500'] : props.theme.colors.neutral['800'])};\n    content: '${(props) => (props.value === '' ? props.placeholder : props['data-displayvalue'])}';\n  }\n\n  input[type='date']&::-webkit-datetime-edit,\n  input[type='date']&::-webkit-inner-spin-button,\n  input[type='date']&::-webkit-clear-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n`;\n\nexport const Input = ({ innerRef, ...props }) => <StyledInput ref={innerRef} {...props} />;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4C0B;AA3CjD,uBAAwD;AAExD,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACvC,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAGjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,MAKxD,CAAC,cAAU,wBAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,aAIvC,CAAC,UAAW,MAAM,UAAU,KAAK,MAAM,MAAM,OAAO,QAAQ,SAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC7F,CAAC,UAAW,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpE,MAAM,QAAQ,CAAC,EAAE,aAAa,MAAM,MAAM,4CAAC,eAAY,KAAK,UAAW,GAAG,OAAO;",
+  "names": []
 }

package/dist/cjs/MobileDatePicker/MobileDatePicker.js

@@ -31,12 +31,12 @@ module.exports = __toCommonJS(MobileDatePicker_exports);
 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_icon = require("@elliemae/ds-icon");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
 var import_ds_form = require("@elliemae/ds-form");
-var import_Input = require("./Input");
+var import_Input = require("./Input.js");
 const DSMobileDatePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {
   const inputRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
@@ -96,14 +96,14 @@ DSMobileDatePicker.defaultProps = {
   placeholder: "MM / DD / YYYY"
 };
 const props = {
-  disabled: import_ds_utilities.PropTypes.bool.description("defaults to false"),
-  tabIndex: import_ds_utilities.PropTypes.number.description("0 as default"),
-  placeholder: import_ds_utilities.PropTypes.string.description("MM / DD / YYYY as default"),
-  onChange: import_ds_utilities.PropTypes.func.description("onChange handler, receives change event as first argument"),
-  value: import_ds_utilities.PropTypes.string.description("ISO8601 string representing the date in format YYYY-MM-DD or empty string")
+  disabled: import_ds_props_helpers.PropTypes.bool.description("defaults to false"),
+  tabIndex: import_ds_props_helpers.PropTypes.number.description("0 as default"),
+  placeholder: import_ds_props_helpers.PropTypes.string.description("MM / DD / YYYY as default"),
+  onChange: import_ds_props_helpers.PropTypes.func.description("onChange handler, receives change event as first argument"),
+  value: import_ds_props_helpers.PropTypes.string.description("ISO8601 string representing the date in format YYYY-MM-DD or empty string")
 };
 DSMobileDatePicker.propTypes = props;
 DSMobileDatePicker.displayName = "DSMobileDatePicker";
-const DSMobileDatePickerWithSchema = (0, import_ds_utilities.describe)(DSMobileDatePicker);
+const DSMobileDatePickerWithSchema = (0, import_ds_props_helpers.describe)(DSMobileDatePicker);
 DSMobileDatePickerWithSchema.propTypes = props;
 //# sourceMappingURL=MobileDatePicker.js.map

package/dist/cjs/MobileDatePicker/MobileDatePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileDatePicker/MobileDatePicker.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileDatePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n  const inputRef = useRef(null);\n  useEffect(() => {\n    /*\n      necessary if value is being set in mount, \n      otherwise the clear won't work on the first click\n      [SEE input onChange comment]\n    */\n    if (inputRef.current) {\n      inputRef.current.defaultValue = '';\n    }\n  }, [inputRef.current]);\n  const valueArr = value.split('-');\n  const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;\n  return (\n    <DSInputGroup\n      rightAddon={\n        <DSButton\n          aria-label=\"Date Picker Button\"\n          color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n          disabled={disabled}\n          icon={<DatePicker />}\n          type=\"button\"\n          buttonType=\"secondary\"\n          onClick={() => {\n            inputRef.current.focus();\n            inputRef.current.click();\n          }}\n        />\n      }\n    >\n      <Input\n        data-testid=\"ds-mobile-date-picker\"\n        innerRef={inputRef}\n        aria-label=\"Date Picker Input Mask\"\n        disabled={disabled}\n        onKeyDown={(e) => e.preventDefault()}\n        type=\"date\"\n        placeholder={placeholder}\n        onChange={(e) => {\n          // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n          const { target } = e.nativeEvent;\n          function iosClearDefault() {\n            target.defaultValue = '';\n          }\n          window.setTimeout(iosClearDefault, 0);\n          onChange(e);\n        }}\n        tabIndex={tabIndex}\n        value={value}\n        data-displayvalue={displayValue}\n      />\n    </DSInputGroup>\n  );\n};\n\nDSMobileDatePicker.defaultProps = {\n  disabled: false,\n  tabIndex: 0,\n  placeholder: 'MM / DD / YYYY',\n};\n\nconst props = {\n  /**\n   * defaults to false\n   */\n  disabled: PropTypes.bool.description('defaults to false'),\n  /**\n   * 0 as default\n   */\n  tabIndex: PropTypes.number.description('0 as default'),\n  /**\n   * MM / DD / YYYY as default\n   */\n  placeholder: PropTypes.string.description('MM / DD / YYYY as default'),\n  /**\n   * onChange handler, receives change event as first argument\n   */\n  onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n  /**\n   * ISO8601 string representing the date in format YYYY-MM-DD or empty string\n   */\n  value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string'),\n};\n\nDSMobileDatePicker.propTypes = props;\nDSMobileDatePicker.displayName = 'DSMobileDatePicker';\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BP;AA7BhB,mBAAyC;AACzC,0BAAoC;AACpC,qBAA6B;AAC7B,sBAA2B;AAC3B,uBAAqB;AACrB,qBAA6B;AAC7B,mBAAsB;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,SAAS,MAAM;AACnF,QAAM,eAAW,qBAAO,IAAI;AAC5B,8BAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,QAAM,eAAe,SAAS,GAAG,SAAS,QAAQ,SAAS,QAAQ,SAAS;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YACE;AAAA,QAAC,iBAAAA;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,UACvD;AAAA,UACA,MAAM,4CAAC,8BAAW;AAAA,UAClB,MAAK;AAAA,UACL,YAAW;AAAA,UACX,SAAS,MAAM;AACb,qBAAS,QAAQ,MAAM;AACvB,qBAAS,QAAQ,MAAM;AAAA,UACzB;AAAA;AAAA,MACF;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,UAAU;AAAA,UACV,cAAW;AAAA,UACX;AAAA,UACA,WAAW,CAAC,MAAM,EAAE,eAAe;AAAA,UACnC,MAAK;AAAA,UACL;AAAA,UACA,UAAU,CAAC,MAAM;AAEf,kBAAM,EAAE,OAAO,IAAI,EAAE;AACrB,qBAAS,kBAAkB;AACzB,qBAAO,eAAe;AAAA,YACxB;AACA,mBAAO,WAAW,iBAAiB,CAAC;AACpC,qBAAS,CAAC;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA,qBAAmB;AAAA;AAAA,MACrB;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA,EAIZ,UAAU,8BAAU,KAAK,YAAY,mBAAmB;AAAA,EAIxD,UAAU,8BAAU,OAAO,YAAY,cAAc;AAAA,EAIrD,aAAa,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EAIrE,UAAU,8BAAU,KAAK,YAAY,2DAA2D;AAAA,EAIhG,OAAO,8BAAU,OAAO,YAAY,2EAA2E;AACjH;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,8BAAS,kBAAkB;AAEhE,6BAA6B,YAAY;",
+  "sourcesContent": ["import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input.js';\n\nconst DSMobileDatePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n  const inputRef = useRef(null);\n  useEffect(() => {\n    /*\n      necessary if value is being set in mount, \n      otherwise the clear won't work on the first click\n      [SEE input onChange comment]\n    */\n    if (inputRef.current) {\n      inputRef.current.defaultValue = '';\n    }\n  }, [inputRef.current]);\n  const valueArr = value.split('-');\n  const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;\n  return (\n    <DSInputGroup\n      rightAddon={\n        <DSButton\n          aria-label=\"Date Picker Button\"\n          color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n          disabled={disabled}\n          icon={<DatePicker />}\n          type=\"button\"\n          buttonType=\"secondary\"\n          onClick={() => {\n            inputRef.current.focus();\n            inputRef.current.click();\n          }}\n        />\n      }\n    >\n      <Input\n        data-testid=\"ds-mobile-date-picker\"\n        innerRef={inputRef}\n        aria-label=\"Date Picker Input Mask\"\n        disabled={disabled}\n        onKeyDown={(e) => e.preventDefault()}\n        type=\"date\"\n        placeholder={placeholder}\n        onChange={(e) => {\n          // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n          const { target } = e.nativeEvent;\n          function iosClearDefault() {\n            target.defaultValue = '';\n          }\n          window.setTimeout(iosClearDefault, 0);\n          onChange(e);\n        }}\n        tabIndex={tabIndex}\n        value={value}\n        data-displayvalue={displayValue}\n      />\n    </DSInputGroup>\n  );\n};\n\nDSMobileDatePicker.defaultProps = {\n  disabled: false,\n  tabIndex: 0,\n  placeholder: 'MM / DD / YYYY',\n};\n\nconst props = {\n  /**\n   * defaults to false\n   */\n  disabled: PropTypes.bool.description('defaults to false'),\n  /**\n   * 0 as default\n   */\n  tabIndex: PropTypes.number.description('0 as default'),\n  /**\n   * MM / DD / YYYY as default\n   */\n  placeholder: PropTypes.string.description('MM / DD / YYYY as default'),\n  /**\n   * onChange handler, receives change event as first argument\n   */\n  onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n  /**\n   * ISO8601 string representing the date in format YYYY-MM-DD or empty string\n   */\n  value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string'),\n};\n\nDSMobileDatePicker.propTypes = props;\nDSMobileDatePicker.displayName = 'DSMobileDatePicker';\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BP;AA7BhB,mBAAyC;AACzC,8BAAoC;AACpC,qBAA6B;AAC7B,sBAA2B;AAC3B,uBAAqB;AACrB,qBAA6B;AAC7B,mBAAsB;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,SAAS,MAAM;AACnF,QAAM,eAAW,qBAAO,IAAI;AAC5B,8BAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,QAAM,eAAe,SAAS,GAAG,SAAS,QAAQ,SAAS,QAAQ,SAAS;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YACE;AAAA,QAAC,iBAAAA;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,UACvD;AAAA,UACA,MAAM,4CAAC,8BAAW;AAAA,UAClB,MAAK;AAAA,UACL,YAAW;AAAA,UACX,SAAS,MAAM;AACb,qBAAS,QAAQ,MAAM;AACvB,qBAAS,QAAQ,MAAM;AAAA,UACzB;AAAA;AAAA,MACF;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,UAAU;AAAA,UACV,cAAW;AAAA,UACX;AAAA,UACA,WAAW,CAAC,MAAM,EAAE,eAAe;AAAA,UACnC,MAAK;AAAA,UACL;AAAA,UACA,UAAU,CAAC,MAAM;AAEf,kBAAM,EAAE,OAAO,IAAI,EAAE;AACrB,qBAAS,kBAAkB;AACzB,qBAAO,eAAe;AAAA,YACxB;AACA,mBAAO,WAAW,iBAAiB,CAAC;AACpC,qBAAS,CAAC;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA,qBAAmB;AAAA;AAAA,MACrB;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA,EAIZ,UAAU,kCAAU,KAAK,YAAY,mBAAmB;AAAA,EAIxD,UAAU,kCAAU,OAAO,YAAY,cAAc;AAAA,EAIrD,aAAa,kCAAU,OAAO,YAAY,2BAA2B;AAAA,EAIrE,UAAU,kCAAU,KAAK,YAAY,2DAA2D;AAAA,EAIhG,OAAO,kCAAU,OAAO,YAAY,2EAA2E;AACjH;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,kCAAS,kBAAkB;AAEhE,6BAA6B,YAAY;",
   "names": ["DSButton"]
 }

package/dist/cjs/MobileDatePicker/index.js

@@ -22,5 +22,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var MobileDatePicker_exports = {};
 module.exports = __toCommonJS(MobileDatePicker_exports);
 var React = __toESM(require("react"));
-__reExport(MobileDatePicker_exports, require("./MobileDatePicker"), module.exports);
+__reExport(MobileDatePicker_exports, require("./MobileDatePicker.js"), module.exports);
 //# sourceMappingURL=index.js.map

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

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

package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js

@@ -34,7 +34,6 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
 var import_prop_types = __toESM(require("prop-types"));
-var import_ds_system2 = require("@elliemae/ds-system");
 var import_ds_icons = require("@elliemae/ds-icons");
 const MobileDropdownInput = import_ds_system.styled.input`
   -webkit-appearance: none;
@@ -52,7 +51,7 @@ const MobileDropdownInput = import_ds_system.styled.input`
 
   &:active,
   &:focus {
-    ${(props) => (0, import_ds_system2.focus)(props.theme.colors.brand[700])}
+    ${(props) => (0, import_ds_system.focus)(props.theme.colors.brand[700])}
   }
 `;
 const MobileDropdownInputWrap = import_ds_system.styled.span`

package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileDropdownMenu/MobileDropdownInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  caret-color: transparent;\n  padding-right: 32px;\n  padding-left: 10px;\n  border-radius: 2px;\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  height: 32px;\n  line-height: 32px;\n  border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n  &:active,\n  &:focus {\n    ${(props) => focus(props.theme.colors.brand[700])}\n  }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n  position: relative;\n  width: 100%;\n  display: inline-block;\n  height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n  width: 32px;\n  height: 32px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n  <CaretWrap onClick={onClick}>\n    <ChevronDown color={['brand-primary', '600']} />\n  </CaretWrap>\n);\n\nCaret.propTypes = {\n  onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n  inputProps,\n  caretProps,\n  selectedItemsText,\n}: {\n  inputProps: Record<string, unknown>;\n  caretProps: Record<string, unknown>;\n  selectedItemsText?: string;\n}): JSX.Element => (\n  <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n    <MobileDropdownInput {...inputProps} readOnly value={selectedItemsText ?? inputProps.value} />\n\n    <Caret {...caretProps} />\n  </MobileDropdownInputWrap>\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8CnB;AA7CJ,uBAAuB;AACvB,wBAAsB;AACtB,IAAAA,oBAAsB;AACtB,sBAA4B;AAErB,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,sBAGhC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,CAAC,cAAU,yBAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAI7C,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,QAAQ,MAC9B,4CAAC,aAAU,SACT,sDAAC,+BAAY,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,kBAAAC,QAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACF,MAKE,6CAAC,2BAAwB,eAAY,uBACnC;AAAA,8CAAC,uBAAqB,GAAG,YAAY,UAAQ,MAAC,OAAO,qBAAqB,WAAW,OAAO;AAAA,EAE5F,4CAAC,SAAO,GAAG,YAAY;AAAA,GACzB;",
-  "names": ["import_ds_system", "PropTypes"]
+  "sourcesContent": ["import React from 'react';\nimport { styled, focus } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  caret-color: transparent;\n  padding-right: 32px;\n  padding-left: 10px;\n  border-radius: 2px;\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  height: 32px;\n  line-height: 32px;\n  border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n  &:active,\n  &:focus {\n    ${(props) => focus(props.theme.colors.brand[700])}\n  }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n  position: relative;\n  width: 100%;\n  display: inline-block;\n  height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n  width: 32px;\n  height: 32px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n  <CaretWrap onClick={onClick}>\n    <ChevronDown color={['brand-primary', '600']} />\n  </CaretWrap>\n);\n\nCaret.propTypes = {\n  onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n  inputProps,\n  caretProps,\n  selectedItemsText,\n}: {\n  inputProps: Record<string, unknown>;\n  caretProps: Record<string, unknown>;\n  selectedItemsText?: string;\n}): JSX.Element => (\n  <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n    <MobileDropdownInput {...inputProps} readOnly value={selectedItemsText ?? inputProps.value} />\n\n    <Caret {...caretProps} />\n  </MobileDropdownInputWrap>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CnB;AA5CJ,uBAA8B;AAC9B,wBAAsB;AACtB,sBAA4B;AAErB,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,sBAGhC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,CAAC,cAAU,wBAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAI7C,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,QAAQ,MAC9B,4CAAC,aAAU,SACT,sDAAC,+BAAY,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,kBAAAA,QAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACF,MAKE,6CAAC,2BAAwB,eAAY,uBACnC;AAAA,8CAAC,uBAAqB,GAAG,YAAY,UAAQ,MAAC,OAAO,qBAAqB,WAAW,OAAO;AAAA,EAE5F,4CAAC,SAAO,GAAG,YAAY;AAAA,GACzB;",
+  "names": ["PropTypes"]
 }

package/dist/cjs/MobileDropdownMenu/MobileDropdownMenu.js

@@ -31,9 +31,9 @@ module.exports = __toCommonJS(MobileDropdownMenu_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_MobileContextMenu = require("../MobileContextMenu");
-var import_MobileDropdownInput = require("./MobileDropdownInput");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_MobileContextMenu = require("../MobileContextMenu/index.js");
+var import_MobileDropdownInput = require("./MobileDropdownInput.js");
 const DSMobileDropdownMenu = ({
   placeholder,
   options = [],
@@ -72,13 +72,7 @@ const DSMobileDropdownMenu = ({
     []
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_MobileDropdownInput.DSMobileDropdownTriggerInput,
-      {
-        inputProps,
-        caretProps
-      }
-    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MobileDropdownInput.DSMobileDropdownTriggerInput, { inputProps, caretProps }),
     menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_MobileContextMenu.DSMobileContextMenu,
       {
@@ -111,14 +105,14 @@ const DSMobileDropdownMenu = ({
   ] });
 };
 const props = {
-  placeholder: import_ds_utilities.PropTypes.string.description("dropdown menu placeholder"),
-  title: import_ds_utilities.PropTypes.string.description("context menu menu title"),
-  options: import_ds_utilities.PropTypes.arrayOf(
-    import_ds_utilities.PropTypes.shape({ value: import_ds_utilities.PropTypes.string, label: import_ds_utilities.PropTypes.string })
-  ).description("context menu options / items")
+  placeholder: import_ds_props_helpers.PropTypes.string.description("dropdown menu placeholder"),
+  title: import_ds_props_helpers.PropTypes.string.description("context menu menu title"),
+  options: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.shape({ value: import_ds_props_helpers.PropTypes.string, label: import_ds_props_helpers.PropTypes.string })).description(
+    "context menu options / items"
+  )
 };
 DSMobileDropdownMenu.propTypes = props;
 DSMobileDropdownMenu.displayName = "DSMobileDropdownMenu";
-const DSMobileDropdownMenuWithSchema = (0, import_ds_utilities.describe)(DSMobileDropdownMenu);
+const DSMobileDropdownMenuWithSchema = (0, import_ds_props_helpers.describe)(DSMobileDropdownMenu);
 DSMobileDropdownMenuWithSchema.propTypes = props;
 //# sourceMappingURL=MobileDropdownMenu.js.map

package/dist/cjs/MobileDropdownMenu/MobileDropdownMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileDropdownMenu/MobileDropdownMenu.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport {\n  DSMobileContextMenu,\n  DSMobileContextMenuItem,\n} from '../MobileContextMenu';\n\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput';\ninterface OptionT {\n  label: string;\n  value: string;\n}\ninterface DSMobileDropdownMenuPropsT {\n  placeholder: string;\n  value: string;\n  options: OptionT[];\n  title: string;\n  itemsProps: {\n    label?: string;\n    leftProp?: JSX.Element;\n    isGroup?: boolean;\n    isMulti?: boolean;\n    singleSelect?: boolean;\n    isItemSelected?: (opt: OptionT) => boolean;\n    onClick?: (opt: OptionT, e: any) => void;\n  };\n}\nconst DSMobileDropdownMenu = ({\n  placeholder,\n  options = [],\n  title,\n  value,\n  itemsProps = {\n    label: undefined,\n    leftProp: undefined,\n    isGroup: false,\n    isMulti: false,\n    singleSelect: false,\n    isItemSelected: () => false,\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    onClick: () => {},\n  },\n}: DSMobileDropdownMenuPropsT): JSX.Element => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const inputRef = useRef(null);\n  const inputProps = React.useMemo(\n    () => ({\n      readOnly: true,\n      value,\n      onClick: () => setMenuOpen(true),\n      ref: inputRef,\n      placeholder,\n    }),\n    [value, placeholder],\n  );\n  const caretProps = React.useMemo(\n    () => ({\n      onClick: () => {\n        inputRef.current.focus();\n        setMenuOpen(true);\n      },\n    }),\n    [],\n  );\n  return (\n    <>\n      <DSMobileDropdownTriggerInput\n        inputProps={inputProps}\n        caretProps={caretProps}\n      />\n      {menuOpen ? (\n        <DSMobileContextMenu\n          title={title}\n          open\n          onChange={(_, e) => {\n            setMenuOpen(false);\n          }}\n          onClickOutside={() => setMenuOpen(false)}\n        >\n          {options.map((opt, i) => (\n            <DSMobileContextMenuItem\n              key={'ddwn'.concat(`${i}`)}\n              title={opt.label}\n              value={opt.value}\n              isSelected={itemsProps.isItemSelected(opt)}\n              onClick={(e) => {\n                setMenuOpen(false);\n                itemsProps.onClick(opt, e);\n              }}\n              label={itemsProps.label}\n              leftProp={itemsProps.leftProp}\n              isGroup={itemsProps.isGroup}\n              isMulti={itemsProps.isMulti}\n              singleSelect={itemsProps.singleSelect}\n            />\n          ))}\n        </DSMobileContextMenu>\n      ) : null}\n    </>\n  );\n};\n\nconst props = {\n  /** dropdown menu placeholder */\n  placeholder: PropTypes.string.description('dropdown menu placeholder'),\n  /** context menu menu title */\n  title: PropTypes.string.description('context menu menu title'),\n  /** context menu options / items */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({ value: PropTypes.string, label: PropTypes.string }),\n  ).description('context menu options / items'),\n};\n\nDSMobileDropdownMenu.propTypes = props;\nDSMobileDropdownMenu.displayName = 'DSMobileDropdownMenu';\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkEnB;AAjEJ,mBAAwC;AACxC,0BAAoC;AACpC,+BAGO;AAEP,iCAA6C;AAoB7C,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB,MAAM;AAAA,IAEtB,SAAS,MAAM;AAAA,IAAC;AAAA,EAClB;AACF,MAA+C;AAC7C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,eAAW,qBAAO,IAAI;AAC5B,QAAM,aAAa,aAAAA,QAAM;AAAA,IACvB,OAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA,SAAS,MAAM,YAAY,IAAI;AAAA,MAC/B,KAAK;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,OAAO,WAAW;AAAA,EACrB;AACA,QAAM,aAAa,aAAAA,QAAM;AAAA,IACvB,OAAO;AAAA,MACL,SAAS,MAAM;AACb,iBAAS,QAAQ,MAAM;AACvB,oBAAY,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,UAAU,CAAC,GAAG,MAAM;AAClB,sBAAY,KAAK;AAAA,QACnB;AAAA,QACA,gBAAgB,MAAM,YAAY,KAAK;AAAA,QAEtC,kBAAQ,IAAI,CAAC,KAAK,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,IAAI;AAAA,YACX,OAAO,IAAI;AAAA,YACX,YAAY,WAAW,eAAe,GAAG;AAAA,YACzC,SAAS,CAAC,MAAM;AACd,0BAAY,KAAK;AACjB,yBAAW,QAAQ,KAAK,CAAC;AAAA,YAC3B;AAAA,YACA,OAAO,WAAW;AAAA,YAClB,UAAU,WAAW;AAAA,YACrB,SAAS,WAAW;AAAA,YACpB,SAAS,WAAW;AAAA,YACpB,cAAc,WAAW;AAAA;AAAA,UAZpB,OAAO,OAAO,GAAG,GAAG;AAAA,QAa3B,CACD;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,aAAa,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EAErE,OAAO,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAE7D,SAAS,8BAAU;AAAA,IACjB,8BAAU,MAAM,EAAE,OAAO,8BAAU,QAAQ,OAAO,8BAAU,OAAO,CAAC;AAAA,EACtE,EAAE,YAAY,8BAA8B;AAC9C;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,qCAAiC,8BAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSMobileContextMenu, DSMobileContextMenuItem } from '../MobileContextMenu/index.js';\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';\ninterface OptionT {\n  label: string;\n  value: string;\n}\ninterface DSMobileDropdownMenuPropsT {\n  placeholder: string;\n  value: string;\n  options: OptionT[];\n  title: string;\n  itemsProps: {\n    label?: string;\n    leftProp?: JSX.Element;\n    isGroup?: boolean;\n    isMulti?: boolean;\n    singleSelect?: boolean;\n    isItemSelected?: (opt: OptionT) => boolean;\n    onClick?: (opt: OptionT, e: any) => void;\n  };\n}\nconst DSMobileDropdownMenu = ({\n  placeholder,\n  options = [],\n  title,\n  value,\n  itemsProps = {\n    label: undefined,\n    leftProp: undefined,\n    isGroup: false,\n    isMulti: false,\n    singleSelect: false,\n    isItemSelected: () => false,\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    onClick: () => {},\n  },\n}: DSMobileDropdownMenuPropsT): JSX.Element => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const inputRef = useRef(null);\n  const inputProps = React.useMemo(\n    () => ({\n      readOnly: true,\n      value,\n      onClick: () => setMenuOpen(true),\n      ref: inputRef,\n      placeholder,\n    }),\n    [value, placeholder],\n  );\n  const caretProps = React.useMemo(\n    () => ({\n      onClick: () => {\n        inputRef.current.focus();\n        setMenuOpen(true);\n      },\n    }),\n    [],\n  );\n  return (\n    <>\n      <DSMobileDropdownTriggerInput inputProps={inputProps} caretProps={caretProps} />\n      {menuOpen ? (\n        <DSMobileContextMenu\n          title={title}\n          open\n          onChange={(_, e) => {\n            setMenuOpen(false);\n          }}\n          onClickOutside={() => setMenuOpen(false)}\n        >\n          {options.map((opt, i) => (\n            <DSMobileContextMenuItem\n              key={'ddwn'.concat(`${i}`)}\n              title={opt.label}\n              value={opt.value}\n              isSelected={itemsProps.isItemSelected(opt)}\n              onClick={(e) => {\n                setMenuOpen(false);\n                itemsProps.onClick(opt, e);\n              }}\n              label={itemsProps.label}\n              leftProp={itemsProps.leftProp}\n              isGroup={itemsProps.isGroup}\n              isMulti={itemsProps.isMulti}\n              singleSelect={itemsProps.singleSelect}\n            />\n          ))}\n        </DSMobileContextMenu>\n      ) : null}\n    </>\n  );\n};\n\nconst props = {\n  /** dropdown menu placeholder */\n  placeholder: PropTypes.string.description('dropdown menu placeholder'),\n  /** context menu menu title */\n  title: PropTypes.string.description('context menu menu title'),\n  /** context menu options / items */\n  options: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })).description(\n    'context menu options / items',\n  ),\n};\n\nDSMobileDropdownMenu.propTypes = props;\nDSMobileDropdownMenu.displayName = 'DSMobileDropdownMenu';\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8DnB;AA7DJ,mBAAwC;AACxC,8BAAoC;AACpC,+BAA6D;AAC7D,iCAA6C;AAoB7C,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB,MAAM;AAAA,IAEtB,SAAS,MAAM;AAAA,IAAC;AAAA,EAClB;AACF,MAA+C;AAC7C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,eAAW,qBAAO,IAAI;AAC5B,QAAM,aAAa,aAAAA,QAAM;AAAA,IACvB,OAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA,SAAS,MAAM,YAAY,IAAI;AAAA,MAC/B,KAAK;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,OAAO,WAAW;AAAA,EACrB;AACA,QAAM,aAAa,aAAAA,QAAM;AAAA,IACvB,OAAO;AAAA,MACL,SAAS,MAAM;AACb,iBAAS,QAAQ,MAAM;AACvB,oBAAY,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,4EACE;AAAA,gDAAC,2DAA6B,YAAwB,YAAwB;AAAA,IAC7E,WACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,UAAU,CAAC,GAAG,MAAM;AAClB,sBAAY,KAAK;AAAA,QACnB;AAAA,QACA,gBAAgB,MAAM,YAAY,KAAK;AAAA,QAEtC,kBAAQ,IAAI,CAAC,KAAK,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,IAAI;AAAA,YACX,OAAO,IAAI;AAAA,YACX,YAAY,WAAW,eAAe,GAAG;AAAA,YACzC,SAAS,CAAC,MAAM;AACd,0BAAY,KAAK;AACjB,yBAAW,QAAQ,KAAK,CAAC;AAAA,YAC3B;AAAA,YACA,OAAO,WAAW;AAAA,YAClB,UAAU,WAAW;AAAA,YACrB,SAAS,WAAW;AAAA,YACpB,SAAS,WAAW;AAAA,YACpB,cAAc,WAAW;AAAA;AAAA,UAZpB,OAAO,OAAO,GAAG,GAAG;AAAA,QAa3B,CACD;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,aAAa,kCAAU,OAAO,YAAY,2BAA2B;AAAA,EAErE,OAAO,kCAAU,OAAO,YAAY,yBAAyB;AAAA,EAE7D,SAAS,kCAAU,QAAQ,kCAAU,MAAM,EAAE,OAAO,kCAAU,QAAQ,OAAO,kCAAU,OAAO,CAAC,CAAC,EAAE;AAAA,IAChG;AAAA,EACF;AACF;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,qCAAiC,kCAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
   "names": ["React"]
 }

package/dist/cjs/MobileDropdownMenu/index.js

@@ -29,6 +29,6 @@ __export(MobileDropdownMenu_exports, {
 });
 module.exports = __toCommonJS(MobileDropdownMenu_exports);
 var React = __toESM(require("react"));
-__reExport(MobileDropdownMenu_exports, require("./MobileDropdownMenu"), module.exports);
-var import_MobileDropdownInput = require("./MobileDropdownInput");
+__reExport(MobileDropdownMenu_exports, require("./MobileDropdownMenu.js"), module.exports);
+var import_MobileDropdownInput = require("./MobileDropdownInput.js");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileDropdownMenu/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './MobileDropdownMenu';\nexport { DSMobileDropdownTriggerInput } from './MobileDropdownInput';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uCAAc,iCAAd;AACA,iCAA6C;",
+  "sourcesContent": ["export * from './MobileDropdownMenu.js';\nexport { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uCAAc,oCAAd;AACA,iCAA6C;",
   "names": []
 }

package/dist/cjs/MobileEmtpyState/MobileEmptyState.js

@@ -31,7 +31,7 @@ module.exports = __toCommonJS(MobileEmptyState_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_icons = require("@elliemae/ds-icons");
 const Wrapper = import_ds_system.styled.div`
   display: flex;
@@ -50,11 +50,11 @@ const DSMobileEmptyState = ({ label = "No search results found.", Icon }) => /*
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, { children: label })
 ] });
 const props = {
-  label: import_ds_utilities.PropTypes.string.description("empty state label"),
-  icon: import_ds_utilities.PropTypes.node.description("empty state icon")
+  label: import_ds_props_helpers.PropTypes.string.description("empty state label"),
+  icon: import_ds_props_helpers.PropTypes.node.description("empty state icon")
 };
 DSMobileEmptyState.propTypes = props;
 DSMobileEmptyState.displayName = "DSMobileEmptyState";
-const DSMobileEmptyStateWithSchema = (0, import_ds_utilities.describe)(DSMobileEmptyState);
+const DSMobileEmptyStateWithSchema = (0, import_ds_props_helpers.describe)(DSMobileEmptyState);
 DSMobileEmptyStateWithSchema.propTypes = props;
 //# sourceMappingURL=MobileEmptyState.js.map

package/dist/cjs/MobileEmtpyState/MobileEmptyState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileEmtpyState/MobileEmptyState.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n`;\n\nconst Label = styled.p`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => props.theme.space.xs};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\ninterface EmptyStateT {\n  label: string;\n  Icon: () => JSX.Element;\n}\n\nconst DSMobileEmptyState: React.ComponentType<EmptyStateT> = ({ label = 'No search results found.', Icon }) => (\n  <Wrapper>\n    {Icon ? <Icon /> : <Search size=\"xxl\" color={['neutral', 400]} />}\n    <Label>{label}</Label>\n  </Wrapper>\n);\n\nconst props = {\n  /** empty state label */\n  label: PropTypes.string.description('empty state label'),\n  icon: PropTypes.node.description('empty state icon'),\n};\n\nDSMobileEmptyState.propTypes = props;\nDSMobileEmptyState.displayName = 'DSMobileEmptyState';\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBrB;AAxBF,uBAAuB;AACvB,0BAAoC;AACpC,sBAAuB;AAEvB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,wBAAO;AAAA,WACV,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA,iBAC3B,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAQpD,MAAM,qBAAuD,CAAC,EAAE,QAAQ,4BAA4B,KAAK,MACvG,6CAAC,WACE;AAAA,SAAO,4CAAC,QAAK,IAAK,4CAAC,0BAAO,MAAK,OAAM,OAAO,CAAC,WAAW,GAAG,GAAG;AAAA,EAC/D,4CAAC,SAAO,iBAAM;AAAA,GAChB;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,MAAM,8BAAU,KAAK,YAAY,kBAAkB;AACrD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,8BAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n`;\n\nconst Label = styled.p`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => props.theme.space.xs};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\ninterface EmptyStateT {\n  label: string;\n  Icon: () => JSX.Element;\n}\n\nconst DSMobileEmptyState: React.ComponentType<EmptyStateT> = ({ label = 'No search results found.', Icon }) => (\n  <Wrapper>\n    {Icon ? <Icon /> : <Search size=\"xxl\" color={['neutral', 400]} />}\n    <Label>{label}</Label>\n  </Wrapper>\n);\n\nconst props = {\n  /** empty state label */\n  label: PropTypes.string.description('empty state label'),\n  icon: PropTypes.node.description('empty state icon'),\n};\n\nDSMobileEmptyState.propTypes = props;\nDSMobileEmptyState.displayName = 'DSMobileEmptyState';\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBrB;AAxBF,uBAAuB;AACvB,8BAAoC;AACpC,sBAAuB;AAEvB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,wBAAO;AAAA,WACV,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA,iBAC3B,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAQpD,MAAM,qBAAuD,CAAC,EAAE,QAAQ,4BAA4B,KAAK,MACvG,6CAAC,WACE;AAAA,SAAO,4CAAC,QAAK,IAAK,4CAAC,0BAAO,MAAK,OAAM,OAAO,CAAC,WAAW,GAAG,GAAG;AAAA,EAC/D,4CAAC,SAAO,iBAAM;AAAA,GAChB;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,kCAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,MAAM,kCAAU,KAAK,YAAY,kBAAkB;AACrD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,kCAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
   "names": ["props"]
 }

package/dist/cjs/MobileEmtpyState/index.js

@@ -29,7 +29,7 @@ __export(MobileEmtpyState_exports, {
 });
 module.exports = __toCommonJS(MobileEmtpyState_exports);
 var React = __toESM(require("react"));
-var import_MobileEmptyState = require("./MobileEmptyState");
-__reExport(MobileEmtpyState_exports, require("./MobileEmptyState"), module.exports);
+var import_MobileEmptyState = require("./MobileEmptyState.js");
+__reExport(MobileEmtpyState_exports, require("./MobileEmptyState.js"), module.exports);
 var MobileEmtpyState_default = import_MobileEmptyState.DSMobileEmptyState;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileEmtpyState/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { DSMobileEmptyState } from './MobileEmptyState';\n\nexport * from './MobileEmptyState';\nexport default DSMobileEmptyState;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAmC;AAEnC,qCAAc,+BAFd;AAGA,IAAO,2BAAQ;",
+  "sourcesContent": ["import { DSMobileEmptyState } from './MobileEmptyState.js';\n\nexport * from './MobileEmptyState.js';\nexport default DSMobileEmptyState;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAmC;AAEnC,qCAAc,kCAFd;AAGA,IAAO,2BAAQ;",
   "names": []
 }

package/dist/cjs/MobileFilterbar/Filterbar.js

@@ -31,15 +31,14 @@ module.exports = __toCommonJS(Filterbar_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_system2 = require("@elliemae/ds-system");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_grid = require("@elliemae/ds-grid");
-var import_MobileSeparator = __toESM(require("../MobileSeparator"));
+var import_MobileSeparator = __toESM(require("../MobileSeparator/index.js"));
 const Bar = import_ds_system.styled.div`
   display: flex;
   overflow: auto;
   background-color: ${(props) => props.theme.colors.neutral["000"]};
-  padding-left: ${(props) => (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
+  padding-left: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
   & > * {
     flex-shrink: 0;
   }
@@ -58,10 +57,10 @@ const DSMobileFilterbar = ({ children }) => /* @__PURE__ */ (0, import_jsx_runti
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MobileSeparator.default, { margin: "xxs", color: ["neutral", "300"] }) })
 ] });
 const filterbarProps = {
-  children: import_ds_utilities.PropTypes.element.description("FilterBar Items").isRequired
+  children: import_ds_props_helpers.PropTypes.element.description("FilterBar Items").isRequired
 };
 DSMobileFilterbar.propTypes = filterbarProps;
 DSMobileFilterbar.displayName = "DSMobileFilterbar";
-const FilterbarWithSchema = (0, import_ds_utilities.describe)(DSMobileFilterbar);
+const FilterbarWithSchema = (0, import_ds_props_helpers.describe)(DSMobileFilterbar);
 FilterbarWithSchema.propTypes = filterbarProps;
 //# sourceMappingURL=Filterbar.js.map

package/dist/cjs/MobileFilterbar/Filterbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileFilterbar/Filterbar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Bar = styled.div`\n  display: flex;\n  overflow: auto;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  & > * {\n    flex-shrink: 0;\n  }\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst Separator = styled.div`\n  & > * {\n    margin: 0;\n  }\n`;\n\nconst DSMobileFilterbar = ({ children }) => (\n  <Grid rows={['auto', 'auto']} data-testid=\"filter-bar-wrapper\">\n    <Bar>{children}</Bar>\n    <Separator>\n      <MobileSeparator margin=\"xxs\" color={['neutral', '300']} />\n    </Separator>\n  </Grid>\n);\n\nconst filterbarProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n};\n\nDSMobileFilterbar.propTypes = filterbarProps;\nDSMobileFilterbar.displayName = 'DSMobileFilterbar';\nconst FilterbarWithSchema = describe(DSMobileFilterbar);\nFilterbarWithSchema.propTypes = filterbarProps;\n\nexport { DSMobileFilterbar, FilterbarWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BrB;AA3BF,uBAAuB;AACvB,0BAAoC;AACpC,IAAAA,oBAAyC;AACzC,qBAAqB;AACrB,6BAA4B;AAE5B,MAAM,MAAM,wBAAO;AAAA;AAAA;AAAA,sBAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,kBAC1C,CAAC,cAAU,4CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU1E,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,oBAAoB,CAAC,EAAE,SAAS,MACpC,6CAAC,uBAAK,MAAM,CAAC,QAAQ,MAAM,GAAG,eAAY,sBACxC;AAAA,8CAAC,OAAK,UAAS;AAAA,EACf,4CAAC,aACC,sDAAC,uBAAAC,SAAA,EAAgB,QAAO,OAAM,OAAO,CAAC,WAAW,KAAK,GAAG,GAC3D;AAAA,GACF;AAGF,MAAM,iBAAiB;AAAA,EACrB,UAAU,8BAAU,QAAQ,YAAY,iBAAiB,EAAE;AAC7D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,0BAAsB,8BAAS,iBAAiB;AACtD,oBAAoB,YAAY;",
-  "names": ["import_ds_system", "MobileSeparator"]
+  "sourcesContent": ["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator/index.js';\n\nconst Bar = styled.div`\n  display: flex;\n  overflow: auto;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  & > * {\n    flex-shrink: 0;\n  }\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst Separator = styled.div`\n  & > * {\n    margin: 0;\n  }\n`;\n\nconst DSMobileFilterbar = ({ children }) => (\n  <Grid rows={['auto', 'auto']} data-testid=\"filter-bar-wrapper\">\n    <Bar>{children}</Bar>\n    <Separator>\n      <MobileSeparator margin=\"xxs\" color={['neutral', '300']} />\n    </Separator>\n  </Grid>\n);\n\nconst filterbarProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n};\n\nDSMobileFilterbar.propTypes = filterbarProps;\nDSMobileFilterbar.displayName = 'DSMobileFilterbar';\nconst FilterbarWithSchema = describe(DSMobileFilterbar);\nFilterbarWithSchema.propTypes = filterbarProps;\n\nexport { DSMobileFilterbar, FilterbarWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4BrB;AA1BF,uBAAiD;AACjD,8BAAoC;AACpC,qBAAqB;AACrB,6BAA4B;AAE5B,MAAM,MAAM,wBAAO;AAAA;AAAA;AAAA,sBAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,kBAC1C,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU1E,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,oBAAoB,CAAC,EAAE,SAAS,MACpC,6CAAC,uBAAK,MAAM,CAAC,QAAQ,MAAM,GAAG,eAAY,sBACxC;AAAA,8CAAC,OAAK,UAAS;AAAA,EACf,4CAAC,aACC,sDAAC,uBAAAA,SAAA,EAAgB,QAAO,OAAM,OAAO,CAAC,WAAW,KAAK,GAAG,GAC3D;AAAA,GACF;AAGF,MAAM,iBAAiB;AAAA,EACrB,UAAU,kCAAU,QAAQ,YAAY,iBAAiB,EAAE;AAC7D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,0BAAsB,kCAAS,iBAAiB;AACtD,oBAAoB,YAAY;",
+  "names": ["MobileSeparator"]
 }

package/dist/cjs/MobileFilterbar/FilterbarItem.js

@@ -30,15 +30,15 @@ __export(FilterbarItem_exports, {
 module.exports = __toCommonJS(FilterbarItem_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_grid = require("@elliemae/ds-grid");
 const DSMobileFilterbarItem = ({ children, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { "data-testid": "filter-bar-item-wrapper", cols: ["min-content"], pr: "xxs", pt: "xxs", role: "button", onClick, children });
 const filterbarItemProps = {
-  children: import_ds_utilities.PropTypes.element.description("FilterBar Items").isRequired,
-  onClick: import_ds_utilities.PropTypes.func.description("Function executed when clicking filterbar item")
+  children: import_ds_props_helpers.PropTypes.element.description("FilterBar Items").isRequired,
+  onClick: import_ds_props_helpers.PropTypes.func.description("Function executed when clicking filterbar item")
 };
 DSMobileFilterbarItem.propTypes = filterbarItemProps;
 DSMobileFilterbarItem.displayName = "DSMobileFilterbarItem";
-const FilterbarItemWithSchema = (0, import_ds_utilities.describe)(DSMobileFilterbarItem);
+const FilterbarItemWithSchema = (0, import_ds_props_helpers.describe)(DSMobileFilterbarItem);
 FilterbarItemWithSchema.propTypes = filterbarItemProps;
 //# sourceMappingURL=FilterbarItem.js.map

package/dist/cjs/MobileFilterbar/FilterbarItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileFilterbar/FilterbarItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSMobileFilterbarItem = ({ children, onClick }) => (\n  <Grid data-testid=\"filter-bar-item-wrapper\" cols={['min-content']} pr=\"xxs\" pt=\"xxs\" role=\"button\" onClick={onClick}>\n    {children}\n  </Grid>\n);\nconst filterbarItemProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n  onClick: PropTypes.func.description('Function executed when clicking filterbar item'),\n};\n\nDSMobileFilterbarItem.propTypes = filterbarItemProps;\nDSMobileFilterbarItem.displayName = 'DSMobileFilterbarItem';\nconst FilterbarItemWithSchema = describe(DSMobileFilterbarItem);\nFilterbarItemWithSchema.propTypes = filterbarItemProps;\n\nexport { DSMobileFilterbarItem, FilterbarItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKrB;AAJF,0BAAoC;AACpC,qBAAqB;AAErB,MAAM,wBAAwB,CAAC,EAAE,UAAU,QAAQ,MACjD,4CAAC,uBAAK,eAAY,2BAA0B,MAAM,CAAC,aAAa,GAAG,IAAG,OAAM,IAAG,OAAM,MAAK,UAAS,SAChG,UACH;AAEF,MAAM,qBAAqB;AAAA,EACzB,UAAU,8BAAU,QAAQ,YAAY,iBAAiB,EAAE;AAAA,EAC3D,SAAS,8BAAU,KAAK,YAAY,gDAAgD;AACtF;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,8BAA0B,8BAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSMobileFilterbarItem = ({ children, onClick }) => (\n  <Grid data-testid=\"filter-bar-item-wrapper\" cols={['min-content']} pr=\"xxs\" pt=\"xxs\" role=\"button\" onClick={onClick}>\n    {children}\n  </Grid>\n);\nconst filterbarItemProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n  onClick: PropTypes.func.description('Function executed when clicking filterbar item'),\n};\n\nDSMobileFilterbarItem.propTypes = filterbarItemProps;\nDSMobileFilterbarItem.displayName = 'DSMobileFilterbarItem';\nconst FilterbarItemWithSchema = describe(DSMobileFilterbarItem);\nFilterbarItemWithSchema.propTypes = filterbarItemProps;\n\nexport { DSMobileFilterbarItem, FilterbarItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKrB;AAJF,8BAAoC;AACpC,qBAAqB;AAErB,MAAM,wBAAwB,CAAC,EAAE,UAAU,QAAQ,MACjD,4CAAC,uBAAK,eAAY,2BAA0B,MAAM,CAAC,aAAa,GAAG,IAAG,OAAM,IAAG,OAAM,MAAK,UAAS,SAChG,UACH;AAEF,MAAM,qBAAqB;AAAA,EACzB,UAAU,kCAAU,QAAQ,YAAY,iBAAiB,EAAE;AAAA,EAC3D,SAAS,kCAAU,KAAK,YAAY,gDAAgD;AACtF;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,8BAA0B,kCAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
   "names": []
 }

package/dist/cjs/MobileFilterbar/FilterbarSort.js

@@ -30,10 +30,10 @@ __export(FilterbarSort_exports, {
 module.exports = __toCommonJS(FilterbarSort_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
-var import_MobileSeparator = __toESM(require("../MobileSeparator"));
+var import_MobileSeparator = __toESM(require("../MobileSeparator/index.js"));
 const Separator = import_ds_system.styled.div`
   & > * {
     margin-left: 0;
@@ -44,10 +44,10 @@ const DSMobileFilterbarSort = ({ children }) => /* @__PURE__ */ (0, import_jsx_r
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { pb: "xxs", pt: "xxs", cols: ["min-content"], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MobileSeparator.default, { margin: "xxs", direction: "vertical", color: ["neutral", "300"] }) }) })
 ] });
 const filterbarSortProps = {
-  children: import_ds_utilities.PropTypes.element.description("FilterBar Sort Item").isRequired
+  children: import_ds_props_helpers.PropTypes.element.description("FilterBar Sort Item").isRequired
 };
 DSMobileFilterbarSort.propTypes = filterbarSortProps;
 DSMobileFilterbarSort.displayName = "DSMobileFilterbarSort";
-const FilterbarSortWithSchema = (0, import_ds_utilities.describe)(DSMobileFilterbarSort);
+const FilterbarSortWithSchema = (0, import_ds_props_helpers.describe)(DSMobileFilterbarSort);
 FilterbarSortWithSchema.propTypes = filterbarSortProps;
 //# sourceMappingURL=FilterbarSort.js.map

package/dist/cjs/MobileFilterbar/FilterbarSort.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileFilterbar/FilterbarSort.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Separator = styled.div`\n  & > * {\n    margin-left: 0;\n  }\n`;\n\nconst DSMobileFilterbarSort = ({ children }) => (\n  <>\n    {children}\n    <Grid pb=\"xxs\" pt=\"xxs\" cols={['min-content']}>\n      <Separator>\n        <MobileSeparator margin=\"xxs\" direction=\"vertical\" color={['neutral', '300']} />\n      </Separator>\n    </Grid>\n  </>\n);\n\nconst filterbarSortProps = {\n  children: PropTypes.element.description('FilterBar Sort Item').isRequired,\n};\n\nDSMobileFilterbarSort.propTypes = filterbarSortProps;\nDSMobileFilterbarSort.displayName = 'DSMobileFilterbarSort';\nconst FilterbarSortWithSchema = describe(DSMobileFilterbarSort);\nFilterbarSortWithSchema.propTypes = filterbarSortProps;\n\nexport { DSMobileFilterbarSort, FilterbarSortWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADarB;AAZF,0BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AACrB,6BAA4B;AAE5B,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,wBAAwB,CAAC,EAAE,SAAS,MACxC,4EACG;AAAA;AAAA,EACD,4CAAC,uBAAK,IAAG,OAAM,IAAG,OAAM,MAAM,CAAC,aAAa,GAC1C,sDAAC,aACC,sDAAC,uBAAAA,SAAA,EAAgB,QAAO,OAAM,WAAU,YAAW,OAAO,CAAC,WAAW,KAAK,GAAG,GAChF,GACF;AAAA,GACF;AAGF,MAAM,qBAAqB;AAAA,EACzB,UAAU,8BAAU,QAAQ,YAAY,qBAAqB,EAAE;AACjE;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,8BAA0B,8BAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator/index.js';\n\nconst Separator = styled.div`\n  & > * {\n    margin-left: 0;\n  }\n`;\n\nconst DSMobileFilterbarSort = ({ children }) => (\n  <>\n    {children}\n    <Grid pb=\"xxs\" pt=\"xxs\" cols={['min-content']}>\n      <Separator>\n        <MobileSeparator margin=\"xxs\" direction=\"vertical\" color={['neutral', '300']} />\n      </Separator>\n    </Grid>\n  </>\n);\n\nconst filterbarSortProps = {\n  children: PropTypes.element.description('FilterBar Sort Item').isRequired,\n};\n\nDSMobileFilterbarSort.propTypes = filterbarSortProps;\nDSMobileFilterbarSort.displayName = 'DSMobileFilterbarSort';\nconst FilterbarSortWithSchema = describe(DSMobileFilterbarSort);\nFilterbarSortWithSchema.propTypes = filterbarSortProps;\n\nexport { DSMobileFilterbarSort, FilterbarSortWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADarB;AAZF,8BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AACrB,6BAA4B;AAE5B,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,wBAAwB,CAAC,EAAE,SAAS,MACxC,4EACG;AAAA;AAAA,EACD,4CAAC,uBAAK,IAAG,OAAM,IAAG,OAAM,MAAM,CAAC,aAAa,GAC1C,sDAAC,aACC,sDAAC,uBAAAA,SAAA,EAAgB,QAAO,OAAM,WAAU,YAAW,OAAO,CAAC,WAAW,KAAK,GAAG,GAChF,GACF;AAAA,GACF;AAGF,MAAM,qBAAqB;AAAA,EACzB,UAAU,kCAAU,QAAQ,YAAY,qBAAqB,EAAE;AACjE;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,8BAA0B,kCAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
   "names": ["MobileSeparator"]
 }

package/dist/cjs/MobileFilterbar/index.js

@@ -33,7 +33,7 @@ __export(MobileFilterbar_exports, {
 });
 module.exports = __toCommonJS(MobileFilterbar_exports);
 var React = __toESM(require("react"));
-var import_Filterbar = require("./Filterbar");
-var import_FilterbarSort = require("./FilterbarSort");
-var import_FilterbarItem = require("./FilterbarItem");
+var import_Filterbar = require("./Filterbar.js");
+var import_FilterbarSort = require("./FilterbarSort.js");
+var import_FilterbarItem = require("./FilterbarItem.js");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileFilterbar/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { DSMobileFilterbar, FilterbarWithSchema } from './Filterbar';\nimport {\n  DSMobileFilterbarSort,\n  FilterbarSortWithSchema,\n} from './FilterbarSort';\nimport {\n  DSMobileFilterbarItem,\n  FilterbarItemWithSchema,\n} from './FilterbarItem';\nexport {\n  DSMobileFilterbarSort,\n  DSMobileFilterbar,\n  DSMobileFilterbarItem,\n  FilterbarWithSchema,\n  FilterbarSortWithSchema,\n  FilterbarItemWithSchema,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuD;AACvD,2BAGO;AACP,2BAGO;",
+  "sourcesContent": ["import { DSMobileFilterbar, FilterbarWithSchema } from './Filterbar.js';\nimport { DSMobileFilterbarSort, FilterbarSortWithSchema } from './FilterbarSort.js';\nimport { DSMobileFilterbarItem, FilterbarItemWithSchema } from './FilterbarItem.js';\nexport {\n  DSMobileFilterbarSort,\n  DSMobileFilterbar,\n  DSMobileFilterbarItem,\n  FilterbarWithSchema,\n  FilterbarSortWithSchema,\n  FilterbarItemWithSchema,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuD;AACvD,2BAA+D;AAC/D,2BAA+D;",
   "names": []
 }

package/dist/cjs/MobileFooter/Action.js

@@ -33,7 +33,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const Label = import_ds_system.styled.span`
   ${import_ds_system.typography}
   ${(0, import_ds_system.color)("neutral", "800")}
@@ -58,12 +58,12 @@ const DSMobileFooterAction = ({ label, icon, onClick }) => /* @__PURE__ */ (0, i
   }
 );
 const actionProps = {
-  label: import_ds_utilities.PropTypes.string.description("Action label"),
-  icon: import_ds_utilities.PropTypes.element.description("Action icon"),
-  onClick: import_ds_utilities.PropTypes.func.description("onClick callback")
+  label: import_ds_props_helpers.PropTypes.string.description("Action label"),
+  icon: import_ds_props_helpers.PropTypes.element.description("Action icon"),
+  onClick: import_ds_props_helpers.PropTypes.func.description("onClick callback")
 };
 DSMobileFooterAction.propTypes = actionProps;
 DSMobileFooterAction.displayName = "DSMobileFooterAction";
-const DSMobileFooterActionWithSchema = (0, import_ds_utilities.describe)(DSMobileFooterAction).description("Mobile footer action");
+const DSMobileFooterActionWithSchema = (0, import_ds_props_helpers.describe)(DSMobileFooterAction).description("Mobile footer action");
 DSMobileFooterActionWithSchema.propTypes = actionProps;
 //# sourceMappingURL=Action.js.map