@elliemae/ds-scrollable-container 3.16.0 → 3.16.1

package/dist/cjs/DSScrollableContainer.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,10 +35,10 @@ module.exports = __toCommonJS(DSScrollableContainer_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_react_desc_prop_types = require("./react-desc-prop-types");
-var import_exported_related = require("./exported_related");
-var import_config = require("./config");
-var import_styled = require("./styled");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_exported_related = require("./exported_related/index.js");
+var import_config = require("./config/index.js");
+var import_styled = require("./styled.js");
 const DSScrollableContainer = (props) => {
   const {
     propsWithDefault: { children },

package/dist/cjs/DSScrollableContainer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSScrollableContainer.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport type { DSScrollableContainerT } from './react-desc-prop-types';\nimport { DSScrollableContainerPropTypes } from './react-desc-prop-types';\nimport { DSScrollableContainerDataTestIds, DSScrollableContainerName } from './exported_related';\nimport { useConfig } from './config';\nimport {\n  StyledOsContent,\n  StyledOsHost,\n  StyledOsHostWrapper,\n  StyledOsPadding,\n  StyledOsResizeObserverHost,\n  StyledOsScrollbarCorner,\n  StyledOsScrollbarHandle,\n  StyledOsScrollbarHorizontal,\n  StyledOsScrollbarTrack,\n  StyledOsScrollbarVertical,\n  StyledOsViewport,\n  GlobalStyleScrollContainer,\n} from './styled';\n\nconst DSScrollableContainer: React.ComponentType<DSScrollableContainerT.Props> = (props) => {\n  const {\n    propsWithDefault: { children },\n    globalAttrs,\n    xStyledAttrs,\n    osTargetRef,\n  } = useConfig(props);\n\n  return (\n    <StyledOsHostWrapper data-testid={DSScrollableContainerDataTestIds.ROOT} {...globalAttrs} {...xStyledAttrs}>\n      <GlobalStyleScrollContainer />\n      <StyledOsHost\n        data-testid={DSScrollableContainerDataTestIds.HOST}\n        className=\"os-host\"\n        tabIndex={-1}\n        ref={osTargetRef}\n      >\n        <StyledOsResizeObserverHost\n          data-testid={DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST}\n          className=\"os-resize-observer-host\"\n        />\n        <StyledOsPadding data-testid={DSScrollableContainerDataTestIds.PADDING} className=\"os-padding\">\n          <StyledOsViewport data-testid={DSScrollableContainerDataTestIds.VIEWPORT} className=\"os-viewport\">\n            <StyledOsContent data-testid={DSScrollableContainerDataTestIds.CONTENT} className=\"os-content\" aria-hidden>\n              {children}\n            </StyledOsContent>\n          </StyledOsViewport>\n        </StyledOsPadding>\n        <StyledOsScrollbarHorizontal\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL}\n          className=\"os-scrollbar os-scrollbar-horizontal \"\n        >\n          <StyledOsScrollbarTrack\n            data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n            className=\"os-scrollbar-track\"\n          >\n            <StyledOsScrollbarHandle\n              data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n              className=\"os-scrollbar-handle\"\n            />\n          </StyledOsScrollbarTrack>\n        </StyledOsScrollbarHorizontal>\n        <StyledOsScrollbarVertical\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL}\n          className=\"os-scrollbar os-scrollbar-vertical\"\n        >\n          <StyledOsScrollbarTrack\n            data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n            className=\"os-scrollbar-track\"\n          >\n            <StyledOsScrollbarHandle\n              data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n              className=\"os-scrollbar-handle\"\n            />\n          </StyledOsScrollbarTrack>\n        </StyledOsScrollbarVertical>\n        <StyledOsScrollbarCorner\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_CORNER}\n          className=\"os-scrollbar-corner\"\n        />\n      </StyledOsHost>\n    </StyledOsHostWrapper>\n  );\n};\n\nDSScrollableContainer.propTypes = DSScrollableContainerPropTypes;\nDSScrollableContainer.displayName = DSScrollableContainerName;\nconst DSScrollableContainerWithSchema = describe(DSScrollableContainer);\nDSScrollableContainerWithSchema.propTypes = DSScrollableContainerPropTypes;\n\nexport { DSScrollableContainer, DSScrollableContainerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BjB;AA9BN,8BAAyB;AAEzB,mCAA+C;AAC/C,8BAA4E;AAC5E,oBAA0B;AAC1B,oBAaO;AAEP,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAU,KAAK;AAEnB,SACE,6CAAC,qCAAoB,eAAa,yDAAiC,MAAO,GAAG,aAAc,GAAG,cAC5F;AAAA,gDAAC,4CAA2B;AAAA,IAC5B;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,yDAAiC;AAAA,QAC9C,WAAU;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QAEL;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,4CAAC,iCAAgB,eAAa,yDAAiC,SAAS,WAAU,cAChF,sDAAC,kCAAiB,eAAa,yDAAiC,UAAU,WAAU,eAClF,sDAAC,iCAAgB,eAAa,yDAAiC,SAAS,WAAU,cAAa,eAAW,MACvG,UACH,GACF,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAa,yDAAiC;AAAA,kBAC9C,WAAU;AAAA,kBAEV;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAa,yDAAiC;AAAA,sBAC9C,WAAU;AAAA;AAAA,kBACZ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAa,yDAAiC;AAAA,kBAC9C,WAAU;AAAA,kBAEV;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAa,yDAAiC;AAAA,sBAC9C,WAAU;AAAA;AAAA,kBACZ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,kCAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport type { DSScrollableContainerT } from './react-desc-prop-types.js';\nimport { DSScrollableContainerPropTypes } from './react-desc-prop-types.js';\nimport { DSScrollableContainerDataTestIds, DSScrollableContainerName } from './exported_related/index.js';\nimport { useConfig } from './config/index.js';\nimport {\n  StyledOsContent,\n  StyledOsHost,\n  StyledOsHostWrapper,\n  StyledOsPadding,\n  StyledOsResizeObserverHost,\n  StyledOsScrollbarCorner,\n  StyledOsScrollbarHandle,\n  StyledOsScrollbarHorizontal,\n  StyledOsScrollbarTrack,\n  StyledOsScrollbarVertical,\n  StyledOsViewport,\n  GlobalStyleScrollContainer,\n} from './styled.js';\n\nconst DSScrollableContainer: React.ComponentType<DSScrollableContainerT.Props> = (props) => {\n  const {\n    propsWithDefault: { children },\n    globalAttrs,\n    xStyledAttrs,\n    osTargetRef,\n  } = useConfig(props);\n\n  return (\n    <StyledOsHostWrapper data-testid={DSScrollableContainerDataTestIds.ROOT} {...globalAttrs} {...xStyledAttrs}>\n      <GlobalStyleScrollContainer />\n      <StyledOsHost\n        data-testid={DSScrollableContainerDataTestIds.HOST}\n        className=\"os-host\"\n        tabIndex={-1}\n        ref={osTargetRef}\n      >\n        <StyledOsResizeObserverHost\n          data-testid={DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST}\n          className=\"os-resize-observer-host\"\n        />\n        <StyledOsPadding data-testid={DSScrollableContainerDataTestIds.PADDING} className=\"os-padding\">\n          <StyledOsViewport data-testid={DSScrollableContainerDataTestIds.VIEWPORT} className=\"os-viewport\">\n            <StyledOsContent data-testid={DSScrollableContainerDataTestIds.CONTENT} className=\"os-content\" aria-hidden>\n              {children}\n            </StyledOsContent>\n          </StyledOsViewport>\n        </StyledOsPadding>\n        <StyledOsScrollbarHorizontal\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL}\n          className=\"os-scrollbar os-scrollbar-horizontal \"\n        >\n          <StyledOsScrollbarTrack\n            data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n            className=\"os-scrollbar-track\"\n          >\n            <StyledOsScrollbarHandle\n              data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n              className=\"os-scrollbar-handle\"\n            />\n          </StyledOsScrollbarTrack>\n        </StyledOsScrollbarHorizontal>\n        <StyledOsScrollbarVertical\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL}\n          className=\"os-scrollbar os-scrollbar-vertical\"\n        >\n          <StyledOsScrollbarTrack\n            data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n            className=\"os-scrollbar-track\"\n          >\n            <StyledOsScrollbarHandle\n              data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n              className=\"os-scrollbar-handle\"\n            />\n          </StyledOsScrollbarTrack>\n        </StyledOsScrollbarVertical>\n        <StyledOsScrollbarCorner\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_CORNER}\n          className=\"os-scrollbar-corner\"\n        />\n      </StyledOsHost>\n    </StyledOsHostWrapper>\n  );\n};\n\nDSScrollableContainer.propTypes = DSScrollableContainerPropTypes;\nDSScrollableContainer.displayName = DSScrollableContainerName;\nconst DSScrollableContainerWithSchema = describe(DSScrollableContainer);\nDSScrollableContainerWithSchema.propTypes = DSScrollableContainerPropTypes;\n\nexport { DSScrollableContainer, DSScrollableContainerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BjB;AA9BN,8BAAyB;AAEzB,mCAA+C;AAC/C,8BAA4E;AAC5E,oBAA0B;AAC1B,oBAaO;AAEP,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAU,KAAK;AAEnB,SACE,6CAAC,qCAAoB,eAAa,yDAAiC,MAAO,GAAG,aAAc,GAAG,cAC5F;AAAA,gDAAC,4CAA2B;AAAA,IAC5B;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,yDAAiC;AAAA,QAC9C,WAAU;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QAEL;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,4CAAC,iCAAgB,eAAa,yDAAiC,SAAS,WAAU,cAChF,sDAAC,kCAAiB,eAAa,yDAAiC,UAAU,WAAU,eAClF,sDAAC,iCAAgB,eAAa,yDAAiC,SAAS,WAAU,cAAa,eAAW,MACvG,UACH,GACF,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAa,yDAAiC;AAAA,kBAC9C,WAAU;AAAA,kBAEV;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAa,yDAAiC;AAAA,sBAC9C,WAAU;AAAA;AAAA,kBACZ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAa,yDAAiC;AAAA,kBAC9C,WAAU;AAAA,kBAEV;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAa,yDAAiC;AAAA,sBAC9C,WAAU;AAAA;AAAA,kBACZ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,kCAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
   "names": []
 }

package/dist/cjs/config/index.js

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

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

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

package/dist/cjs/config/useConfig.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,7 +35,7 @@ var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_overlayscrollbars = __toESM(require("overlayscrollbars"));
 var import_react = require("react");
-var import_react_desc_prop_types = require("../react-desc-prop-types");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
 const options = {
   scrollbars: {
     autoHide: "leave",

package/dist/cjs/config/useConfig.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { useGetGlobalAttributes, useValidateTypescriptPropTypes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport type { Options } from 'overlayscrollbars';\nimport OverlayScrollbars from 'overlayscrollbars';\nimport { useEffect, useRef, useState } from 'react';\nimport type { DSScrollableContainerT } from '../react-desc-prop-types';\nimport { DSScrollableContainerPropTypes } from '../react-desc-prop-types';\n\nconst options: Options = {\n  scrollbars: {\n    autoHide: 'leave',\n    autoHideDelay: 0,\n  },\n};\n\ninterface UseConfigT {\n  propsWithDefault: DSScrollableContainerT.Props;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n  osTargetRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const useConfig = (props: DSScrollableContainerT.Props): UseConfigT => {\n  const propsWithDefault = props;\n  useValidateTypescriptPropTypes(propsWithDefault, DSScrollableContainerPropTypes, 'DSScrollableContainer');\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n\n  const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n  const osTargetRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (osTargetRef.current) {\n      const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n      setOsInstance(nextOsInstance);\n    }\n  }, [osInstance]);\n\n  return { propsWithDefault: props, globalAttrs, xStyledAttrs, osTargetRef };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAA2F;AAE3F,+BAA8B;AAC9B,mBAA4C;AAE5C,mCAA+C;AAE/C,MAAM,UAAmB;AAAA,EACvB,YAAY;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AASO,MAAM,YAAY,CAAC,UAAoD;AAC5E,QAAM,mBAAmB;AACzB,8DAA+B,kBAAkB,6DAAgC,uBAAuB;AACxG,QAAM,kBAAc,gDAAuB,gBAAgB;AAC3D,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAA4B;AAChE,QAAM,kBAAc,qBAAuB,IAAI;AAE/C,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS;AACvB,YAAM,qBAAoC,yBAAAA,SAAkB,YAAY,SAAS,OAAO;AACxF,oBAAc,cAAc;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO,EAAE,kBAAkB,OAAO,aAAa,cAAc,YAAY;AAC3E;",
+  "sourcesContent": ["import type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { useGetGlobalAttributes, useValidateTypescriptPropTypes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport type { Options } from 'overlayscrollbars';\nimport OverlayScrollbars from 'overlayscrollbars';\nimport { useEffect, useRef, useState } from 'react';\nimport type { DSScrollableContainerT } from '../react-desc-prop-types.js';\nimport { DSScrollableContainerPropTypes } from '../react-desc-prop-types.js';\n\nconst options: Options = {\n  scrollbars: {\n    autoHide: 'leave',\n    autoHideDelay: 0,\n  },\n};\n\ninterface UseConfigT {\n  propsWithDefault: DSScrollableContainerT.Props;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n  osTargetRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const useConfig = (props: DSScrollableContainerT.Props): UseConfigT => {\n  const propsWithDefault = props;\n  useValidateTypescriptPropTypes(propsWithDefault, DSScrollableContainerPropTypes, 'DSScrollableContainer');\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n\n  const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n  const osTargetRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (osTargetRef.current) {\n      const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n      setOsInstance(nextOsInstance);\n    }\n  }, [osInstance]);\n\n  return { propsWithDefault: props, globalAttrs, xStyledAttrs, osTargetRef };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAA2F;AAE3F,+BAA8B;AAC9B,mBAA4C;AAE5C,mCAA+C;AAE/C,MAAM,UAAmB;AAAA,EACvB,YAAY;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AASO,MAAM,YAAY,CAAC,UAAoD;AAC5E,QAAM,mBAAmB;AACzB,8DAA+B,kBAAkB,6DAAgC,uBAAuB;AACxG,QAAM,kBAAc,gDAAuB,gBAAgB;AAC3D,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAA4B;AAChE,QAAM,kBAAc,qBAAuB,IAAI;AAE/C,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS;AACvB,YAAM,qBAAoC,yBAAAA,SAAkB,YAAY,SAAS,OAAO;AACxF,oBAAc,cAAc;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO,EAAE,kBAAkB,OAAO,aAAa,cAAc,YAAY;AAC3E;",
   "names": ["OverlayScrollbars"]
 }

package/dist/cjs/exported_related/definitions.js

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

package/dist/cjs/exported_related/definitions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/exported_related/definitions.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSScrollableContainerName = 'DSScrollableContainer';\n\nexport const DSScrollableContainerSlots = {\n  ROOT: 'root',\n  HOST: 'host',\n  RESIZE_OBSERVER_HOST: 'resize-observer-host',\n  PADDING: 'padding',\n  VIEWPORT: 'viewport',\n  CONTENT: 'content',\n  SCROLLBAR_HORIZONTAL: 'scrollbar-horizontal',\n  SCROLLBAR_VERTICAL: 'scrollbar-vertical',\n  SCROLLBAR_TRACK: 'scrollbar-track',\n  SCROLLBAR_HANDLE: 'scrollbar-handle',\n  SCROLLBAR_CORNER: 'scrollbar-corner',\n};\n\nexport const DSScrollableContainerDataTestIds = {\n  ROOT: 'ds-scrollable-container-root',\n  HOST: 'ds-scrollable-container-host',\n  RESIZE_OBSERVER_HOST: 'ds-scrollable-container-resize-observer-host',\n  PADDING: 'ds-scrollable-container-padding',\n  VIEWPORT: 'ds-scrollable-container-viewport',\n  CONTENT: 'ds-scrollable-container-content',\n  SCROLLBAR_HORIZONTAL: 'ds-scrollable-container-scrollbar-horizontal',\n  SCROLLBAR_VERTICAL: 'ds-scrollable-container-scrollbar-vertical',\n  SCROLLBAR_TRACK: 'ds-scrollable-container-scrollbar-track',\n  SCROLLBAR_HANDLE: 'ds-scrollable-container-scrollbar-handle',\n  SCROLLBAR_CORNER: 'ds-scrollable-container-scrollbar-corner',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,4BAA4B;AAElC,MAAM,6BAA6B;AAAA,EACxC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,sBAAsB;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;AAEO,MAAM,mCAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,sBAAsB;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,4BAA4B;AAElC,MAAM,6BAA6B;AAAA,EACxC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,sBAAsB;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;AAEO,MAAM,mCAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,sBAAsB;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/exported_related/index.js

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

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

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

package/dist/cjs/index.js

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

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSScrollableContainer';\nexport * from './exported_related';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,oCAAd;AACA,wBAAc,+BADd;",
+  "sourcesContent": ["export * from './DSScrollableContainer.js';\nexport * from './exported_related/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,uCAAd;AACA,wBAAc,wCADd;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/react-desc-prop-types.js

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

package/dist/cjs/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSScrollableContainerT {\n  interface OptionalProps {\n    children?: React.ReactNode;\n  }\n  export interface Props extends OptionalProps, XstyledProps, GlobalAttributesT<HTMLDivElement> {}\n}\n\nexport const DSScrollableContainerPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,8BAA4D;AASrD,MAAM,iCAAiC;AAAA,EAC5C,GAAG;AAAA,EACH,GAAG;AACL;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,8BAA4D;AASrD,MAAM,iCAAiC;AAAA,EAC5C,GAAG;AAAA,EACH,GAAG;AACL;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -40,7 +44,7 @@ __export(styled_exports, {
 module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-var import_exported_related = require("./exported_related");
+var import_exported_related = require("./exported_related/index.js");
 const StyledOsHostWrapper = (0, import_ds_system.styled)("div", {
   name: import_exported_related.DSScrollableContainerName,
   slot: import_exported_related.DSScrollableContainerSlots.ROOT

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport type { LayoutProps, SpaceProps, SizingProps } from '@elliemae/ds-system';\nimport { styled, createGlobalStyle, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSScrollableContainerName, DSScrollableContainerSlots } from './exported_related';\n\nexport const StyledOsHostWrapper = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.ROOT,\n})<LayoutProps & SpaceProps & SizingProps>`\n  ${xStyledCommonProps}\n`;\n\nexport const GlobalStyleScrollContainer = createGlobalStyle`\nhtml.os-html,\nhtml.os-html > .os-host {\n    display: block;\n    overflow: hidden;\n    box-sizing: border-box;\n    height: 100% !important;\n    width: 100% !important;\n    min-width: 100% !important;\n    min-height: 100% !important;\n    margin: 0 !important;\n    position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nhtml.os-html > .os-host > .os-padding {\n    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nbody.os-dragging,\nbody.os-dragging * {\n    cursor: default;\n}\n.os-host,\n  .os-host-textarea {\n    position: relative;\n    overflow: visible !important;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-content: flex-start;\n    align-items: flex-start;\n  }\n  #os-dummy-scrollbar-size {\n    position: fixed;\n    opacity: 0;\n    visibility: hidden;\n    overflow: scroll;\n    height: 500px;\n    width: 500px;\n  }\n  #os-dummy-scrollbar-size > div {\n    width: 200%;\n    height: 200%;\n    margin: 10px 0;\n  }\n  #os-dummy-scrollbar-size:before,\n  #os-dummy-scrollbar-size:after,\n  .os-content:before,\n  .os-content:after {\n    content: '';\n    display: table;\n    width: 0.01px;\n    height: 0.01px;\n    line-height: 0;\n    font-size: 0;\n    flex-grow: 0;\n    flex-shrink: 0;\n    visibility: hidden;\n  }\n  #os-dummy-scrollbar-size,\n  .os-viewport {\n    -ms-overflow-style: scrollbar !important;\n  }\n  .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,\n  .os-viewport-native-scrollbars-invisible.os-viewport {\n    scrollbar-width: none !important;\n  }\n  .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,\n  .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,\n  .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,\n  .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    visibility: hidden !important;\n    background: transparent !important;\n  }\n  .os-content-glue {\n    box-sizing: inherit;\n    max-height: 100%;\n    max-width: 100%;\n    width: 100%;\n    pointer-events: none;\n  }\n  .os-padding {\n    box-sizing: inherit;\n    direction: inherit;\n    position: absolute;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: auto !important;\n    height: auto !important;\n    z-index: 0;\n  }\n  .os-host-overflow > .os-padding {\n    overflow: hidden;\n  }\n  .os-viewport {\n    direction: inherit !important;\n    box-sizing: inherit !important;\n    resize: none !important;\n    outline: none !important;\n    position: absolute;\n    overflow: hidden;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    padding: 0;\n    margin: 0;\n    -webkit-overflow-scrolling: touch;\n  }\n  .os-content-arrange {\n    position: absolute;\n    z-index: -1;\n    min-height: 1px;\n    min-width: 1px;\n    pointer-events: none;\n  }\n  .os-content {\n    direction: inherit;\n    box-sizing: border-box !important;\n    position: relative;\n    display: block;\n    height: 100%;\n    width: 100%;\n    height: 100%;\n    width: 100%;\n    visibility: visible;\n  }\n  .os-content > .os-textarea {\n    box-sizing: border-box !important;\n    direction: inherit !important;\n    background: transparent !important;\n    outline: 0 none transparent !important;\n    overflow: hidden !important;\n    position: absolute !important;\n    display: block !important;\n    top: 0 !important;\n    left: 0 !important;\n    margin: 0 !important;\n    border-radius: 0 !important;\n    float: none !important;\n    filter: none !important;\n    border: none !important;\n    resize: none !important;\n    transform: none !important;\n    max-width: none !important;\n    max-height: none !important;\n    box-shadow: none !important;\n    perspective: none !important;\n    opacity: 1 !important;\n    z-index: 1 !important;\n    clip: auto !important;\n    padding: 0;\n  }\n  .os-content > .os-textarea-cover {\n    z-index: -1;\n    pointer-events: none;\n  }\n  .os-content > .os-textarea[wrap='off'] {\n    white-space: pre !important;\n    margin: 0 !important;\n  }\n  .os-text-inherit {\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    font-style: inherit;\n    font-variant: inherit;\n    text-transform: inherit;\n    text-decoration: inherit;\n    text-indent: inherit;\n    text-align: inherit;\n    text-shadow: inherit;\n    text-overflow: inherit;\n    letter-spacing: inherit;\n    word-spacing: inherit;\n    line-height: inherit;\n    unicode-bidi: inherit;\n    direction: inherit;\n    color: inherit;\n    cursor: text;\n  }\n  .os-resize-observer,\n  .os-resize-observer-host {\n    box-sizing: inherit;\n    display: block;\n    visibility: hidden;\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n    pointer-events: none;\n    z-index: -1;\n  }\n  .os-resize-observer-host {\n    padding: inherit;\n    border: inherit;\n    border-color: transparent;\n    border-style: solid;\n    box-sizing: border-box;\n  }\n  .os-resize-observer-host.observed {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n  .os-resize-observer-host > .os-resize-observer,\n  .os-resize-observer-host.observed > .os-resize-observer {\n    height: 200%;\n    width: 200%;\n    padding: inherit;\n    border: inherit;\n    margin: 0;\n    display: block;\n    box-sizing: content-box;\n  }\n  .os-resize-observer-host.observed > .os-resize-observer,\n  .os-resize-observer-host.observed > .os-resize-observer:before {\n    display: flex;\n    position: relative;\n    flex-grow: 1;\n    flex-shrink: 0;\n    flex-basis: auto;\n    box-sizing: border-box;\n  }\n  .os-resize-observer-host.observed > .os-resize-observer:before {\n    content: '';\n    box-sizing: content-box;\n    padding: inherit;\n    border: inherit;\n    margin: 0;\n  }\n  .os-size-auto-observer {\n    box-sizing: inherit !important;\n    height: 100%;\n    width: inherit;\n    max-width: 1px;\n    position: relative;\n    float: left;\n    max-height: 1px;\n    overflow: hidden;\n    z-index: -1;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n    flex-grow: inherit;\n    flex-shrink: 0;\n    flex-basis: 0;\n  }\n  .os-size-auto-observer > .os-resize-observer {\n    width: 1000%;\n    height: 1000%;\n    min-height: 1px;\n    min-width: 1px;\n  }\n  .os-resize-observer-item {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    overflow: hidden;\n    z-index: -1;\n    opacity: 0;\n    direction: ltr !important;\n    flex: none !important;\n  }\n  .os-resize-observer-item-final {\n    position: absolute;\n    left: 0;\n    top: 0;\n    transition: none !important;\n    flex: none !important;\n  }\n  .os-resize-observer {\n    animation-duration: 0.001s;\n    animation-name: os-resize-observer-dummy-animation;\n  }\n\n  @-webkit-keyframes os-resize-observer-dummy-animation {\n    from {\n      z-index: 0;\n    }\n    to {\n      z-index: -1;\n    }\n  }\n  @keyframes os-resize-observer-dummy-animation {\n    from {\n      z-index: 0;\n    }\n    to {\n      z-index: -1;\n    }\n  }\n  .os-host-transition > .os-scrollbar,\n  .os-host-transition > .os-scrollbar-corner {\n    transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;\n  }\n  .os-scrollbar,\n  .os-scrollbar-corner {\n    position: absolute;\n    opacity: 1;\n    z-index: 1;\n  }\n  .os-scrollbar-corner {\n    bottom: 0;\n    right: 0;\n    height: 10px;\n    width: 10px;\n    background-color: transparent;\n  }\n  .os-scrollbar {\n    pointer-events: none;\n    padding: 2px;\n    box-sizing: border-box;\n    background: transparent;\n  }\n  .os-scrollbar-track {\n    pointer-events: auto;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    padding: 0 !important;\n    border: none !important;\n  }\n  .os-scrollbar-handle {\n    pointer-events: auto;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n  }\n  .os-scrollbar-handle-off,\n  .os-scrollbar-track-off {\n    pointer-events: none;\n  }\n  .os-scrollbar.os-scrollbar-unusable,\n  .os-scrollbar.os-scrollbar-unusable * {\n    pointer-events: none !important;\n  }\n  .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {\n    opacity: 0 !important;\n  }\n  .os-scrollbar-horizontal {\n    bottom: 0;\n    left: 0;\n    right: 10px;\n    height: 10px;\n  }\n  .os-scrollbar-vertical {\n    top: 0;\n    right: 0;\n    bottom: 10px;\n    width: 10px;\n  }\n  .os-scrollbar-auto-hidden,\n  .os-padding + .os-scrollbar-corner,\n  .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,\n  .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,\n  .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,\n  .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,\n  .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,\n  .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,\n  .os-scrollbar-horizontal.os-scrollbar-auto-hidden\n    + .os-scrollbar-vertical.os-scrollbar-auto-hidden\n    + .os-scrollbar-corner {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n  }\n  .os-scrollbar-corner-resize-both {\n    cursor: nwse-resize;\n  }\n  .os-scrollbar-corner-resize-horizontal {\n    cursor: ew-resize;\n  }\n  .os-scrollbar-corner-resize-vertical {\n    cursor: ns-resize;\n  }\n  .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {\n    cursor: default;\n  }\n  .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {\n    top: 0;\n    bottom: 0;\n  }\n  .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {\n    right: 0;\n    left: 0;\n  }\n  .os-scrollbar:hover,\n  .os-scrollbar-corner.os-scrollbar-corner-resize {\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n  .os-scrollbar-corner.os-scrollbar-corner-resize {\n    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);\n    background-repeat: no-repeat;\n    background-position: 100% 100%;\n    pointer-events: auto !important;\n  }\n  .os-host-overflow {\n    overflow: hidden !important;\n  }\n  .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {\n    min-width: 30px;\n  }\n  .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {\n    min-height: 30px;\n  }\n  .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n    transition: background-color 0.3s;\n  }\n  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,\n  .os-scrollbar > .os-scrollbar-track {\n    border-radius: 10px;\n  }\n  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n    background: rgba(0, 0, 0, 0.4);\n  }\n  .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {\n    background: rgba(0, 0, 0, 0.55);\n  }\n  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {\n    background: rgba(0, 0, 0, 0.7);\n  }\n  .os-scrollbar-horizontal .os-scrollbar-handle:before,\n  .os-scrollbar-vertical .os-scrollbar-handle:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    display: block;\n  }\n  .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,\n  .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {\n    display: none;\n  }\n  .os-scrollbar-horizontal .os-scrollbar-handle:before {\n    top: -6px;\n    bottom: -2px;\n  }\n  .os-scrollbar-vertical .os-scrollbar-handle:before {\n    left: -6px;\n    right: -2px;\n  }\n  .os-scrollbar.os-scrollbar-unusable,\n  .os-scrollbar > .os-scrollbar-track {\n    background: transparent;\n  }\n`;\n\nexport const StyledOsHost = styled('div', { name: DSScrollableContainerName, slot: DSScrollableContainerSlots.HOST })``;\n\nexport const StyledOsResizeObserverHost = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.RESIZE_OBSERVER_HOST,\n})``;\n\nexport const StyledOsPadding = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.PADDING,\n})``;\n\nexport const StyledOsViewport = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.VIEWPORT,\n})``;\n\nexport const StyledOsContent = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.CONTENT,\n})``;\n\nexport const StyledOsScrollbarHorizontal = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_HORIZONTAL,\n})``;\n\nexport const StyledOsScrollbarVertical = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_VERTICAL,\n})``;\n\nexport const StyledOsScrollbarTrack = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_TRACK,\n})``;\n\nexport const StyledOsScrollbarHandle = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_HANDLE,\n})`\n  width: 6px;\n  border: 1px solid rgba(0, 0, 0, 0);\n  background-color: rgba(105, 116, 137, 0.5) !important;\n  border-radius: 7px;\n\n  :hover {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n\n  :active {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n`;\n\nexport const StyledOsScrollbarCorner = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_CORNER,\n})``;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,uBAA8D;AAC9D,8BAAsE;AAE/D,MAAM,0BAAsB,yBAAO,OAAO;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAAA,IACG;AAAA;AAGG,MAAM,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8cnC,MAAM,mBAAe,yBAAO,OAAO,EAAE,MAAM,mDAA2B,MAAM,mDAA2B,KAAK,CAAC;AAE7G,MAAM,iCAA6B,yBAAO,OAAO;AAAA,EACtD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,uBAAmB,yBAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,kCAA8B,yBAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,gCAA4B,yBAAO,OAAO;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,8BAA0B,yBAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeM,MAAM,8BAA0B,yBAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport type { LayoutProps, SpaceProps, SizingProps } from '@elliemae/ds-system';\nimport { styled, createGlobalStyle, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSScrollableContainerName, DSScrollableContainerSlots } from './exported_related/index.js';\n\nexport const StyledOsHostWrapper = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.ROOT,\n})<LayoutProps & SpaceProps & SizingProps>`\n  ${xStyledCommonProps}\n`;\n\nexport const GlobalStyleScrollContainer = createGlobalStyle`\nhtml.os-html,\nhtml.os-html > .os-host {\n    display: block;\n    overflow: hidden;\n    box-sizing: border-box;\n    height: 100% !important;\n    width: 100% !important;\n    min-width: 100% !important;\n    min-height: 100% !important;\n    margin: 0 !important;\n    position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nhtml.os-html > .os-host > .os-padding {\n    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nbody.os-dragging,\nbody.os-dragging * {\n    cursor: default;\n}\n.os-host,\n  .os-host-textarea {\n    position: relative;\n    overflow: visible !important;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-content: flex-start;\n    align-items: flex-start;\n  }\n  #os-dummy-scrollbar-size {\n    position: fixed;\n    opacity: 0;\n    visibility: hidden;\n    overflow: scroll;\n    height: 500px;\n    width: 500px;\n  }\n  #os-dummy-scrollbar-size > div {\n    width: 200%;\n    height: 200%;\n    margin: 10px 0;\n  }\n  #os-dummy-scrollbar-size:before,\n  #os-dummy-scrollbar-size:after,\n  .os-content:before,\n  .os-content:after {\n    content: '';\n    display: table;\n    width: 0.01px;\n    height: 0.01px;\n    line-height: 0;\n    font-size: 0;\n    flex-grow: 0;\n    flex-shrink: 0;\n    visibility: hidden;\n  }\n  #os-dummy-scrollbar-size,\n  .os-viewport {\n    -ms-overflow-style: scrollbar !important;\n  }\n  .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,\n  .os-viewport-native-scrollbars-invisible.os-viewport {\n    scrollbar-width: none !important;\n  }\n  .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,\n  .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,\n  .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,\n  .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    visibility: hidden !important;\n    background: transparent !important;\n  }\n  .os-content-glue {\n    box-sizing: inherit;\n    max-height: 100%;\n    max-width: 100%;\n    width: 100%;\n    pointer-events: none;\n  }\n  .os-padding {\n    box-sizing: inherit;\n    direction: inherit;\n    position: absolute;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: auto !important;\n    height: auto !important;\n    z-index: 0;\n  }\n  .os-host-overflow > .os-padding {\n    overflow: hidden;\n  }\n  .os-viewport {\n    direction: inherit !important;\n    box-sizing: inherit !important;\n    resize: none !important;\n    outline: none !important;\n    position: absolute;\n    overflow: hidden;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    padding: 0;\n    margin: 0;\n    -webkit-overflow-scrolling: touch;\n  }\n  .os-content-arrange {\n    position: absolute;\n    z-index: -1;\n    min-height: 1px;\n    min-width: 1px;\n    pointer-events: none;\n  }\n  .os-content {\n    direction: inherit;\n    box-sizing: border-box !important;\n    position: relative;\n    display: block;\n    height: 100%;\n    width: 100%;\n    height: 100%;\n    width: 100%;\n    visibility: visible;\n  }\n  .os-content > .os-textarea {\n    box-sizing: border-box !important;\n    direction: inherit !important;\n    background: transparent !important;\n    outline: 0 none transparent !important;\n    overflow: hidden !important;\n    position: absolute !important;\n    display: block !important;\n    top: 0 !important;\n    left: 0 !important;\n    margin: 0 !important;\n    border-radius: 0 !important;\n    float: none !important;\n    filter: none !important;\n    border: none !important;\n    resize: none !important;\n    transform: none !important;\n    max-width: none !important;\n    max-height: none !important;\n    box-shadow: none !important;\n    perspective: none !important;\n    opacity: 1 !important;\n    z-index: 1 !important;\n    clip: auto !important;\n    padding: 0;\n  }\n  .os-content > .os-textarea-cover {\n    z-index: -1;\n    pointer-events: none;\n  }\n  .os-content > .os-textarea[wrap='off'] {\n    white-space: pre !important;\n    margin: 0 !important;\n  }\n  .os-text-inherit {\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    font-style: inherit;\n    font-variant: inherit;\n    text-transform: inherit;\n    text-decoration: inherit;\n    text-indent: inherit;\n    text-align: inherit;\n    text-shadow: inherit;\n    text-overflow: inherit;\n    letter-spacing: inherit;\n    word-spacing: inherit;\n    line-height: inherit;\n    unicode-bidi: inherit;\n    direction: inherit;\n    color: inherit;\n    cursor: text;\n  }\n  .os-resize-observer,\n  .os-resize-observer-host {\n    box-sizing: inherit;\n    display: block;\n    visibility: hidden;\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n    pointer-events: none;\n    z-index: -1;\n  }\n  .os-resize-observer-host {\n    padding: inherit;\n    border: inherit;\n    border-color: transparent;\n    border-style: solid;\n    box-sizing: border-box;\n  }\n  .os-resize-observer-host.observed {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n  .os-resize-observer-host > .os-resize-observer,\n  .os-resize-observer-host.observed > .os-resize-observer {\n    height: 200%;\n    width: 200%;\n    padding: inherit;\n    border: inherit;\n    margin: 0;\n    display: block;\n    box-sizing: content-box;\n  }\n  .os-resize-observer-host.observed > .os-resize-observer,\n  .os-resize-observer-host.observed > .os-resize-observer:before {\n    display: flex;\n    position: relative;\n    flex-grow: 1;\n    flex-shrink: 0;\n    flex-basis: auto;\n    box-sizing: border-box;\n  }\n  .os-resize-observer-host.observed > .os-resize-observer:before {\n    content: '';\n    box-sizing: content-box;\n    padding: inherit;\n    border: inherit;\n    margin: 0;\n  }\n  .os-size-auto-observer {\n    box-sizing: inherit !important;\n    height: 100%;\n    width: inherit;\n    max-width: 1px;\n    position: relative;\n    float: left;\n    max-height: 1px;\n    overflow: hidden;\n    z-index: -1;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n    flex-grow: inherit;\n    flex-shrink: 0;\n    flex-basis: 0;\n  }\n  .os-size-auto-observer > .os-resize-observer {\n    width: 1000%;\n    height: 1000%;\n    min-height: 1px;\n    min-width: 1px;\n  }\n  .os-resize-observer-item {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    overflow: hidden;\n    z-index: -1;\n    opacity: 0;\n    direction: ltr !important;\n    flex: none !important;\n  }\n  .os-resize-observer-item-final {\n    position: absolute;\n    left: 0;\n    top: 0;\n    transition: none !important;\n    flex: none !important;\n  }\n  .os-resize-observer {\n    animation-duration: 0.001s;\n    animation-name: os-resize-observer-dummy-animation;\n  }\n\n  @-webkit-keyframes os-resize-observer-dummy-animation {\n    from {\n      z-index: 0;\n    }\n    to {\n      z-index: -1;\n    }\n  }\n  @keyframes os-resize-observer-dummy-animation {\n    from {\n      z-index: 0;\n    }\n    to {\n      z-index: -1;\n    }\n  }\n  .os-host-transition > .os-scrollbar,\n  .os-host-transition > .os-scrollbar-corner {\n    transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;\n  }\n  .os-scrollbar,\n  .os-scrollbar-corner {\n    position: absolute;\n    opacity: 1;\n    z-index: 1;\n  }\n  .os-scrollbar-corner {\n    bottom: 0;\n    right: 0;\n    height: 10px;\n    width: 10px;\n    background-color: transparent;\n  }\n  .os-scrollbar {\n    pointer-events: none;\n    padding: 2px;\n    box-sizing: border-box;\n    background: transparent;\n  }\n  .os-scrollbar-track {\n    pointer-events: auto;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    padding: 0 !important;\n    border: none !important;\n  }\n  .os-scrollbar-handle {\n    pointer-events: auto;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n  }\n  .os-scrollbar-handle-off,\n  .os-scrollbar-track-off {\n    pointer-events: none;\n  }\n  .os-scrollbar.os-scrollbar-unusable,\n  .os-scrollbar.os-scrollbar-unusable * {\n    pointer-events: none !important;\n  }\n  .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {\n    opacity: 0 !important;\n  }\n  .os-scrollbar-horizontal {\n    bottom: 0;\n    left: 0;\n    right: 10px;\n    height: 10px;\n  }\n  .os-scrollbar-vertical {\n    top: 0;\n    right: 0;\n    bottom: 10px;\n    width: 10px;\n  }\n  .os-scrollbar-auto-hidden,\n  .os-padding + .os-scrollbar-corner,\n  .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,\n  .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,\n  .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,\n  .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,\n  .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,\n  .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,\n  .os-scrollbar-horizontal.os-scrollbar-auto-hidden\n    + .os-scrollbar-vertical.os-scrollbar-auto-hidden\n    + .os-scrollbar-corner {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n  }\n  .os-scrollbar-corner-resize-both {\n    cursor: nwse-resize;\n  }\n  .os-scrollbar-corner-resize-horizontal {\n    cursor: ew-resize;\n  }\n  .os-scrollbar-corner-resize-vertical {\n    cursor: ns-resize;\n  }\n  .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {\n    cursor: default;\n  }\n  .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {\n    top: 0;\n    bottom: 0;\n  }\n  .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {\n    right: 0;\n    left: 0;\n  }\n  .os-scrollbar:hover,\n  .os-scrollbar-corner.os-scrollbar-corner-resize {\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n  .os-scrollbar-corner.os-scrollbar-corner-resize {\n    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);\n    background-repeat: no-repeat;\n    background-position: 100% 100%;\n    pointer-events: auto !important;\n  }\n  .os-host-overflow {\n    overflow: hidden !important;\n  }\n  .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {\n    min-width: 30px;\n  }\n  .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {\n    min-height: 30px;\n  }\n  .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n    transition: background-color 0.3s;\n  }\n  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,\n  .os-scrollbar > .os-scrollbar-track {\n    border-radius: 10px;\n  }\n  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n    background: rgba(0, 0, 0, 0.4);\n  }\n  .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {\n    background: rgba(0, 0, 0, 0.55);\n  }\n  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {\n    background: rgba(0, 0, 0, 0.7);\n  }\n  .os-scrollbar-horizontal .os-scrollbar-handle:before,\n  .os-scrollbar-vertical .os-scrollbar-handle:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    display: block;\n  }\n  .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,\n  .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {\n    display: none;\n  }\n  .os-scrollbar-horizontal .os-scrollbar-handle:before {\n    top: -6px;\n    bottom: -2px;\n  }\n  .os-scrollbar-vertical .os-scrollbar-handle:before {\n    left: -6px;\n    right: -2px;\n  }\n  .os-scrollbar.os-scrollbar-unusable,\n  .os-scrollbar > .os-scrollbar-track {\n    background: transparent;\n  }\n`;\n\nexport const StyledOsHost = styled('div', { name: DSScrollableContainerName, slot: DSScrollableContainerSlots.HOST })``;\n\nexport const StyledOsResizeObserverHost = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.RESIZE_OBSERVER_HOST,\n})``;\n\nexport const StyledOsPadding = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.PADDING,\n})``;\n\nexport const StyledOsViewport = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.VIEWPORT,\n})``;\n\nexport const StyledOsContent = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.CONTENT,\n})``;\n\nexport const StyledOsScrollbarHorizontal = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_HORIZONTAL,\n})``;\n\nexport const StyledOsScrollbarVertical = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_VERTICAL,\n})``;\n\nexport const StyledOsScrollbarTrack = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_TRACK,\n})``;\n\nexport const StyledOsScrollbarHandle = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_HANDLE,\n})`\n  width: 6px;\n  border: 1px solid rgba(0, 0, 0, 0);\n  background-color: rgba(105, 116, 137, 0.5) !important;\n  border-radius: 7px;\n\n  :hover {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n\n  :active {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n`;\n\nexport const StyledOsScrollbarCorner = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_CORNER,\n})``;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,uBAA8D;AAC9D,8BAAsE;AAE/D,MAAM,0BAAsB,yBAAO,OAAO;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAAA,IACG;AAAA;AAGG,MAAM,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8cnC,MAAM,mBAAe,yBAAO,OAAO,EAAE,MAAM,mDAA2B,MAAM,mDAA2B,KAAK,CAAC;AAE7G,MAAM,iCAA6B,yBAAO,OAAO;AAAA,EACtD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,uBAAmB,yBAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,kCAA8B,yBAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,gCAA4B,yBAAO,OAAO;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,8BAA0B,yBAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeM,MAAM,8BAA0B,yBAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;",
   "names": []
 }

package/dist/esm/DSScrollableContainer.js

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-props-helpers";
-import { DSScrollableContainerPropTypes } from "./react-desc-prop-types";
-import { DSScrollableContainerDataTestIds, DSScrollableContainerName } from "./exported_related";
-import { useConfig } from "./config";
+import { DSScrollableContainerPropTypes } from "./react-desc-prop-types.js";
+import { DSScrollableContainerDataTestIds, DSScrollableContainerName } from "./exported_related/index.js";
+import { useConfig } from "./config/index.js";
 import {
   StyledOsContent,
   StyledOsHost,
@@ -17,7 +17,7 @@ import {
   StyledOsScrollbarVertical,
   StyledOsViewport,
   GlobalStyleScrollContainer
-} from "./styled";
+} from "./styled.js";
 const DSScrollableContainer = (props) => {
   const {
     propsWithDefault: { children },

package/dist/esm/DSScrollableContainer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSScrollableContainer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport type { DSScrollableContainerT } from './react-desc-prop-types';\nimport { DSScrollableContainerPropTypes } from './react-desc-prop-types';\nimport { DSScrollableContainerDataTestIds, DSScrollableContainerName } from './exported_related';\nimport { useConfig } from './config';\nimport {\n  StyledOsContent,\n  StyledOsHost,\n  StyledOsHostWrapper,\n  StyledOsPadding,\n  StyledOsResizeObserverHost,\n  StyledOsScrollbarCorner,\n  StyledOsScrollbarHandle,\n  StyledOsScrollbarHorizontal,\n  StyledOsScrollbarTrack,\n  StyledOsScrollbarVertical,\n  StyledOsViewport,\n  GlobalStyleScrollContainer,\n} from './styled';\n\nconst DSScrollableContainer: React.ComponentType<DSScrollableContainerT.Props> = (props) => {\n  const {\n    propsWithDefault: { children },\n    globalAttrs,\n    xStyledAttrs,\n    osTargetRef,\n  } = useConfig(props);\n\n  return (\n    <StyledOsHostWrapper data-testid={DSScrollableContainerDataTestIds.ROOT} {...globalAttrs} {...xStyledAttrs}>\n      <GlobalStyleScrollContainer />\n      <StyledOsHost\n        data-testid={DSScrollableContainerDataTestIds.HOST}\n        className=\"os-host\"\n        tabIndex={-1}\n        ref={osTargetRef}\n      >\n        <StyledOsResizeObserverHost\n          data-testid={DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST}\n          className=\"os-resize-observer-host\"\n        />\n        <StyledOsPadding data-testid={DSScrollableContainerDataTestIds.PADDING} className=\"os-padding\">\n          <StyledOsViewport data-testid={DSScrollableContainerDataTestIds.VIEWPORT} className=\"os-viewport\">\n            <StyledOsContent data-testid={DSScrollableContainerDataTestIds.CONTENT} className=\"os-content\" aria-hidden>\n              {children}\n            </StyledOsContent>\n          </StyledOsViewport>\n        </StyledOsPadding>\n        <StyledOsScrollbarHorizontal\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL}\n          className=\"os-scrollbar os-scrollbar-horizontal \"\n        >\n          <StyledOsScrollbarTrack\n            data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n            className=\"os-scrollbar-track\"\n          >\n            <StyledOsScrollbarHandle\n              data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n              className=\"os-scrollbar-handle\"\n            />\n          </StyledOsScrollbarTrack>\n        </StyledOsScrollbarHorizontal>\n        <StyledOsScrollbarVertical\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL}\n          className=\"os-scrollbar os-scrollbar-vertical\"\n        >\n          <StyledOsScrollbarTrack\n            data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n            className=\"os-scrollbar-track\"\n          >\n            <StyledOsScrollbarHandle\n              data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n              className=\"os-scrollbar-handle\"\n            />\n          </StyledOsScrollbarTrack>\n        </StyledOsScrollbarVertical>\n        <StyledOsScrollbarCorner\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_CORNER}\n          className=\"os-scrollbar-corner\"\n        />\n      </StyledOsHost>\n    </StyledOsHostWrapper>\n  );\n};\n\nDSScrollableContainer.propTypes = DSScrollableContainerPropTypes;\nDSScrollableContainer.displayName = DSScrollableContainerName;\nconst DSScrollableContainerWithSchema = describe(DSScrollableContainer);\nDSScrollableContainerWithSchema.propTypes = DSScrollableContainerPropTypes;\n\nexport { DSScrollableContainer, DSScrollableContainerWithSchema };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport type { DSScrollableContainerT } from './react-desc-prop-types.js';\nimport { DSScrollableContainerPropTypes } from './react-desc-prop-types.js';\nimport { DSScrollableContainerDataTestIds, DSScrollableContainerName } from './exported_related/index.js';\nimport { useConfig } from './config/index.js';\nimport {\n  StyledOsContent,\n  StyledOsHost,\n  StyledOsHostWrapper,\n  StyledOsPadding,\n  StyledOsResizeObserverHost,\n  StyledOsScrollbarCorner,\n  StyledOsScrollbarHandle,\n  StyledOsScrollbarHorizontal,\n  StyledOsScrollbarTrack,\n  StyledOsScrollbarVertical,\n  StyledOsViewport,\n  GlobalStyleScrollContainer,\n} from './styled.js';\n\nconst DSScrollableContainer: React.ComponentType<DSScrollableContainerT.Props> = (props) => {\n  const {\n    propsWithDefault: { children },\n    globalAttrs,\n    xStyledAttrs,\n    osTargetRef,\n  } = useConfig(props);\n\n  return (\n    <StyledOsHostWrapper data-testid={DSScrollableContainerDataTestIds.ROOT} {...globalAttrs} {...xStyledAttrs}>\n      <GlobalStyleScrollContainer />\n      <StyledOsHost\n        data-testid={DSScrollableContainerDataTestIds.HOST}\n        className=\"os-host\"\n        tabIndex={-1}\n        ref={osTargetRef}\n      >\n        <StyledOsResizeObserverHost\n          data-testid={DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST}\n          className=\"os-resize-observer-host\"\n        />\n        <StyledOsPadding data-testid={DSScrollableContainerDataTestIds.PADDING} className=\"os-padding\">\n          <StyledOsViewport data-testid={DSScrollableContainerDataTestIds.VIEWPORT} className=\"os-viewport\">\n            <StyledOsContent data-testid={DSScrollableContainerDataTestIds.CONTENT} className=\"os-content\" aria-hidden>\n              {children}\n            </StyledOsContent>\n          </StyledOsViewport>\n        </StyledOsPadding>\n        <StyledOsScrollbarHorizontal\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL}\n          className=\"os-scrollbar os-scrollbar-horizontal \"\n        >\n          <StyledOsScrollbarTrack\n            data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n            className=\"os-scrollbar-track\"\n          >\n            <StyledOsScrollbarHandle\n              data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n              className=\"os-scrollbar-handle\"\n            />\n          </StyledOsScrollbarTrack>\n        </StyledOsScrollbarHorizontal>\n        <StyledOsScrollbarVertical\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL}\n          className=\"os-scrollbar os-scrollbar-vertical\"\n        >\n          <StyledOsScrollbarTrack\n            data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n            className=\"os-scrollbar-track\"\n          >\n            <StyledOsScrollbarHandle\n              data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n              className=\"os-scrollbar-handle\"\n            />\n          </StyledOsScrollbarTrack>\n        </StyledOsScrollbarVertical>\n        <StyledOsScrollbarCorner\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_CORNER}\n          className=\"os-scrollbar-corner\"\n        />\n      </StyledOsHost>\n    </StyledOsHostWrapper>\n  );\n};\n\nDSScrollableContainer.propTypes = DSScrollableContainerPropTypes;\nDSScrollableContainer.displayName = DSScrollableContainerName;\nconst DSScrollableContainerWithSchema = describe(DSScrollableContainer);\nDSScrollableContainerWithSchema.propTypes = DSScrollableContainerPropTypes;\n\nexport { DSScrollableContainer, DSScrollableContainerWithSchema };\n"],
   "mappings": "AAAA,YAAY,WAAW;AC+BjB,cACA,YADA;AA9BN,SAAS,gBAAgB;AAEzB,SAAS,sCAAsC;AAC/C,SAAS,kCAAkC,iCAAiC;AAC5E,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAU,KAAK;AAEnB,SACE,qBAAC,uBAAoB,eAAa,iCAAiC,MAAO,GAAG,aAAc,GAAG,cAC5F;AAAA,wBAAC,8BAA2B;AAAA,IAC5B;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,iCAAiC;AAAA,QAC9C,WAAU;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QAEL;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,oBAAC,mBAAgB,eAAa,iCAAiC,SAAS,WAAU,cAChF,8BAAC,oBAAiB,eAAa,iCAAiC,UAAU,WAAU,eAClF,8BAAC,mBAAgB,eAAa,iCAAiC,SAAS,WAAU,cAAa,eAAW,MACvG,UACH,GACF,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAa,iCAAiC;AAAA,kBAC9C,WAAU;AAAA,kBAEV;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAa,iCAAiC;AAAA,sBAC9C,WAAU;AAAA;AAAA,kBACZ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAa,iCAAiC;AAAA,kBAC9C,WAAU;AAAA,kBAEV;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAa,iCAAiC;AAAA,sBAC9C,WAAU;AAAA;AAAA,kBACZ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
   "names": []
 }

package/dist/esm/config/index.js

@@ -1,3 +1,3 @@
 import * as React from "react";
-export * from "./useConfig";
+export * from "./useConfig.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './useConfig';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './useConfig.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/config/useConfig.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { useGetGlobalAttributes, useValidateTypescriptPropTypes, useGetXstyledProps } from "@elliemae/ds-props-helpers";
 import OverlayScrollbars from "overlayscrollbars";
 import { useEffect, useRef, useState } from "react";
-import { DSScrollableContainerPropTypes } from "../react-desc-prop-types";
+import { DSScrollableContainerPropTypes } from "../react-desc-prop-types.js";
 const options = {
   scrollbars: {
     autoHide: "leave",

package/dist/esm/config/useConfig.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useConfig.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { useGetGlobalAttributes, useValidateTypescriptPropTypes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport type { Options } from 'overlayscrollbars';\nimport OverlayScrollbars from 'overlayscrollbars';\nimport { useEffect, useRef, useState } from 'react';\nimport type { DSScrollableContainerT } from '../react-desc-prop-types';\nimport { DSScrollableContainerPropTypes } from '../react-desc-prop-types';\n\nconst options: Options = {\n  scrollbars: {\n    autoHide: 'leave',\n    autoHideDelay: 0,\n  },\n};\n\ninterface UseConfigT {\n  propsWithDefault: DSScrollableContainerT.Props;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n  osTargetRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const useConfig = (props: DSScrollableContainerT.Props): UseConfigT => {\n  const propsWithDefault = props;\n  useValidateTypescriptPropTypes(propsWithDefault, DSScrollableContainerPropTypes, 'DSScrollableContainer');\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n\n  const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n  const osTargetRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (osTargetRef.current) {\n      const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n      setOsInstance(nextOsInstance);\n    }\n  }, [osInstance]);\n\n  return { propsWithDefault: props, globalAttrs, xStyledAttrs, osTargetRef };\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { useGetGlobalAttributes, useValidateTypescriptPropTypes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport type { Options } from 'overlayscrollbars';\nimport OverlayScrollbars from 'overlayscrollbars';\nimport { useEffect, useRef, useState } from 'react';\nimport type { DSScrollableContainerT } from '../react-desc-prop-types.js';\nimport { DSScrollableContainerPropTypes } from '../react-desc-prop-types.js';\n\nconst options: Options = {\n  scrollbars: {\n    autoHide: 'leave',\n    autoHideDelay: 0,\n  },\n};\n\ninterface UseConfigT {\n  propsWithDefault: DSScrollableContainerT.Props;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n  osTargetRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const useConfig = (props: DSScrollableContainerT.Props): UseConfigT => {\n  const propsWithDefault = props;\n  useValidateTypescriptPropTypes(propsWithDefault, DSScrollableContainerPropTypes, 'DSScrollableContainer');\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n\n  const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n  const osTargetRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (osTargetRef.current) {\n      const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n      setOsInstance(nextOsInstance);\n    }\n  }, [osInstance]);\n\n  return { propsWithDefault: props, globalAttrs, xStyledAttrs, osTargetRef };\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,wBAAwB,gCAAgC,0BAA0B;AAE3F,OAAO,uBAAuB;AAC9B,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,sCAAsC;AAE/C,MAAM,UAAmB;AAAA,EACvB,YAAY;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AASO,MAAM,YAAY,CAAC,UAAoD;AAC5E,QAAM,mBAAmB;AACzB,iCAA+B,kBAAkB,gCAAgC,uBAAuB;AACxG,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B;AAChE,QAAM,cAAc,OAAuB,IAAI;AAE/C,YAAU,MAAM;AACd,QAAI,YAAY,SAAS;AACvB,YAAM,iBAAoC,kBAAkB,YAAY,SAAS,OAAO;AACxF,oBAAc,cAAc;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO,EAAE,kBAAkB,OAAO,aAAa,cAAc,YAAY;AAC3E;",
   "names": []
 }

package/dist/esm/exported_related/index.js

@@ -1,3 +1,3 @@
 import * as React from "react";
-export * from "./definitions";
+export * from "./definitions.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported_related/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './definitions';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './definitions.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,4 +1,4 @@
 import * as React from "react";
-export * from "./DSScrollableContainer";
-export * from "./exported_related";
+export * from "./DSScrollableContainer.js";
+export * from "./exported_related/index.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSScrollableContainer';\nexport * from './exported_related';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSScrollableContainer.js';\nexport * from './exported_related/index.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/styled.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { styled, createGlobalStyle, xStyledCommonProps } from "@elliemae/ds-system";
-import { DSScrollableContainerName, DSScrollableContainerSlots } from "./exported_related";
+import { DSScrollableContainerName, DSScrollableContainerSlots } from "./exported_related/index.js";
 const StyledOsHostWrapper = styled("div", {
   name: DSScrollableContainerName,
   slot: DSScrollableContainerSlots.ROOT

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport type { LayoutProps, SpaceProps, SizingProps } from '@elliemae/ds-system';\nimport { styled, createGlobalStyle, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSScrollableContainerName, DSScrollableContainerSlots } from './exported_related';\n\nexport const StyledOsHostWrapper = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.ROOT,\n})<LayoutProps & SpaceProps & SizingProps>`\n  ${xStyledCommonProps}\n`;\n\nexport const GlobalStyleScrollContainer = createGlobalStyle`\nhtml.os-html,\nhtml.os-html > .os-host {\n    display: block;\n    overflow: hidden;\n    box-sizing: border-box;\n    height: 100% !important;\n    width: 100% !important;\n    min-width: 100% !important;\n    min-height: 100% !important;\n    margin: 0 !important;\n    position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nhtml.os-html > .os-host > .os-padding {\n    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nbody.os-dragging,\nbody.os-dragging * {\n    cursor: default;\n}\n.os-host,\n  .os-host-textarea {\n    position: relative;\n    overflow: visible !important;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-content: flex-start;\n    align-items: flex-start;\n  }\n  #os-dummy-scrollbar-size {\n    position: fixed;\n    opacity: 0;\n    visibility: hidden;\n    overflow: scroll;\n    height: 500px;\n    width: 500px;\n  }\n  #os-dummy-scrollbar-size > div {\n    width: 200%;\n    height: 200%;\n    margin: 10px 0;\n  }\n  #os-dummy-scrollbar-size:before,\n  #os-dummy-scrollbar-size:after,\n  .os-content:before,\n  .os-content:after {\n    content: '';\n    display: table;\n    width: 0.01px;\n    height: 0.01px;\n    line-height: 0;\n    font-size: 0;\n    flex-grow: 0;\n    flex-shrink: 0;\n    visibility: hidden;\n  }\n  #os-dummy-scrollbar-size,\n  .os-viewport {\n    -ms-overflow-style: scrollbar !important;\n  }\n  .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,\n  .os-viewport-native-scrollbars-invisible.os-viewport {\n    scrollbar-width: none !important;\n  }\n  .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,\n  .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,\n  .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,\n  .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    visibility: hidden !important;\n    background: transparent !important;\n  }\n  .os-content-glue {\n    box-sizing: inherit;\n    max-height: 100%;\n    max-width: 100%;\n    width: 100%;\n    pointer-events: none;\n  }\n  .os-padding {\n    box-sizing: inherit;\n    direction: inherit;\n    position: absolute;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: auto !important;\n    height: auto !important;\n    z-index: 0;\n  }\n  .os-host-overflow > .os-padding {\n    overflow: hidden;\n  }\n  .os-viewport {\n    direction: inherit !important;\n    box-sizing: inherit !important;\n    resize: none !important;\n    outline: none !important;\n    position: absolute;\n    overflow: hidden;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    padding: 0;\n    margin: 0;\n    -webkit-overflow-scrolling: touch;\n  }\n  .os-content-arrange {\n    position: absolute;\n    z-index: -1;\n    min-height: 1px;\n    min-width: 1px;\n    pointer-events: none;\n  }\n  .os-content {\n    direction: inherit;\n    box-sizing: border-box !important;\n    position: relative;\n    display: block;\n    height: 100%;\n    width: 100%;\n    height: 100%;\n    width: 100%;\n    visibility: visible;\n  }\n  .os-content > .os-textarea {\n    box-sizing: border-box !important;\n    direction: inherit !important;\n    background: transparent !important;\n    outline: 0 none transparent !important;\n    overflow: hidden !important;\n    position: absolute !important;\n    display: block !important;\n    top: 0 !important;\n    left: 0 !important;\n    margin: 0 !important;\n    border-radius: 0 !important;\n    float: none !important;\n    filter: none !important;\n    border: none !important;\n    resize: none !important;\n    transform: none !important;\n    max-width: none !important;\n    max-height: none !important;\n    box-shadow: none !important;\n    perspective: none !important;\n    opacity: 1 !important;\n    z-index: 1 !important;\n    clip: auto !important;\n    padding: 0;\n  }\n  .os-content > .os-textarea-cover {\n    z-index: -1;\n    pointer-events: none;\n  }\n  .os-content > .os-textarea[wrap='off'] {\n    white-space: pre !important;\n    margin: 0 !important;\n  }\n  .os-text-inherit {\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    font-style: inherit;\n    font-variant: inherit;\n    text-transform: inherit;\n    text-decoration: inherit;\n    text-indent: inherit;\n    text-align: inherit;\n    text-shadow: inherit;\n    text-overflow: inherit;\n    letter-spacing: inherit;\n    word-spacing: inherit;\n    line-height: inherit;\n    unicode-bidi: inherit;\n    direction: inherit;\n    color: inherit;\n    cursor: text;\n  }\n  .os-resize-observer,\n  .os-resize-observer-host {\n    box-sizing: inherit;\n    display: block;\n    visibility: hidden;\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n    pointer-events: none;\n    z-index: -1;\n  }\n  .os-resize-observer-host {\n    padding: inherit;\n    border: inherit;\n    border-color: transparent;\n    border-style: solid;\n    box-sizing: border-box;\n  }\n  .os-resize-observer-host.observed {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n  .os-resize-observer-host > .os-resize-observer,\n  .os-resize-observer-host.observed > .os-resize-observer {\n    height: 200%;\n    width: 200%;\n    padding: inherit;\n    border: inherit;\n    margin: 0;\n    display: block;\n    box-sizing: content-box;\n  }\n  .os-resize-observer-host.observed > .os-resize-observer,\n  .os-resize-observer-host.observed > .os-resize-observer:before {\n    display: flex;\n    position: relative;\n    flex-grow: 1;\n    flex-shrink: 0;\n    flex-basis: auto;\n    box-sizing: border-box;\n  }\n  .os-resize-observer-host.observed > .os-resize-observer:before {\n    content: '';\n    box-sizing: content-box;\n    padding: inherit;\n    border: inherit;\n    margin: 0;\n  }\n  .os-size-auto-observer {\n    box-sizing: inherit !important;\n    height: 100%;\n    width: inherit;\n    max-width: 1px;\n    position: relative;\n    float: left;\n    max-height: 1px;\n    overflow: hidden;\n    z-index: -1;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n    flex-grow: inherit;\n    flex-shrink: 0;\n    flex-basis: 0;\n  }\n  .os-size-auto-observer > .os-resize-observer {\n    width: 1000%;\n    height: 1000%;\n    min-height: 1px;\n    min-width: 1px;\n  }\n  .os-resize-observer-item {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    overflow: hidden;\n    z-index: -1;\n    opacity: 0;\n    direction: ltr !important;\n    flex: none !important;\n  }\n  .os-resize-observer-item-final {\n    position: absolute;\n    left: 0;\n    top: 0;\n    transition: none !important;\n    flex: none !important;\n  }\n  .os-resize-observer {\n    animation-duration: 0.001s;\n    animation-name: os-resize-observer-dummy-animation;\n  }\n\n  @-webkit-keyframes os-resize-observer-dummy-animation {\n    from {\n      z-index: 0;\n    }\n    to {\n      z-index: -1;\n    }\n  }\n  @keyframes os-resize-observer-dummy-animation {\n    from {\n      z-index: 0;\n    }\n    to {\n      z-index: -1;\n    }\n  }\n  .os-host-transition > .os-scrollbar,\n  .os-host-transition > .os-scrollbar-corner {\n    transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;\n  }\n  .os-scrollbar,\n  .os-scrollbar-corner {\n    position: absolute;\n    opacity: 1;\n    z-index: 1;\n  }\n  .os-scrollbar-corner {\n    bottom: 0;\n    right: 0;\n    height: 10px;\n    width: 10px;\n    background-color: transparent;\n  }\n  .os-scrollbar {\n    pointer-events: none;\n    padding: 2px;\n    box-sizing: border-box;\n    background: transparent;\n  }\n  .os-scrollbar-track {\n    pointer-events: auto;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    padding: 0 !important;\n    border: none !important;\n  }\n  .os-scrollbar-handle {\n    pointer-events: auto;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n  }\n  .os-scrollbar-handle-off,\n  .os-scrollbar-track-off {\n    pointer-events: none;\n  }\n  .os-scrollbar.os-scrollbar-unusable,\n  .os-scrollbar.os-scrollbar-unusable * {\n    pointer-events: none !important;\n  }\n  .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {\n    opacity: 0 !important;\n  }\n  .os-scrollbar-horizontal {\n    bottom: 0;\n    left: 0;\n    right: 10px;\n    height: 10px;\n  }\n  .os-scrollbar-vertical {\n    top: 0;\n    right: 0;\n    bottom: 10px;\n    width: 10px;\n  }\n  .os-scrollbar-auto-hidden,\n  .os-padding + .os-scrollbar-corner,\n  .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,\n  .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,\n  .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,\n  .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,\n  .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,\n  .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,\n  .os-scrollbar-horizontal.os-scrollbar-auto-hidden\n    + .os-scrollbar-vertical.os-scrollbar-auto-hidden\n    + .os-scrollbar-corner {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n  }\n  .os-scrollbar-corner-resize-both {\n    cursor: nwse-resize;\n  }\n  .os-scrollbar-corner-resize-horizontal {\n    cursor: ew-resize;\n  }\n  .os-scrollbar-corner-resize-vertical {\n    cursor: ns-resize;\n  }\n  .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {\n    cursor: default;\n  }\n  .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {\n    top: 0;\n    bottom: 0;\n  }\n  .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {\n    right: 0;\n    left: 0;\n  }\n  .os-scrollbar:hover,\n  .os-scrollbar-corner.os-scrollbar-corner-resize {\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n  .os-scrollbar-corner.os-scrollbar-corner-resize {\n    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);\n    background-repeat: no-repeat;\n    background-position: 100% 100%;\n    pointer-events: auto !important;\n  }\n  .os-host-overflow {\n    overflow: hidden !important;\n  }\n  .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {\n    min-width: 30px;\n  }\n  .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {\n    min-height: 30px;\n  }\n  .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n    transition: background-color 0.3s;\n  }\n  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,\n  .os-scrollbar > .os-scrollbar-track {\n    border-radius: 10px;\n  }\n  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n    background: rgba(0, 0, 0, 0.4);\n  }\n  .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {\n    background: rgba(0, 0, 0, 0.55);\n  }\n  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {\n    background: rgba(0, 0, 0, 0.7);\n  }\n  .os-scrollbar-horizontal .os-scrollbar-handle:before,\n  .os-scrollbar-vertical .os-scrollbar-handle:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    display: block;\n  }\n  .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,\n  .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {\n    display: none;\n  }\n  .os-scrollbar-horizontal .os-scrollbar-handle:before {\n    top: -6px;\n    bottom: -2px;\n  }\n  .os-scrollbar-vertical .os-scrollbar-handle:before {\n    left: -6px;\n    right: -2px;\n  }\n  .os-scrollbar.os-scrollbar-unusable,\n  .os-scrollbar > .os-scrollbar-track {\n    background: transparent;\n  }\n`;\n\nexport const StyledOsHost = styled('div', { name: DSScrollableContainerName, slot: DSScrollableContainerSlots.HOST })``;\n\nexport const StyledOsResizeObserverHost = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.RESIZE_OBSERVER_HOST,\n})``;\n\nexport const StyledOsPadding = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.PADDING,\n})``;\n\nexport const StyledOsViewport = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.VIEWPORT,\n})``;\n\nexport const StyledOsContent = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.CONTENT,\n})``;\n\nexport const StyledOsScrollbarHorizontal = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_HORIZONTAL,\n})``;\n\nexport const StyledOsScrollbarVertical = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_VERTICAL,\n})``;\n\nexport const StyledOsScrollbarTrack = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_TRACK,\n})``;\n\nexport const StyledOsScrollbarHandle = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_HANDLE,\n})`\n  width: 6px;\n  border: 1px solid rgba(0, 0, 0, 0);\n  background-color: rgba(105, 116, 137, 0.5) !important;\n  border-radius: 7px;\n\n  :hover {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n\n  :active {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n`;\n\nexport const StyledOsScrollbarCorner = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_CORNER,\n})``;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport type { LayoutProps, SpaceProps, SizingProps } from '@elliemae/ds-system';\nimport { styled, createGlobalStyle, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSScrollableContainerName, DSScrollableContainerSlots } from './exported_related/index.js';\n\nexport const StyledOsHostWrapper = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.ROOT,\n})<LayoutProps & SpaceProps & SizingProps>`\n  ${xStyledCommonProps}\n`;\n\nexport const GlobalStyleScrollContainer = createGlobalStyle`\nhtml.os-html,\nhtml.os-html > .os-host {\n    display: block;\n    overflow: hidden;\n    box-sizing: border-box;\n    height: 100% !important;\n    width: 100% !important;\n    min-width: 100% !important;\n    min-height: 100% !important;\n    margin: 0 !important;\n    position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nhtml.os-html > .os-host > .os-padding {\n    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nbody.os-dragging,\nbody.os-dragging * {\n    cursor: default;\n}\n.os-host,\n  .os-host-textarea {\n    position: relative;\n    overflow: visible !important;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-content: flex-start;\n    align-items: flex-start;\n  }\n  #os-dummy-scrollbar-size {\n    position: fixed;\n    opacity: 0;\n    visibility: hidden;\n    overflow: scroll;\n    height: 500px;\n    width: 500px;\n  }\n  #os-dummy-scrollbar-size > div {\n    width: 200%;\n    height: 200%;\n    margin: 10px 0;\n  }\n  #os-dummy-scrollbar-size:before,\n  #os-dummy-scrollbar-size:after,\n  .os-content:before,\n  .os-content:after {\n    content: '';\n    display: table;\n    width: 0.01px;\n    height: 0.01px;\n    line-height: 0;\n    font-size: 0;\n    flex-grow: 0;\n    flex-shrink: 0;\n    visibility: hidden;\n  }\n  #os-dummy-scrollbar-size,\n  .os-viewport {\n    -ms-overflow-style: scrollbar !important;\n  }\n  .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,\n  .os-viewport-native-scrollbars-invisible.os-viewport {\n    scrollbar-width: none !important;\n  }\n  .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,\n  .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,\n  .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,\n  .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    visibility: hidden !important;\n    background: transparent !important;\n  }\n  .os-content-glue {\n    box-sizing: inherit;\n    max-height: 100%;\n    max-width: 100%;\n    width: 100%;\n    pointer-events: none;\n  }\n  .os-padding {\n    box-sizing: inherit;\n    direction: inherit;\n    position: absolute;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: auto !important;\n    height: auto !important;\n    z-index: 0;\n  }\n  .os-host-overflow > .os-padding {\n    overflow: hidden;\n  }\n  .os-viewport {\n    direction: inherit !important;\n    box-sizing: inherit !important;\n    resize: none !important;\n    outline: none !important;\n    position: absolute;\n    overflow: hidden;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    padding: 0;\n    margin: 0;\n    -webkit-overflow-scrolling: touch;\n  }\n  .os-content-arrange {\n    position: absolute;\n    z-index: -1;\n    min-height: 1px;\n    min-width: 1px;\n    pointer-events: none;\n  }\n  .os-content {\n    direction: inherit;\n    box-sizing: border-box !important;\n    position: relative;\n    display: block;\n    height: 100%;\n    width: 100%;\n    height: 100%;\n    width: 100%;\n    visibility: visible;\n  }\n  .os-content > .os-textarea {\n    box-sizing: border-box !important;\n    direction: inherit !important;\n    background: transparent !important;\n    outline: 0 none transparent !important;\n    overflow: hidden !important;\n    position: absolute !important;\n    display: block !important;\n    top: 0 !important;\n    left: 0 !important;\n    margin: 0 !important;\n    border-radius: 0 !important;\n    float: none !important;\n    filter: none !important;\n    border: none !important;\n    resize: none !important;\n    transform: none !important;\n    max-width: none !important;\n    max-height: none !important;\n    box-shadow: none !important;\n    perspective: none !important;\n    opacity: 1 !important;\n    z-index: 1 !important;\n    clip: auto !important;\n    padding: 0;\n  }\n  .os-content > .os-textarea-cover {\n    z-index: -1;\n    pointer-events: none;\n  }\n  .os-content > .os-textarea[wrap='off'] {\n    white-space: pre !important;\n    margin: 0 !important;\n  }\n  .os-text-inherit {\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    font-style: inherit;\n    font-variant: inherit;\n    text-transform: inherit;\n    text-decoration: inherit;\n    text-indent: inherit;\n    text-align: inherit;\n    text-shadow: inherit;\n    text-overflow: inherit;\n    letter-spacing: inherit;\n    word-spacing: inherit;\n    line-height: inherit;\n    unicode-bidi: inherit;\n    direction: inherit;\n    color: inherit;\n    cursor: text;\n  }\n  .os-resize-observer,\n  .os-resize-observer-host {\n    box-sizing: inherit;\n    display: block;\n    visibility: hidden;\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n    pointer-events: none;\n    z-index: -1;\n  }\n  .os-resize-observer-host {\n    padding: inherit;\n    border: inherit;\n    border-color: transparent;\n    border-style: solid;\n    box-sizing: border-box;\n  }\n  .os-resize-observer-host.observed {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n  .os-resize-observer-host > .os-resize-observer,\n  .os-resize-observer-host.observed > .os-resize-observer {\n    height: 200%;\n    width: 200%;\n    padding: inherit;\n    border: inherit;\n    margin: 0;\n    display: block;\n    box-sizing: content-box;\n  }\n  .os-resize-observer-host.observed > .os-resize-observer,\n  .os-resize-observer-host.observed > .os-resize-observer:before {\n    display: flex;\n    position: relative;\n    flex-grow: 1;\n    flex-shrink: 0;\n    flex-basis: auto;\n    box-sizing: border-box;\n  }\n  .os-resize-observer-host.observed > .os-resize-observer:before {\n    content: '';\n    box-sizing: content-box;\n    padding: inherit;\n    border: inherit;\n    margin: 0;\n  }\n  .os-size-auto-observer {\n    box-sizing: inherit !important;\n    height: 100%;\n    width: inherit;\n    max-width: 1px;\n    position: relative;\n    float: left;\n    max-height: 1px;\n    overflow: hidden;\n    z-index: -1;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n    flex-grow: inherit;\n    flex-shrink: 0;\n    flex-basis: 0;\n  }\n  .os-size-auto-observer > .os-resize-observer {\n    width: 1000%;\n    height: 1000%;\n    min-height: 1px;\n    min-width: 1px;\n  }\n  .os-resize-observer-item {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    overflow: hidden;\n    z-index: -1;\n    opacity: 0;\n    direction: ltr !important;\n    flex: none !important;\n  }\n  .os-resize-observer-item-final {\n    position: absolute;\n    left: 0;\n    top: 0;\n    transition: none !important;\n    flex: none !important;\n  }\n  .os-resize-observer {\n    animation-duration: 0.001s;\n    animation-name: os-resize-observer-dummy-animation;\n  }\n\n  @-webkit-keyframes os-resize-observer-dummy-animation {\n    from {\n      z-index: 0;\n    }\n    to {\n      z-index: -1;\n    }\n  }\n  @keyframes os-resize-observer-dummy-animation {\n    from {\n      z-index: 0;\n    }\n    to {\n      z-index: -1;\n    }\n  }\n  .os-host-transition > .os-scrollbar,\n  .os-host-transition > .os-scrollbar-corner {\n    transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;\n  }\n  .os-scrollbar,\n  .os-scrollbar-corner {\n    position: absolute;\n    opacity: 1;\n    z-index: 1;\n  }\n  .os-scrollbar-corner {\n    bottom: 0;\n    right: 0;\n    height: 10px;\n    width: 10px;\n    background-color: transparent;\n  }\n  .os-scrollbar {\n    pointer-events: none;\n    padding: 2px;\n    box-sizing: border-box;\n    background: transparent;\n  }\n  .os-scrollbar-track {\n    pointer-events: auto;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    padding: 0 !important;\n    border: none !important;\n  }\n  .os-scrollbar-handle {\n    pointer-events: auto;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n  }\n  .os-scrollbar-handle-off,\n  .os-scrollbar-track-off {\n    pointer-events: none;\n  }\n  .os-scrollbar.os-scrollbar-unusable,\n  .os-scrollbar.os-scrollbar-unusable * {\n    pointer-events: none !important;\n  }\n  .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {\n    opacity: 0 !important;\n  }\n  .os-scrollbar-horizontal {\n    bottom: 0;\n    left: 0;\n    right: 10px;\n    height: 10px;\n  }\n  .os-scrollbar-vertical {\n    top: 0;\n    right: 0;\n    bottom: 10px;\n    width: 10px;\n  }\n  .os-scrollbar-auto-hidden,\n  .os-padding + .os-scrollbar-corner,\n  .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,\n  .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,\n  .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,\n  .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,\n  .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,\n  .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,\n  .os-scrollbar-horizontal.os-scrollbar-auto-hidden\n    + .os-scrollbar-vertical.os-scrollbar-auto-hidden\n    + .os-scrollbar-corner {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n  }\n  .os-scrollbar-corner-resize-both {\n    cursor: nwse-resize;\n  }\n  .os-scrollbar-corner-resize-horizontal {\n    cursor: ew-resize;\n  }\n  .os-scrollbar-corner-resize-vertical {\n    cursor: ns-resize;\n  }\n  .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {\n    cursor: default;\n  }\n  .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {\n    top: 0;\n    bottom: 0;\n  }\n  .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {\n    right: 0;\n    left: 0;\n  }\n  .os-scrollbar:hover,\n  .os-scrollbar-corner.os-scrollbar-corner-resize {\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n  .os-scrollbar-corner.os-scrollbar-corner-resize {\n    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);\n    background-repeat: no-repeat;\n    background-position: 100% 100%;\n    pointer-events: auto !important;\n  }\n  .os-host-overflow {\n    overflow: hidden !important;\n  }\n  .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {\n    min-width: 30px;\n  }\n  .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {\n    min-height: 30px;\n  }\n  .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n    transition: background-color 0.3s;\n  }\n  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,\n  .os-scrollbar > .os-scrollbar-track {\n    border-radius: 10px;\n  }\n  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n    background: rgba(0, 0, 0, 0.4);\n  }\n  .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {\n    background: rgba(0, 0, 0, 0.55);\n  }\n  .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {\n    background: rgba(0, 0, 0, 0.7);\n  }\n  .os-scrollbar-horizontal .os-scrollbar-handle:before,\n  .os-scrollbar-vertical .os-scrollbar-handle:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    display: block;\n  }\n  .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,\n  .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {\n    display: none;\n  }\n  .os-scrollbar-horizontal .os-scrollbar-handle:before {\n    top: -6px;\n    bottom: -2px;\n  }\n  .os-scrollbar-vertical .os-scrollbar-handle:before {\n    left: -6px;\n    right: -2px;\n  }\n  .os-scrollbar.os-scrollbar-unusable,\n  .os-scrollbar > .os-scrollbar-track {\n    background: transparent;\n  }\n`;\n\nexport const StyledOsHost = styled('div', { name: DSScrollableContainerName, slot: DSScrollableContainerSlots.HOST })``;\n\nexport const StyledOsResizeObserverHost = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.RESIZE_OBSERVER_HOST,\n})``;\n\nexport const StyledOsPadding = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.PADDING,\n})``;\n\nexport const StyledOsViewport = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.VIEWPORT,\n})``;\n\nexport const StyledOsContent = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.CONTENT,\n})``;\n\nexport const StyledOsScrollbarHorizontal = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_HORIZONTAL,\n})``;\n\nexport const StyledOsScrollbarVertical = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_VERTICAL,\n})``;\n\nexport const StyledOsScrollbarTrack = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_TRACK,\n})``;\n\nexport const StyledOsScrollbarHandle = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_HANDLE,\n})`\n  width: 6px;\n  border: 1px solid rgba(0, 0, 0, 0);\n  background-color: rgba(105, 116, 137, 0.5) !important;\n  border-radius: 7px;\n\n  :hover {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n\n  :active {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n`;\n\nexport const StyledOsScrollbarCorner = styled('div', {\n  name: DSScrollableContainerName,\n  slot: DSScrollableContainerSlots.SCROLLBAR_CORNER,\n})``;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,QAAQ,mBAAmB,0BAA0B;AAC9D,SAAS,2BAA2B,kCAAkC;AAE/D,MAAM,sBAAsB,OAAO,OAAO;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAAA,IACG;AAAA;AAGG,MAAM,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8cnC,MAAM,eAAe,OAAO,OAAO,EAAE,MAAM,2BAA2B,MAAM,2BAA2B,KAAK,CAAC;AAE7G,MAAM,6BAA6B,OAAO,OAAO;AAAA,EACtD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,8BAA8B,OAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,4BAA4B,OAAO,OAAO;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,0BAA0B,OAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeM,MAAM,0BAA0B,OAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;",
   "names": []
 }

package/dist/types/DSScrollableContainer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { DSScrollableContainerT } from './react-desc-prop-types';
+import type { DSScrollableContainerT } from './react-desc-prop-types.js';
 declare const DSScrollableContainer: React.ComponentType<DSScrollableContainerT.Props>;
-declare const DSScrollableContainerWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSScrollableContainerT.Props>;
+declare const DSScrollableContainerWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSScrollableContainerT.Props>;
 export { DSScrollableContainer, DSScrollableContainerWithSchema };

package/dist/types/config/index.d.ts

@@ -1 +1 @@
-export * from './useConfig';
+export * from './useConfig.js';

package/dist/types/config/useConfig.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
-import type { DSScrollableContainerT } from '../react-desc-prop-types';
+import type { DSScrollableContainerT } from '../react-desc-prop-types.js';
 interface UseConfigT {
     propsWithDefault: DSScrollableContainerT.Props;
     globalAttributes: GlobalAttributesT;

package/dist/types/exported_related/index.d.ts

@@ -1 +1 @@
-export * from './definitions';
+export * from './definitions.js';

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DSScrollableContainer';
-export * from './exported_related';
+export * from './DSScrollableContainer.js';
+export * from './exported_related/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-scrollable-container",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Scrollable Container",
   "files": [
@@ -36,9 +36,9 @@
   },
   "dependencies": {
     "overlayscrollbars": "1.13.3",
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-system": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0"
+    "@elliemae/ds-props-helpers": "3.16.1",
+    "@elliemae/ds-system": "3.16.1",
+    "@elliemae/ds-utilities": "3.16.1"
   },
   "peerDependencies": {
     "react": "^17.0.2",