@elliemae/ds-mobile 3.12.0-rc.2 → 3.12.0-rc.21

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

@@ -2,6 +2,6 @@
   "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;AAAA,EACE;AAAA,WAAO,4CAAC,QAAK,IAAK,4CAAC;AAAA,MAAO,MAAK;AAAA,MAAM,OAAO,CAAC,WAAW,GAAG;AAAA,KAAG;AAAA,IAC/D,4CAAC;AAAA,MAAO;AAAA,KAAM;AAAA;AAAA,CAChB;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;",
+  "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;",
   "names": ["props"]
 }

package/dist/cjs/MobileFilterbar/Filterbar.js

@@ -53,21 +53,10 @@ const Separator = import_ds_system.styled.div`
     margin: 0;
   }
 `;
-const DSMobileFilterbar = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
-  rows: ["auto", "auto"],
-  "data-testid": "filter-bar-wrapper",
-  children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bar, {
-      children
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, {
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MobileSeparator.default, {
-        margin: "xxs",
-        color: ["neutral", "300"]
-      })
-    })
-  ]
-});
+const DSMobileFilterbar = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { rows: ["auto", "auto"], "data-testid": "filter-bar-wrapper", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bar, { children }),
+  /* @__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
 };

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

@@ -2,6 +2,6 @@
   "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;AAAA,EAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,EAAG,eAAY;AAAA,EACxC;AAAA,gDAAC;AAAA,MAAK;AAAA,KAAS;AAAA,IACf,4CAAC;AAAA,MACC,sDAAC,uBAAAC,SAAA;AAAA,QAAgB,QAAO;AAAA,QAAM,OAAO,CAAC,WAAW,KAAK;AAAA,OAAG;AAAA,KAC3D;AAAA;AAAA,CACF;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;",
+  "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"]
 }

package/dist/cjs/MobileFilterbar/FilterbarItem.js

@@ -32,15 +32,7 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 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 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")

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

@@ -2,6 +2,6 @@
   "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;AAAA,EAAK,eAAY;AAAA,EAA0B,MAAM,CAAC,aAAa;AAAA,EAAG,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,MAAK;AAAA,EAAS;AAAA,EAChG;AAAA,CACH;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;",
+  "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;",
   "names": []
 }

package/dist/cjs/MobileFilterbar/FilterbarSort.js

@@ -39,23 +39,10 @@ const Separator = import_ds_system.styled.div`
     margin-left: 0;
   }
 `;
-const DSMobileFilterbarSort = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-  children: [
-    children,
-    /* @__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 DSMobileFilterbarSort = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  children,
+  /* @__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
 };

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

@@ -2,6 +2,6 @@
   "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;AAAA,EACG;AAAA;AAAA,IACD,4CAAC;AAAA,MAAK,IAAG;AAAA,MAAM,IAAG;AAAA,MAAM,MAAM,CAAC,aAAa;AAAA,MAC1C,sDAAC;AAAA,QACC,sDAAC,uBAAAA,SAAA;AAAA,UAAgB,QAAO;AAAA,UAAM,WAAU;AAAA,UAAW,OAAO,CAAC,WAAW,KAAK;AAAA,SAAG;AAAA,OAChF;AAAA,KACF;AAAA;AAAA,CACF;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;",
+  "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;",
   "names": ["MobileSeparator"]
 }

package/dist/cjs/MobileFooter/Action.js

@@ -40,30 +40,23 @@ const Label = import_ds_system.styled.span`
   padding-bottom: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)};
   padding-top: calc(${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)} / 2);
 `;
-const DSMobileFooterAction = ({ label, icon, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
-  "data-testid": "ds-mobile-footer-action",
-  rows: ["auto"].concat(label ? "min-content" : "none"),
-  justifyContent: "center",
-  role: "button",
-  onClick,
-  children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
-      justifyContent: "center",
-      alignItems: "center",
-      children: import_react.default.cloneElement(icon, {
+const DSMobileFooterAction = ({ label, icon, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  import_ds_grid.Grid,
+  {
+    "data-testid": "ds-mobile-footer-action",
+    rows: ["auto"].concat(label ? "min-content" : "none"),
+    justifyContent: "center",
+    role: "button",
+    onClick,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { justifyContent: "center", alignItems: "center", children: import_react.default.cloneElement(icon, {
         "data-testid": "ds-mobile-footer-action-icon",
         size: !label ? "l" : "m"
-      })
-    }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
-      justifyContent: "center",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
-        fontSize: "11px",
-        children: label
-      })
-    })
-  ]
-});
+      }) }),
+      label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, { fontSize: "11px", children: label }) })
+    ]
+  }
+);
 const actionProps = {
   label: import_ds_utilities.PropTypes.string.description("Action label"),
   icon: import_ds_utilities.PropTypes.element.description("Action icon"),

package/dist/cjs/MobileFooter/Action.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFooter/Action.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport { styled, typography, color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\n\nconst Label = styled.span`\n  ${typography}\n  ${color('neutral', '800')}\n  padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  padding-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} / 2);\n`;\n\nconst DSMobileFooterAction = ({ label, icon, onClick }) => (\n  <Grid\n    data-testid=\"ds-mobile-footer-action\"\n    rows={['auto'].concat(label ? 'min-content' : 'none')}\n    justifyContent=\"center\"\n    role=\"button\"\n    onClick={onClick}\n  >\n    <Grid justifyContent=\"center\" alignItems=\"center\">\n      {React.cloneElement(icon, {\n        'data-testid': 'ds-mobile-footer-action-icon',\n        size: !label ? 'l' : 'm',\n      })}\n    </Grid>\n\n    {label && (\n      <Grid justifyContent=\"center\">\n        <Label fontSize=\"11px\">{label}</Label>\n      </Grid>\n    )}\n  </Grid>\n);\n\nconst actionProps = {\n  /** Action label */\n  label: PropTypes.string.description('Action label'),\n  /** Action icon */\n  icon: PropTypes.element.description('Action icon'),\n  /** onClick callback */\n  onClick: PropTypes.func.description('onClick callback'),\n};\n\nDSMobileFooterAction.propTypes = actionProps;\nDSMobileFooterAction.displayName = 'DSMobileFooterAction';\nconst DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');\nDSMobileFooterActionWithSchema.propTypes = actionProps;\n\nexport { DSMobileFooterAction, DSMobileFooterActionWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADerB;AAbF,mBAAkB;AAClB,uBAAoE;AACpE,qBAAqB;AACrB,0BAAoC;AAEpC,MAAM,QAAQ,wBAAO;AAAA,IACjB;AAAA,QACA,wBAAM,WAAW,KAAK;AAAA,oBACN,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,GAAG;AAAA,sBACvD,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAG/E,MAAM,uBAAuB,CAAC,EAAE,OAAO,MAAM,QAAQ,MACnD,6CAAC;AAAA,EACC,eAAY;AAAA,EACZ,MAAM,CAAC,MAAM,EAAE,OAAO,QAAQ,gBAAgB,MAAM;AAAA,EACpD,gBAAe;AAAA,EACf,MAAK;AAAA,EACL;AAAA,EAEA;AAAA,gDAAC;AAAA,MAAK,gBAAe;AAAA,MAAS,YAAW;AAAA,MACtC,uBAAAA,QAAM,aAAa,MAAM;AAAA,QACxB,eAAe;AAAA,QACf,MAAM,CAAC,QAAQ,MAAM;AAAA,MACvB,CAAC;AAAA,KACH;AAAA,IAEC,SACC,4CAAC;AAAA,MAAK,gBAAe;AAAA,MACnB,sDAAC;AAAA,QAAM,UAAS;AAAA,QAAQ;AAAA,OAAM;AAAA,KAChC;AAAA;AAAA,CAEJ;AAGF,MAAM,cAAc;AAAA,EAElB,OAAO,8BAAU,OAAO,YAAY,cAAc;AAAA,EAElD,MAAM,8BAAU,QAAQ,YAAY,aAAa;AAAA,EAEjD,SAAS,8BAAU,KAAK,YAAY,kBAAkB;AACxD;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,qCAAiC,8BAAS,oBAAoB,EAAE,YAAY,sBAAsB;AACxG,+BAA+B,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADerB;AAbF,mBAAkB;AAClB,uBAAoE;AACpE,qBAAqB;AACrB,0BAAoC;AAEpC,MAAM,QAAQ,wBAAO;AAAA,IACjB;AAAA,QACA,wBAAM,WAAW,KAAK;AAAA,oBACN,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,GAAG;AAAA,sBACvD,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAG/E,MAAM,uBAAuB,CAAC,EAAE,OAAO,MAAM,QAAQ,MACnD;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,MAAM,CAAC,MAAM,EAAE,OAAO,QAAQ,gBAAgB,MAAM;AAAA,IACpD,gBAAe;AAAA,IACf,MAAK;AAAA,IACL;AAAA,IAEA;AAAA,kDAAC,uBAAK,gBAAe,UAAS,YAAW,UACtC,uBAAAA,QAAM,aAAa,MAAM;AAAA,QACxB,eAAe;AAAA,QACf,MAAM,CAAC,QAAQ,MAAM;AAAA,MACvB,CAAC,GACH;AAAA,MAEC,SACC,4CAAC,uBAAK,gBAAe,UACnB,sDAAC,SAAM,UAAS,QAAQ,iBAAM,GAChC;AAAA;AAAA;AAEJ;AAGF,MAAM,cAAc;AAAA,EAElB,OAAO,8BAAU,OAAO,YAAY,cAAc;AAAA,EAElD,MAAM,8BAAU,QAAQ,YAAY,aAAa;AAAA,EAEjD,SAAS,8BAAU,KAAK,YAAY,kBAAkB;AACxD;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,qCAAiC,8BAAS,oBAAoB,EAAE,YAAY,sBAAsB;AACxG,+BAA+B,YAAY;",
   "names": ["React"]
 }

package/dist/cjs/MobileFooter/Footer.js

@@ -51,17 +51,16 @@ const MobileFooter = ({ children }) => {
     }
     return childArr.map(() => `${100 / childArr.length}%`);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterWrap, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterWrap, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_grid.Grid,
+    {
       cols: setCols(),
       gutter: isButtonType ? "xs" : void 0,
       justifyContent: "center",
       alignItems: isButtonType ? "center" : void 0,
-      children: childArr.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
-        children: c
-      }, i))
-    })
-  });
+      children: childArr.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { children: c }, i))
+    }
+  ) });
 };
 const footerProps = {
   children: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.element, import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element)]).isRequired.description(

package/dist/cjs/MobileFooter/Footer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFooter/Footer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { border, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport DSButton from '@elliemae/ds-button';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { DSMobileFooterText } from './Text';\n\nconst FooterWrap = styled(Grid)`\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n  border-top: ${(props) => border(props.theme.colors.neutral[100])};\n  height: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`};\n`;\n\nconst MobileFooter = ({ children }) => {\n  const childArr = React.Children.toArray(children);\n  const isButtonType = childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;\n  const setCols = () => {\n    if (isButtonType) {\n      return childArr.length === 1 ? ['90%'] : ['45%', '45%'];\n    }\n    return childArr.map(() => `${100 / childArr.length}%`);\n  };\n  return (\n    <FooterWrap>\n      <Grid\n        cols={setCols()}\n        gutter={isButtonType ? 'xs' : undefined}\n        justifyContent=\"center\"\n        alignItems={isButtonType ? 'center' : undefined}\n      >\n        {childArr.map((c, i) => (\n          // eslint-disable-next-line react/no-array-index-key\n          <Grid key={i}>{c}</Grid>\n        ))}\n      </Grid>\n    </FooterWrap>\n  );\n};\n\nconst footerProps = {\n  /**\n   * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(\n    'Instance of DSButton, DSMobileFooterText or DSMobileFooterAction',\n  ),\n};\n\nMobileFooter.propTypes = footerProps;\nMobileFooter.displayName = 'MobileFooter';\nconst MobileFooterWithSchema = describe(MobileFooter);\nMobileFooterWithSchema.propTypes = footerProps;\n\nexport default MobileFooter;\n\nexport { MobileFooterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCb;AAjCV,mBAAkB;AAClB,uBAAuB;AACvB,IAAAA,oBAAiD;AACjD,qBAAqB;AACrB,uBAAqB;AACrB,0BAAoC;AACpC,kBAAmC;AAEnC,MAAM,iBAAa,yBAAO,mBAAI;AAAA,sBACR,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,IAAI;AAAA,YACrD,CAAC,UAAU,YAAQ,4CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAG5E,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM;AACrC,QAAM,WAAW,aAAAC,QAAM,SAAS,QAAQ,QAAQ;AAChD,QAAM,eAAe,SAAS,GAAG,SAAS,kCAAsB,SAAS,GAAG,SAAS,iBAAAC;AACrF,QAAM,UAAU,MAAM;AACpB,QAAI,cAAc;AAChB,aAAO,SAAS,WAAW,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,KAAK;AAAA,IACxD;AACA,WAAO,SAAS,IAAI,MAAM,GAAG,MAAM,SAAS,SAAS;AAAA,EACvD;AACA,SACE,4CAAC;AAAA,IACC,sDAAC;AAAA,MACC,MAAM,QAAQ;AAAA,MACd,QAAQ,eAAe,OAAO;AAAA,MAC9B,gBAAe;AAAA,MACf,YAAY,eAAe,WAAW;AAAA,MAErC,mBAAS,IAAI,CAAC,GAAG,MAEhB,4CAAC;AAAA,QAAc;AAAA,SAAJ,CAAM,CAClB;AAAA,KACH;AAAA,GACF;AAEJ;AAEA,MAAM,cAAc;AAAA,EAIlB,UAAU,8BAAU,UAAU,CAAC,8BAAU,SAAS,8BAAU,QAAQ,8BAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,IAAO,iBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCb;AAjCV,mBAAkB;AAClB,uBAAuB;AACvB,IAAAA,oBAAiD;AACjD,qBAAqB;AACrB,uBAAqB;AACrB,0BAAoC;AACpC,kBAAmC;AAEnC,MAAM,iBAAa,yBAAO,mBAAI;AAAA,sBACR,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,IAAI;AAAA,YACrD,CAAC,UAAU,YAAQ,4CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAG5E,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM;AACrC,QAAM,WAAW,aAAAC,QAAM,SAAS,QAAQ,QAAQ;AAChD,QAAM,eAAe,SAAS,GAAG,SAAS,kCAAsB,SAAS,GAAG,SAAS,iBAAAC;AACrF,QAAM,UAAU,MAAM;AACpB,QAAI,cAAc;AAChB,aAAO,SAAS,WAAW,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,KAAK;AAAA,IACxD;AACA,WAAO,SAAS,IAAI,MAAM,GAAG,MAAM,SAAS,SAAS;AAAA,EACvD;AACA,SACE,4CAAC,cACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ;AAAA,MACd,QAAQ,eAAe,OAAO;AAAA,MAC9B,gBAAe;AAAA,MACf,YAAY,eAAe,WAAW;AAAA,MAErC,mBAAS,IAAI,CAAC,GAAG,MAEhB,4CAAC,uBAAc,eAAJ,CAAM,CAClB;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,MAAM,cAAc;AAAA,EAIlB,UAAU,8BAAU,UAAU,CAAC,8BAAU,SAAS,8BAAU,QAAQ,8BAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,IAAO,iBAAQ;",
   "names": ["import_ds_system", "React", "DSButton"]
 }

package/dist/cjs/MobileFooter/Text.js

@@ -39,9 +39,7 @@ const Text = import_ds_system.styled.p`
   ${(0, import_ds_system2.textStyle)("body")}
   ${(0, import_ds_system2.color)("neutral", "800")}
 `;
-const DSMobileFooterText = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-  children
-});
+const DSMobileFooterText = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children });
 const props = {
   children: import_ds_utilities.PropTypes.string.isRequired.description("Children")
 };

package/dist/cjs/MobileFooter/Text.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFooter/Text.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { textStyle, truncate, color } from '@elliemae/ds-system';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\n\nconst Text = styled.p`\n  margin: auto 0;\n  ${truncate()}\n  ${textStyle('body')}\n  ${color('neutral', '800')}\n`;\n\nconst DSMobileFooterText = ({ children }) => <Text>{children}</Text>;\n\nconst props = {\n  children: PropTypes.string.isRequired.description('Children'),\n};\n\nDSMobileFooterText.propTypes = props;\nDSMobileFooterText.displayName = 'DSMobileFooterText';\nconst DSMobileFooterTextWithSchema = describe(DSMobileFooterText);\nDSMobileFooterTextWithSchema.propTypes = props;\n\nexport { DSMobileFooterText, DSMobileFooterTextWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcsB;AAX7C,uBAAuB;AACvB,IAAAA,oBAA2C;AAC3C,0BAAoC;AAEpC,MAAM,OAAO,wBAAO;AAAA;AAAA,QAEhB,4BAAS;AAAA,QACT,6BAAU,MAAM;AAAA,QAChB,yBAAM,WAAW,KAAK;AAAA;AAG1B,MAAM,qBAAqB,CAAC,EAAE,SAAS,MAAM,4CAAC;AAAA,EAAM;AAAA,CAAS;AAE7D,MAAM,QAAQ;AAAA,EACZ,UAAU,8BAAU,OAAO,WAAW,YAAY,UAAU;AAC9D;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,8BAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcsB;AAX7C,uBAAuB;AACvB,IAAAA,oBAA2C;AAC3C,0BAAoC;AAEpC,MAAM,OAAO,wBAAO;AAAA;AAAA,QAEhB,4BAAS;AAAA,QACT,6BAAU,MAAM;AAAA,QAChB,yBAAM,WAAW,KAAK;AAAA;AAG1B,MAAM,qBAAqB,CAAC,EAAE,SAAS,MAAM,4CAAC,QAAM,UAAS;AAE7D,MAAM,QAAQ;AAAA,EACZ,UAAU,8BAAU,OAAO,WAAW,YAAY,UAAU;AAC9D;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,8BAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
   "names": ["import_ds_system"]
 }

package/dist/cjs/MobileListItem/MobileListItem.js

@@ -57,32 +57,23 @@ const MobileListItem = ({
     cols.unshift((0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m));
   if (rightAddon)
     cols.push((0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m));
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledContainer, {
-    cols,
-    height: "40px",
-    width: "100%",
-    pl: (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-    pr: (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-    gutter: "xs",
-    "data-testid": `${dataTestid}--${value}`,
-    children: [
-      leftAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
-        alignItems: "center",
-        children: leftAddon
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
-        alignItems: "center",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTitle, {
-          children: title
-        })
-      }),
-      rightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
-        alignItems: "center",
-        justifyContent: "center",
-        children: rightAddon
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    StyledContainer,
+    {
+      cols,
+      height: "40px",
+      width: "100%",
+      pl: (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+      pr: (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+      gutter: "xs",
+      "data-testid": `${dataTestid}--${value}`,
+      children: [
+        leftAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { alignItems: "center", children: leftAddon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTitle, { children: title }) }),
+        rightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { alignItems: "center", justifyContent: "center", children: rightAddon })
+      ]
+    }
+  );
 };
 const DSMobileListItem = (0, import_ds_system2.withTheme)(MobileListItem);
 const listItemProps = {

package/dist/cjs/MobileListItem/MobileListItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListItem.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 { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\nconst StyledTitle = styled.div`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['800']};\n  ${truncate()}\n`;\n\nconst MobileListItem = ({\n  leftAddon = null,\n  rightAddon = null,\n  title = '',\n  value = '',\n  dataTestid = 'mobile-list-item',\n  theme,\n}) => {\n  const cols = [1];\n  if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n  if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n  return (\n    <StyledContainer\n      cols={cols}\n      height=\"40px\"\n      width=\"100%\"\n      pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n      pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n      gutter=\"xs\"\n      data-testid={`${dataTestid}--${value}`}\n    >\n      {leftAddon && <Grid alignItems=\"center\">{leftAddon}</Grid>}\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n      {rightAddon && (\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          {rightAddon}\n        </Grid>\n      )}\n    </StyledContainer>\n  );\n};\n\nconst DSMobileListItem = withTheme(MobileListItem);\n\nconst listItemProps = {\n  leftAddon: PropTypes.element.description('Element placed at the left'),\n  rightAddon: PropTypes.element.description('Element placed at the right'),\n  title: PropTypes.string.description('Item s title').isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Item s value, used for data-testid attr',\n  ),\n  dataTestid: PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),\n  theme: PropTypes.object.description(''),\n};\n\nMobileListItem.propTypes = listItemProps;\nMobileListItem.displayName = 'MobileListItem';\nconst ListItemWithSchema = describe(MobileListItem);\nListItemWithSchema.propTypes = listItemProps;\n\nexport { DSMobileListItem, ListItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BnB;AA5BJ,0BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AACrB,IAAAA,oBAAsE;AAEtE,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBACnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAEtE,MAAM,cAAc,wBAAO;AAAA,iBACV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,QAC7C,4BAAS;AAAA;AAGb,MAAM,iBAAiB,CAAC;AAAA,EACtB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AACF,MAAM;AACJ,QAAM,OAAO,CAAC,CAAC;AACf,MAAI;AAAW,SAAK,YAAQ,4CAAyB,MAAM,MAAM,CAAC,CAAC;AACnE,MAAI;AAAY,SAAK,SAAK,4CAAyB,MAAM,MAAM,CAAC,CAAC;AACjE,SACE,6CAAC;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,OAAM;AAAA,IACN,QAAI,4CAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,QAAI,4CAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,QAAO;AAAA,IACP,eAAa,GAAG,eAAe;AAAA,IAE9B;AAAA,mBAAa,4CAAC;AAAA,QAAK,YAAW;AAAA,QAAU;AAAA,OAAU;AAAA,MACnD,4CAAC;AAAA,QAAK,YAAW;AAAA,QACf,sDAAC;AAAA,UAAa;AAAA,SAAM;AAAA,OACtB;AAAA,MACC,cACC,4CAAC;AAAA,QAAK,YAAW;AAAA,QAAS,gBAAe;AAAA,QACtC;AAAA,OACH;AAAA;AAAA,GAEJ;AAEJ;AAEA,MAAM,uBAAmB,6BAAU,cAAc;AAEjD,MAAM,gBAAgB;AAAA,EACpB,WAAW,8BAAU,QAAQ,YAAY,4BAA4B;AAAA,EACrE,YAAY,8BAAU,QAAQ,YAAY,6BAA6B;AAAA,EACvE,OAAO,8BAAU,OAAO,YAAY,cAAc,EAAE;AAAA,EACpD,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,YAAY,8BAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,kBAAkB;AAAA,EAC/F,OAAO,8BAAU,OAAO,YAAY,EAAE;AACxC;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,yBAAqB,8BAAS,cAAc;AAClD,mBAAmB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BnB;AA5BJ,0BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AACrB,IAAAA,oBAAsE;AAEtE,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBACnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAEtE,MAAM,cAAc,wBAAO;AAAA,iBACV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,QAC7C,4BAAS;AAAA;AAGb,MAAM,iBAAiB,CAAC;AAAA,EACtB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AACF,MAAM;AACJ,QAAM,OAAO,CAAC,CAAC;AACf,MAAI;AAAW,SAAK,YAAQ,4CAAyB,MAAM,MAAM,CAAC,CAAC;AACnE,MAAI;AAAY,SAAK,SAAK,4CAAyB,MAAM,MAAM,CAAC,CAAC;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,OAAM;AAAA,MACN,QAAI,4CAAyB,MAAM,MAAM,CAAC;AAAA,MAC1C,QAAI,4CAAyB,MAAM,MAAM,CAAC;AAAA,MAC1C,QAAO;AAAA,MACP,eAAa,GAAG,eAAe;AAAA,MAE9B;AAAA,qBAAa,4CAAC,uBAAK,YAAW,UAAU,qBAAU;AAAA,QACnD,4CAAC,uBAAK,YAAW,UACf,sDAAC,eAAa,iBAAM,GACtB;AAAA,QACC,cACC,4CAAC,uBAAK,YAAW,UAAS,gBAAe,UACtC,sBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,uBAAmB,6BAAU,cAAc;AAEjD,MAAM,gBAAgB;AAAA,EACpB,WAAW,8BAAU,QAAQ,YAAY,4BAA4B;AAAA,EACrE,YAAY,8BAAU,QAAQ,YAAY,6BAA6B;AAAA,EACvE,OAAO,8BAAU,OAAO,YAAY,cAAc,EAAE;AAAA,EACpD,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,YAAY,8BAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,kBAAkB;AAAA,EAC/F,OAAO,8BAAU,OAAO,YAAY,EAAE;AACxC;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,yBAAqB,8BAAS,cAAc;AAClD,mBAAmB,YAAY;",
   "names": ["import_ds_system"]
 }

package/dist/cjs/MobileListItem/MobileListMultipleItem.js

@@ -35,22 +35,19 @@ var import_style = require("./style");
 const MobileListMultipleItem = (props) => {
   const { title, isSelected } = props;
   const { onClick, ...rest } = (0, import_ds_utilities.useGetGlobalAttributes)(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledContainer, {
-    cols: ["auto"],
-    minHeight: "40px",
-    width: "100%",
-    pl: "16px",
-    pr: "16px",
-    gutter: "xs",
-    alignItems: "center",
-    ...rest,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_checkbox.DSControlledCheckbox, {
-      onChange: onClick,
-      device: "mobile",
-      checked: isSelected,
-      label: title,
-      wrapLabel: true
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_style.StyledContainer,
+    {
+      cols: ["auto"],
+      minHeight: "40px",
+      width: "100%",
+      pl: "16px",
+      pr: "16px",
+      gutter: "xs",
+      alignItems: "center",
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_checkbox.DSControlledCheckbox, { onChange: onClick, device: "mobile", checked: isSelected, label: title, wrapLabel: true })
+    }
+  );
 };
 //# sourceMappingURL=MobileListMultipleItem.js.map

package/dist/cjs/MobileListItem/MobileListMultipleItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListMultipleItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { useGetGlobalAttributes } from '@elliemae/ds-utilities';\n\nimport { StyledContainer } from './style';\ninterface MobileListMultipleItemT {\n  title: string;\n  value: string;\n  isSelected: boolean;\n}\nexport const MobileListMultipleItem: React.ComponentType<MobileListMultipleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const { onClick, ...rest } = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer\n      cols={['auto']}\n      minHeight=\"40px\"\n      width=\"100%\"\n      pl=\"16px\"\n      pr=\"16px\"\n      gutter=\"xs\"\n      alignItems=\"center\"\n      {...rest}\n    >\n      <DSControlledCheckbox onChange={onClick} device=\"mobile\" checked={isSelected} label={title} wrapLabel />\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBjB;AAvBN,8BAAqC;AACrC,0BAAuC;AAEvC,mBAAgC;AAMzB,MAAM,yBAAuE,CAAC,UAAU;AAC7F,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,EAAE,YAAY,KAAK,QAAI,4CAAuB,KAAK;AACzD,SACE,4CAAC;AAAA,IACC,MAAM,CAAC,MAAM;AAAA,IACb,WAAU;AAAA,IACV,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACP,YAAW;AAAA,IACV,GAAG;AAAA,IAEJ,sDAAC;AAAA,MAAqB,UAAU;AAAA,MAAS,QAAO;AAAA,MAAS,SAAS;AAAA,MAAY,OAAO;AAAA,MAAO,WAAS;AAAA,KAAC;AAAA,GACxG;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBjB;AAvBN,8BAAqC;AACrC,0BAAuC;AAEvC,mBAAgC;AAMzB,MAAM,yBAAuE,CAAC,UAAU;AAC7F,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,EAAE,YAAY,KAAK,QAAI,4CAAuB,KAAK;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,MAAM;AAAA,MACb,WAAU;AAAA,MACV,OAAM;AAAA,MACN,IAAG;AAAA,MACH,IAAG;AAAA,MACH,QAAO;AAAA,MACP,YAAW;AAAA,MACV,GAAG;AAAA,MAEJ,sDAAC,gDAAqB,UAAU,SAAS,QAAO,UAAS,SAAS,YAAY,OAAO,OAAO,WAAS,MAAC;AAAA;AAAA,EACxG;AAEJ;",
   "names": []
 }

package/dist/cjs/MobileListItem/MobileListSeparator.js

@@ -35,28 +35,9 @@ var import_style = require("./style");
 const MobileListSingleItem = (props) => {
   const { title, isSelected } = props;
   const globalsAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledContainer, {
-    cols: ["auto"],
-    height: "40px",
-    width: "100%",
-    pl: "16px",
-    pr: "16px",
-    gutter: "xs",
-    ...globalsAttrs,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
-        alignItems: "center",
-        children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Checkmark, {
-          color: ["brand-primary", "600"]
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
-        alignItems: "center",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitle, {
-          children: title
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledContainer, { cols: ["auto"], height: "40px", width: "100%", pl: "16px", pr: "16px", gutter: "xs", ...globalsAttrs, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { alignItems: "center", children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Checkmark, { color: ["brand-primary", "600"] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitle, { children: title }) })
+  ] });
 };
 //# sourceMappingURL=MobileListSeparator.js.map

package/dist/cjs/MobileListItem/MobileListSeparator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListSeparator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useGetGlobalAttributes } from '@elliemae/ds-utilities';\n\nimport { StyledContainer, StyledTitle } from './style';\n\nexport const MobileListSingleItem: React.ComponentType<MobileListSingleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const globalsAttrs = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer cols={['auto']} height=\"40px\" width=\"100%\" pl=\"16px\" pr=\"16px\" gutter=\"xs\" {...globalsAttrs}>\n      <Grid alignItems=\"center\">{isSelected && <Checkmark color={['brand-primary', '600']} />}</Grid>\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUnB;AATJ,qBAAqB;AACrB,0BAAuC;AAEvC,mBAA6C;AAEtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,4CAAuB,KAAK;AACjD,SACE,6CAAC;AAAA,IAAgB,MAAM,CAAC,MAAM;AAAA,IAAG,QAAO;AAAA,IAAO,OAAM;AAAA,IAAO,IAAG;AAAA,IAAO,IAAG;AAAA,IAAO,QAAO;AAAA,IAAM,GAAG;AAAA,IAC9F;AAAA,kDAAC;AAAA,QAAK,YAAW;AAAA,QAAU,wBAAc,4CAAC;AAAA,UAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,SAAG;AAAA,OAAG;AAAA,MACxF,4CAAC;AAAA,QAAK,YAAW;AAAA,QACf,sDAAC;AAAA,UAAa;AAAA,SAAM;AAAA,OACtB;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUnB;AATJ,qBAAqB;AACrB,0BAAuC;AAEvC,mBAA6C;AAEtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,4CAAuB,KAAK;AACjD,SACE,6CAAC,gCAAgB,MAAM,CAAC,MAAM,GAAG,QAAO,QAAO,OAAM,QAAO,IAAG,QAAO,IAAG,QAAO,QAAO,MAAM,GAAG,cAC9F;AAAA,gDAAC,uBAAK,YAAW,UAAU,wBAAc,4CAAC,aAAU,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAAG;AAAA,IACxF,4CAAC,uBAAK,YAAW,UACf,sDAAC,4BAAa,iBAAM,GACtB;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/MobileListItem/MobileListSingleItem.js

@@ -36,28 +36,21 @@ var import_style = require("./style");
 const MobileListSingleItem = (props) => {
   const { title, isSelected } = props;
   const globalsAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledContainer, {
-    cols: ["16px", "auto"],
-    height: "40px",
-    width: "100%",
-    pl: "16px",
-    pr: "16px",
-    gutter: "xs",
-    ...globalsAttrs,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
-        alignItems: "center",
-        children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Checkmark, {
-          color: ["brand-primary", "600"]
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
-        alignItems: "center",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitle, {
-          children: title
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_style.StyledContainer,
+    {
+      cols: ["16px", "auto"],
+      height: "40px",
+      width: "100%",
+      pl: "16px",
+      pr: "16px",
+      gutter: "xs",
+      ...globalsAttrs,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { alignItems: "center", children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Checkmark, { color: ["brand-primary", "600"] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitle, { children: title }) })
+      ]
+    }
+  );
 };
 //# sourceMappingURL=MobileListSingleItem.js.map

package/dist/cjs/MobileListItem/MobileListSingleItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListSingleItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { useGetGlobalAttributes } from '@elliemae/ds-utilities';\n\nimport { StyledContainer, StyledTitle } from './style';\ninterface MobileListSingleItemT {\n  title: string;\n  value: string;\n  isSelected: boolean;\n}\nexport const MobileListSingleItem: React.ComponentType<MobileListSingleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const globalsAttrs = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer\n      cols={['16px', 'auto']}\n      height=\"40px\"\n      width=\"100%\"\n      pl=\"16px\"\n      pr=\"16px\"\n      gutter=\"xs\"\n      {...globalsAttrs}\n    >\n      <Grid alignItems=\"center\">{isSelected && <Checkmark color={['brand-primary', '600']} />}</Grid>\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADenB;AAdJ,qBAAqB;AACrB,sBAA0B;AAC1B,0BAAuC;AAEvC,mBAA6C;AAMtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,4CAAuB,KAAK;AACjD,SACE,6CAAC;AAAA,IACC,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,QAAO;AAAA,IACP,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACN,GAAG;AAAA,IAEJ;AAAA,kDAAC;AAAA,QAAK,YAAW;AAAA,QAAU,wBAAc,4CAAC;AAAA,UAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,SAAG;AAAA,OAAG;AAAA,MACxF,4CAAC;AAAA,QAAK,YAAW;AAAA,QACf,sDAAC;AAAA,UAAa;AAAA,SAAM;AAAA,OACtB;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADenB;AAdJ,qBAAqB;AACrB,sBAA0B;AAC1B,0BAAuC;AAEvC,mBAA6C;AAMtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,4CAAuB,KAAK;AACjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,QAAO;AAAA,MACP,OAAM;AAAA,MACN,IAAG;AAAA,MACH,IAAG;AAAA,MACH,QAAO;AAAA,MACN,GAAG;AAAA,MAEJ;AAAA,oDAAC,uBAAK,YAAW,UAAU,wBAAc,4CAAC,6BAAU,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAAG;AAAA,QACxF,4CAAC,uBAAK,YAAW,UACf,sDAAC,4BAAa,iBAAM,GACtB;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }