@elliemae/ds-legacy-slider 1.0.0-rc.1

package/dist/cjs/components/Track.js

@@ -0,0 +1,77 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Track_exports = {};
+__export(Track_exports, {
+  default: () => Track_default
+});
+module.exports = __toCommonJS(Track_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_range = require("react-range");
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+var import_TickMarks = __toESM(require("./TickMarks.js"));
+var import_TickMarksValues = __toESM(require("./TickMarksValues.js"));
+var import_context = require("./context.js");
+const Track = ({ children, props }) => {
+  const { disabled, minValue, maxValue, rangeValues, withTickMarks, withTickMarksValues, withTwoHandles } = (0, import_react.useContext)(import_context.SliderContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      TrackStyled,
+      {
+        ...props,
+        disabled,
+        minValue,
+        maxValue,
+        rangeValues,
+        withTwoHandles,
+        children: [
+          children,
+          withTickMarks && !disabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TickMarks.default, {})
+        ]
+      }
+    ),
+    withTickMarksValues && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TickMarksValues.default, {})
+  ] });
+};
+const TrackStyled = import_ds_legacy_system.styled.div`
+  position: relative;
+  height: ${(props) => (0, import_ds_legacy_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)};
+  width: 100%;
+  min-width: ${(props) => (0, import_ds_legacy_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxl)};
+  border-radius: ${(props) => (0, import_ds_legacy_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)};
+  background: ${(props) => props.disabled ? props.theme.colors.neutral[100] : (0, import_react_range.getTrackBackground)({
+  values: props.rangeValues,
+  colors: props.withTwoHandles ? [props.theme.colors.neutral[100], props.theme.colors.brand[600], props.theme.colors.neutral[100]] : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],
+  min: props.minValue,
+  max: props.maxValue
+})};
+`;
+var Track_default = Track;
+//# sourceMappingURL=Track.js.map

package/dist/cjs/components/Track.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Track.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable indent */\n/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { getTrackBackground } from 'react-range';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-legacy-system';\nimport TickMarks from './TickMarks.js';\nimport TickMarksValues from './TickMarksValues.js';\nimport { SliderContext } from './context.js';\n\nconst Track = ({ children, props }) => {\n  const { disabled, minValue, maxValue, rangeValues, withTickMarks, withTickMarksValues, withTwoHandles } =\n    useContext(SliderContext);\n\n  return (\n    <>\n      <TrackStyled\n        {...props} // This is needed because it's received from the library\n        disabled={disabled}\n        minValue={minValue}\n        maxValue={maxValue}\n        rangeValues={rangeValues}\n        withTwoHandles={withTwoHandles}\n      >\n        {children}\n        {withTickMarks && !disabled && <TickMarks />}\n      </TrackStyled>\n      {withTickMarksValues && <TickMarksValues />}\n    </>\n  );\n};\n\nconst TrackStyled = styled.div`\n  position: relative;\n  height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  width: 100%;\n  min-width: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxl)};\n  border-radius: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  background: ${(props) =>\n    props.disabled\n      ? props.theme.colors.neutral[100]\n      : getTrackBackground({\n          values: props.rangeValues,\n          colors: props.withTwoHandles\n            ? [props.theme.colors.neutral[100], props.theme.colors.brand[600], props.theme.colors.neutral[100]]\n            : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],\n          min: props.minValue,\n          max: props.maxValue,\n        })};\n`;\n\nexport default Track;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAZJ,mBAAkC;AAClC,yBAAmC;AACnC,8BAAiD;AACjD,uBAAsB;AACtB,6BAA4B;AAC5B,qBAA8B;AAE9B,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM,MAAM;AACrC,QAAM,EAAE,UAAU,UAAU,UAAU,aAAa,eAAe,qBAAqB,eAAe,QACpG,yBAAW,4BAAa;AAE1B,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,UACA,iBAAiB,CAAC,YAAY,4CAAC,iBAAAA,SAAA,EAAU;AAAA;AAAA;AAAA,IAC5C;AAAA,IACC,uBAAuB,4CAAC,uBAAAC,SAAA,EAAgB;AAAA,KAC3C;AAEJ;AAEA,MAAM,cAAc,+BAAO;AAAA;AAAA,YAEf,CAAC,cAAU,kDAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA,eAEtD,CAAC,cAAU,kDAAyB,MAAM,MAAM,MAAM,GAAG;AAAA,mBACrD,CAAC,cAAU,kDAAyB,MAAM,MAAM,MAAM,GAAG;AAAA,gBAC5D,CAAC,UACb,MAAM,WACF,MAAM,MAAM,OAAO,QAAQ,GAAG,QAC9B,uCAAmB;AAAA,EACjB,QAAQ,MAAM;AAAA,EACd,QAAQ,MAAM,iBACV,CAAC,MAAM,MAAM,OAAO,QAAQ,GAAG,GAAG,MAAM,MAAM,OAAO,MAAM,GAAG,GAAG,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC,IAChG,CAAC,MAAM,MAAM,OAAO,MAAM,GAAG,GAAG,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,EACnE,KAAK,MAAM;AAAA,EACX,KAAK,MAAM;AACb,CAAC;AAAA;AAGT,IAAO,gBAAQ;",
+  "names": ["TickMarks", "TickMarksValues"]
+}

package/dist/cjs/components/context.js

@@ -0,0 +1,37 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var context_exports = {};
+__export(context_exports, {
+  SliderContext: () => SliderContext
+});
+module.exports = __toCommonJS(context_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const SliderContext = import_react.default.createContext();
+//# sourceMappingURL=context.js.map

package/dist/cjs/components/context.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/context.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\n\nexport const SliderContext = React.createContext();\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAEX,MAAM,gBAAgB,aAAAA,QAAM,cAAc;",
+  "names": ["React"]
+}

package/dist/cjs/components/styled.js

@@ -0,0 +1,104 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styled_exports = {};
+__export(styled_exports, {
+  LabelText: () => LabelText,
+  LabelWrapper: () => LabelWrapper,
+  StyledRangeWrapper: () => StyledRangeWrapper,
+  ThumbStyled: () => ThumbStyled,
+  TooltipArrow: () => TooltipArrow,
+  TooltipContainerStyled: () => TooltipContainerStyled,
+  ValueText: () => ValueText
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+var import_ds_legacy_system2 = require("@elliemae/ds-legacy-system");
+var import_ds_legacy_tooltip = require("@elliemae/ds-legacy-tooltip");
+const ThumbStyled = import_ds_legacy_system.styled.div`
+  height: 20px;
+  width: 20px;
+  top: 0;
+  background-color: ${(props) => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral["000"]};
+  border-radius: 10px;
+  border: 1px solid ${(props) => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400]};
+
+  :focus {
+    border: 1px solid ${(props) => props.theme.colors.brand[600]};
+    outline: unset;
+  }
+
+  :hover {
+    background-color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[100] : theme.colors.brand[200]};
+  }
+`;
+const TooltipContainerStyled = (0, import_ds_legacy_system.styled)(import_ds_legacy_tooltip.TooltipContainer)`
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  top: -35px;
+  width: max-content;
+  left: 50%;
+  transform: translateX(-50%);
+  visibility: ${({ isDragged, isHovered }) => isDragged || isHovered ? "visible" : "hidden"};
+`;
+const TooltipArrow = import_ds_legacy_system.styled.div`
+  position: absolute;
+  width: 0;
+  height: 0;
+  top: 20px;
+  color: white;
+  border-left: calc(${(props) => (0, import_ds_legacy_system2.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)} * 2.5) solid transparent;
+  border-right: calc(${(props) => (0, import_ds_legacy_system2.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)} * 2.5) solid transparent;
+
+  border-top: calc(${(props) => (0, import_ds_legacy_system2.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)} * 2.5) solid
+    ${(props) => props.theme.colors.neutral["000"]};
+`;
+const LabelWrapper = import_ds_legacy_system.styled.div`
+  padding: 0 8px;
+  max-width: 100%;
+  line-height: 1;
+  height: 12px;
+  width: ${(props) => `${props.width || 0}px`};
+`;
+const LabelText = import_ds_legacy_system.styled.span`
+  color: ${(props) => props.theme.colors.neutral[600]};
+`;
+const ValueText = import_ds_legacy_system.styled.span`
+  color: ${({ disabled, theme }) => theme.colors.neutral[disabled ? 500 : 800]};
+`;
+const StyledRangeWrapper = import_ds_legacy_system.styled.div`
+  min-height: 28px;
+  margin: 0 16px;
+  display: grid;
+  grid-template-rows: 28px auto;
+  align-items: center;
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable indent */\nimport { styled } from '@elliemae/ds-legacy-system';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-legacy-system';\nimport { TooltipContainer } from '@elliemae/ds-legacy-tooltip';\n\nexport const ThumbStyled = styled.div`\n  height: 20px;\n  width: 20px;\n  top: 0;\n  background-color: ${(props) =>\n    props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000']};\n  border-radius: 10px;\n  border: 1px solid ${(props) => (props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400])};\n\n  :focus {\n    border: 1px solid ${(props) => props.theme.colors.brand[600]};\n    outline: unset;\n  }\n\n  :hover {\n    background-color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[100] : theme.colors.brand[200])};\n  }\n`;\n\nexport const TooltipContainerStyled = styled(TooltipContainer)`\n  position: relative;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  top: -35px;\n  width: max-content;\n  left: 50%;\n  transform: translateX(-50%);\n  visibility: ${({ isDragged, isHovered }) => (isDragged || isHovered ? 'visible' : 'hidden')};\n`;\n// TODO: didn't work with DSTooltip, see how to improve\nexport const TooltipArrow = styled.div`\n  position: absolute;\n  width: 0;\n  height: 0;\n  top: 20px;\n  color: white;\n  border-left: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid transparent;\n  border-right: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid transparent;\n\n  border-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid\n    ${(props) => props.theme.colors.neutral['000']};\n`;\n\nexport const LabelWrapper = styled.div`\n  padding: 0 8px;\n  max-width: 100%;\n  line-height: 1;\n  height: 12px;\n  width: ${(props) => `${props.width || 0}px`};\n`;\n\nexport const LabelText = styled.span`\n  color: ${(props) => props.theme.colors.neutral[600]};\n`;\n\nexport const ValueText = styled.span`\n  color: ${({ disabled, theme }) => theme.colors.neutral[disabled ? 500 : 800]};\n`;\n\nexport const StyledRangeWrapper = styled.div`\n  min-height: 28px;\n  margin: 0 16px;\n  display: grid;\n  grid-template-rows: 28px auto;\n  align-items: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAuB;AACvB,IAAAA,2BAAyC;AACzC,+BAAiC;AAE1B,MAAM,cAAc,+BAAO;AAAA;AAAA;AAAA;AAAA,sBAIZ,CAAC,UACnB,MAAM,WAAW,MAAM,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA,sBAEjE,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,wBAG3F,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKvC,CAAC,EAAE,UAAU,MAAM,MAAO,WAAW,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAIxG,MAAM,6BAAyB,gCAAO,yCAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS7C,CAAC,EAAE,WAAW,UAAU,MAAO,aAAa,YAAY,YAAY;AAAA;AAG7E,MAAM,eAAe,+BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMb,CAAC,cAAU,mDAAyB,MAAM,MAAM,MAAM,GAAG;AAAA,uBACxD,CAAC,cAAU,mDAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA,qBAE3D,CAAC,cAAU,mDAAyB,MAAM,MAAM,MAAM,GAAG;AAAA,MACxE,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAG1C,MAAM,eAAe,+BAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKxB,CAAC,UAAU,GAAG,MAAM,SAAS;AAAA;AAGjC,MAAM,YAAY,+BAAO;AAAA,WACrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAG7C,MAAM,YAAY,+BAAO;AAAA,WACrB,CAAC,EAAE,UAAU,MAAM,MAAM,MAAM,OAAO,QAAQ,WAAW,MAAM,GAAG;AAAA;AAGtE,MAAM,qBAAqB,+BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["import_ds_legacy_system"]
+}

package/dist/cjs/components/useOptionalCustomTickMarksValues.js

@@ -0,0 +1,74 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useOptionalCustomTickMarksValues_exports = {};
+__export(useOptionalCustomTickMarksValues_exports, {
+  useOptionalCustomTickMarksValues: () => useOptionalCustomTickMarksValues
+});
+module.exports = __toCommonJS(useOptionalCustomTickMarksValues_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const getDefaultTickMarksValues = ({
+  minValue,
+  maxValue,
+  step
+}) => {
+  let parsedValuesArray = [];
+  if (maxValue && step) {
+    const newLength = Math.ceil(maxValue / step);
+    const valuesArray = [];
+    for (let i = 0; i <= newLength; i += 1) {
+      valuesArray.push(step * i);
+    }
+    parsedValuesArray = valuesArray;
+  }
+  return {
+    parsedMinValue: minValue,
+    parsedMaxValue: maxValue,
+    parsedStep: step,
+    parsedValuesArray
+  };
+};
+const getCustomTickMarksValues = ({
+  customTickMarksValues
+}) => ({
+  parsedMinValue: 0,
+  parsedMaxValue: customTickMarksValues.length - 1,
+  parsedStep: 1,
+  parsedValuesArray: customTickMarksValues
+});
+const useOptionalCustomTickMarksValues = (props) => {
+  const { customTickMarksValues, minValue, maxValue, step } = props;
+  return import_react.default.useMemo(() => {
+    const canUseCustomTickMarksValues = customTickMarksValues?.length;
+    if (canUseCustomTickMarksValues)
+      return getCustomTickMarksValues({ customTickMarksValues });
+    return getDefaultTickMarksValues({ minValue, maxValue, step });
+  }, [customTickMarksValues, maxValue, minValue, step]);
+};
+//# sourceMappingURL=useOptionalCustomTickMarksValues.js.map

package/dist/cjs/components/useOptionalCustomTickMarksValues.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/useOptionalCustomTickMarksValues.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport type { DSSliderT } from '../prop-types.js';\n\n// when the user doesn't pass customTickMarksValues\n//  the internal opinion the component makes is that\n//  - the minValue will be provided by the user (default to defaultProps.minValue)\n//  - the maxValue will be provided by the user (default to defaultProps.maxValue)\n//  - the step will be provided by the user (default to defaultProps.step)\n//  - the values array will be generated from the above values (min, max, step)\nconst getDefaultTickMarksValues = ({\n  minValue,\n  maxValue,\n  step,\n}: {\n  minValue: DSSliderT.InternalProps['minValue'];\n  maxValue: DSSliderT.InternalProps['maxValue'];\n  step: DSSliderT.InternalProps['step'];\n}) => {\n  // this is truly number[], but for custom logic and props we support string[] as well,\n  //   this typecast just makes it easier to work with right now...\n  let parsedValuesArray: DSSliderT.CustomTickMarkValue[] = [];\n  if (maxValue && step) {\n    const newLength = Math.ceil(maxValue / step);\n    const valuesArray = [];\n    // storycally \"i\" starts from 0... I don't understand why it's not starting from minValue...\n    //  if it ain't broke, don't fix it.\n    for (let i = 0; i <= newLength; i += 1) {\n      valuesArray.push(step * i);\n    }\n\n    parsedValuesArray = valuesArray;\n  }\n\n  return {\n    parsedMinValue: minValue,\n    parsedMaxValue: maxValue,\n    parsedStep: step,\n    parsedValuesArray,\n  };\n};\n// when user passes customTickMarksValues\n// the internal opinion the component makes is that\n//  - the minValue will be 0\n//  - the maxValue will be the last index of the array\n//  - the step will be 1\n//  - the values array will be the customTickMarksValues array\n// the idea is that since customTickMarksValues may potentially be string[]\n//   we can't really do math on it, so we just use the index of the array as the value\n//   this is why we force step to be 1, minValue to be 0, and maxValue to be the last index of the array.\nconst getCustomTickMarksValues = ({\n  customTickMarksValues,\n}: {\n  customTickMarksValues: Required<DSSliderT.Props>['customTickMarksValues'];\n}) => ({\n  parsedMinValue: 0,\n  parsedMaxValue: customTickMarksValues.length - 1,\n  parsedStep: 1,\n  parsedValuesArray: customTickMarksValues,\n});\n\nexport const useOptionalCustomTickMarksValues = (props: DSSliderT.InternalProps) => {\n  const { customTickMarksValues, minValue, maxValue, step } = props;\n  return React.useMemo(() => {\n    const canUseCustomTickMarksValues = customTickMarksValues?.length;\n    if (canUseCustomTickMarksValues) return getCustomTickMarksValues({ customTickMarksValues });\n    return getDefaultTickMarksValues({ minValue, maxValue, step });\n  }, [customTickMarksValues, maxValue, minValue, step]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AASlB,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AAGJ,MAAI,oBAAqD,CAAC;AAC1D,MAAI,YAAY,MAAM;AACpB,UAAM,YAAY,KAAK,KAAK,WAAW,IAAI;AAC3C,UAAM,cAAc,CAAC;AAGrB,aAAS,IAAI,GAAG,KAAK,WAAW,KAAK,GAAG;AACtC,kBAAY,KAAK,OAAO,CAAC;AAAA,IAC3B;AAEA,wBAAoB;AAAA,EACtB;AAEA,SAAO;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ;AAAA,EACF;AACF;AAUA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AACF,OAEO;AAAA,EACL,gBAAgB;AAAA,EAChB,gBAAgB,sBAAsB,SAAS;AAAA,EAC/C,YAAY;AAAA,EACZ,mBAAmB;AACrB;AAEO,MAAM,mCAAmC,CAAC,UAAmC;AAClF,QAAM,EAAE,uBAAuB,UAAU,UAAU,KAAK,IAAI;AAC5D,SAAO,aAAAA,QAAM,QAAQ,MAAM;AACzB,UAAM,8BAA8B,uBAAuB;AAC3D,QAAI;AAA6B,aAAO,yBAAyB,EAAE,sBAAsB,CAAC;AAC1F,WAAO,0BAA0B,EAAE,UAAU,UAAU,KAAK,CAAC;AAAA,EAC/D,GAAG,CAAC,uBAAuB,UAAU,UAAU,IAAI,CAAC;AACtD;",
+  "names": ["React"]
+}

package/dist/cjs/components/useSelectedValuesArray.js

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useSelectedValuesArray_exports = {};
+__export(useSelectedValuesArray_exports, {
+  useSelectedValuesArray: () => useSelectedValuesArray
+});
+module.exports = __toCommonJS(useSelectedValuesArray_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const getArrayOfSelectedValues = (arr, range, isCustomTickMarksValues = false) => {
+  const [minVal, maxVal] = range;
+  const trueMinVal = isCustomTickMarksValues ? arr[minVal] : minVal;
+  if (maxVal === void 0)
+    return [trueMinVal];
+  const minIndex = arr.findIndex((el) => el === trueMinVal);
+  const trueMaxVal = isCustomTickMarksValues ? arr[maxVal] : maxVal;
+  const maxIndex = arr.findIndex((el) => el === trueMaxVal);
+  if (minIndex >= 0 && maxIndex > minIndex)
+    return arr.slice(minIndex, maxIndex + 1);
+  return [];
+};
+const useSelectedValuesArray = ({
+  parsedValuesArray,
+  rangeValues,
+  customTickMarksValues
+}) => {
+  const [fullSelectedValues, setFullSelectedValues] = (0, import_react.useState)([]);
+  (0, import_react.useEffect)(() => {
+    const selectedRangeValues = getArrayOfSelectedValues(
+      parsedValuesArray,
+      rangeValues,
+      !!customTickMarksValues?.length
+    );
+    setFullSelectedValues(selectedRangeValues);
+  }, [parsedValuesArray, rangeValues, customTickMarksValues?.length]);
+  return import_react.default.useMemo(() => [fullSelectedValues, setFullSelectedValues], [fullSelectedValues]);
+};
+//# sourceMappingURL=useSelectedValuesArray.js.map

package/dist/cjs/components/useSelectedValuesArray.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/useSelectedValuesArray.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport type { DSSliderT } from '../prop-types.js';\n\nconst getArrayOfSelectedValues = (\n  arr: DSSliderT.CustomTickMarkValue[],\n  range: DSSliderT.RangeTuple,\n  isCustomTickMarksValues = false,\n): DSSliderT.CustomTickMarkValue[] => {\n  const [minVal, maxVal] = range;\n  const trueMinVal = isCustomTickMarksValues ? arr[minVal] : minVal;\n  // if only one handler, return the value in an array\n  if (maxVal === undefined) return [trueMinVal];\n\n  // if two handlers, return the [trueMinVal, val1BetweenMinMax, {...}, valNBetweenMinMax, trueMaxVal]\n  const minIndex = arr.findIndex((el) => el === trueMinVal);\n\n  const trueMaxVal = isCustomTickMarksValues ? arr[maxVal] : maxVal;\n  const maxIndex = arr.findIndex((el) => el === trueMaxVal);\n\n  if (minIndex >= 0 && maxIndex > minIndex) return arr.slice(minIndex, maxIndex + 1);\n  // catastrophic scenario,\n  // if this happen this implies that\n  //  - somehow the user managed to set the minValue to be greater than maxValue\n  //  - somehow the maxValue/minValue is not in the array\n  //    if maxIndex -1 (not found) the maxIndex > minIndex condition will fail...\n  return [];\n};\n\nexport const useSelectedValuesArray = ({\n  parsedValuesArray,\n  rangeValues,\n  customTickMarksValues,\n}: {\n  parsedValuesArray: DSSliderT.CustomTickMarkValue[];\n  rangeValues: DSSliderT.RangeTuple;\n  customTickMarksValues: DSSliderT.Props['customTickMarksValues'];\n}) => {\n  //  this is used to change the text color of the tickmarks values\n  const [fullSelectedValues, setFullSelectedValues] = useState<DSSliderT.CustomTickMarkValue[]>([]);\n  useEffect(() => {\n    const selectedRangeValues = getArrayOfSelectedValues(\n      parsedValuesArray,\n      rangeValues,\n      !!customTickMarksValues?.length,\n    );\n    setFullSelectedValues(selectedRangeValues);\n  }, [parsedValuesArray, rangeValues, customTickMarksValues?.length]);\n  return React.useMemo(() => [fullSelectedValues, setFullSelectedValues], [fullSelectedValues]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAG3C,MAAM,2BAA2B,CAC/B,KACA,OACA,0BAA0B,UACU;AACpC,QAAM,CAAC,QAAQ,MAAM,IAAI;AACzB,QAAM,aAAa,0BAA0B,IAAI,MAAM,IAAI;AAE3D,MAAI,WAAW;AAAW,WAAO,CAAC,UAAU;AAG5C,QAAM,WAAW,IAAI,UAAU,CAAC,OAAO,OAAO,UAAU;AAExD,QAAM,aAAa,0BAA0B,IAAI,MAAM,IAAI;AAC3D,QAAM,WAAW,IAAI,UAAU,CAAC,OAAO,OAAO,UAAU;AAExD,MAAI,YAAY,KAAK,WAAW;AAAU,WAAO,IAAI,MAAM,UAAU,WAAW,CAAC;AAMjF,SAAO,CAAC;AACV;AAEO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AAEJ,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,uBAA0C,CAAC,CAAC;AAChG,8BAAU,MAAM;AACd,UAAM,sBAAsB;AAAA,MAC1B;AAAA,MACA;AAAA,MACA,CAAC,CAAC,uBAAuB;AAAA,IAC3B;AACA,0BAAsB,mBAAmB;AAAA,EAC3C,GAAG,CAAC,mBAAmB,aAAa,uBAAuB,MAAM,CAAC;AAClE,SAAO,aAAAA,QAAM,QAAQ,MAAM,CAAC,oBAAoB,qBAAqB,GAAG,CAAC,kBAAkB,CAAC;AAC9F;",
+  "names": ["React"]
+}

package/dist/cjs/components/utils.js

@@ -0,0 +1,60 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  conformedLabel: () => conformedLabel,
+  conformedThumbLabel: () => conformedThumbLabel
+});
+module.exports = __toCommonJS(utils_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
+const conformedLabel = (rangeValues, label = "", labelWithValue = false, withTwoHandles = false, customTickMarksValues = [], step = 1, minValue = 0) => {
+  const msg = label.trim();
+  let value = "";
+  if (!(0, import_ds_legacy_utilities.isEmpty)(customTickMarksValues) && labelWithValue && label) {
+    const firstValue = customTickMarksValues[(rangeValues[0] - minValue) / step];
+    const secondValue = customTickMarksValues[(rangeValues[1] - minValue) / step];
+    value = `${firstValue || rangeValues[0].toFixed(1)} ${withTwoHandles ? `, ${secondValue || rangeValues[1].toFixed(1)}` : ""} `;
+  } else if (labelWithValue && label) {
+    value = `${rangeValues[0].toFixed(1)} ${withTwoHandles ? `, ${rangeValues[1]?.toFixed(1)}` : ""} `;
+  }
+  value = value.trim();
+  return [msg, value];
+};
+const conformedThumbLabel = (rangeValues, customTickMarksValues = [], index = 0, step = 1, minValue = 0) => {
+  let msg = `Value: `;
+  if (!(0, import_ds_legacy_utilities.isEmpty)(customTickMarksValues)) {
+    const foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];
+    msg += `${foundValue || rangeValues[index].toFixed(1)}`;
+  } else {
+    msg += `${rangeValues[index].toFixed(1)}`;
+  }
+  return msg;
+};
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/utils.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-params */\nimport { isEmpty } from '@elliemae/ds-legacy-utilities';\n\nexport const conformedLabel = (\n  rangeValues,\n  label = '',\n  labelWithValue = false,\n  withTwoHandles = false,\n  customTickMarksValues = [],\n  step = 1,\n  minValue = 0,\n) => {\n  const msg = label.trim();\n  let value = '';\n  if (!isEmpty(customTickMarksValues) && labelWithValue && label) {\n    const firstValue = customTickMarksValues[(rangeValues[0] - minValue) / step];\n    const secondValue = customTickMarksValues[(rangeValues[1] - minValue) / step];\n    value = `${firstValue || rangeValues[0].toFixed(1)} ${\n      withTwoHandles ? `, ${secondValue || rangeValues[1].toFixed(1)}` : ''\n    } `;\n  } else if (labelWithValue && label) {\n    value = `${rangeValues[0].toFixed(1)} ${withTwoHandles ? `, ${rangeValues[1]?.toFixed(1)}` : ''} `;\n  }\n  value = value.trim();\n\n  return [msg, value];\n};\n\nexport const conformedThumbLabel = (rangeValues, customTickMarksValues = [], index = 0, step = 1, minValue = 0) => {\n  let msg = `Value: `;\n  if (!isEmpty(customTickMarksValues)) {\n    const foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];\n    msg += `${foundValue || rangeValues[index].toFixed(1)}`;\n  } else {\n    msg += `${rangeValues[index].toFixed(1)}`;\n  }\n\n  return msg;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,iCAAwB;AAEjB,MAAM,iBAAiB,CAC5B,aACA,QAAQ,IACR,iBAAiB,OACjB,iBAAiB,OACjB,wBAAwB,CAAC,GACzB,OAAO,GACP,WAAW,MACR;AACH,QAAM,MAAM,MAAM,KAAK;AACvB,MAAI,QAAQ;AACZ,MAAI,KAAC,oCAAQ,qBAAqB,KAAK,kBAAkB,OAAO;AAC9D,UAAM,aAAa,uBAAuB,YAAY,CAAC,IAAI,YAAY,IAAI;AAC3E,UAAM,cAAc,uBAAuB,YAAY,CAAC,IAAI,YAAY,IAAI;AAC5E,YAAQ,GAAG,cAAc,YAAY,CAAC,EAAE,QAAQ,CAAC,KAC/C,iBAAiB,KAAK,eAAe,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM;AAAA,EAEvE,WAAW,kBAAkB,OAAO;AAClC,YAAQ,GAAG,YAAY,CAAC,EAAE,QAAQ,CAAC,KAAK,iBAAiB,KAAK,YAAY,CAAC,GAAG,QAAQ,CAAC,MAAM;AAAA,EAC/F;AACA,UAAQ,MAAM,KAAK;AAEnB,SAAO,CAAC,KAAK,KAAK;AACpB;AAEO,MAAM,sBAAsB,CAAC,aAAa,wBAAwB,CAAC,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,MAAM;AACjH,MAAI,MAAM;AACV,MAAI,KAAC,oCAAQ,qBAAqB,GAAG;AACnC,UAAM,aAAa,uBAAuB,YAAY,KAAK,IAAI,YAAY,IAAI;AAC/E,WAAO,GAAG,cAAc,YAAY,KAAK,EAAE,QAAQ,CAAC;AAAA,EACtD,OAAO;AACL,WAAO,GAAG,YAAY,KAAK,EAAE,QAAQ,CAAC;AAAA,EACxC;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // 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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  default: () => import_DSSlider.default
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSSlider = __toESM(require("./DSSlider.js"));
+__reExport(src_exports, require("./DSSlider.js"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/package.json

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

package/dist/cjs/prop-types.js

@@ -0,0 +1,81 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var prop_types_exports = {};
+__export(prop_types_exports, {
+  defaultProps: () => defaultProps,
+  sliderPropTypes: () => sliderPropTypes
+});
+module.exports = __toCommonJS(prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+const defaultProps = {
+  containerProps: {},
+  disabled: false,
+  label: "",
+  labelWithValue: false,
+  minValue: 0,
+  maxValue: 100,
+  step: 5,
+  onChange: () => {
+  },
+  withTickMarks: false,
+  withTickMarksValues: false,
+  withTwoHandles: false,
+  customTickMarksValues: []
+};
+const sliderPropTypes = {
+  /** props to inject to slider wrapper */
+  containerProps: import_ds_legacy_props_helpers.PropTypes.shape({}).description("props to inject to slider wrapper").defaultValue({}),
+  /** disable slider */
+  disabled: import_ds_legacy_props_helpers.PropTypes.bool.description("disable slider").defaultValue(false),
+  /** label for slider */
+  label: import_ds_legacy_props_helpers.PropTypes.string.description("label for slider").defaultValue(""),
+  /** if the label comes with value attached for slider or not */
+  labelWithValue: import_ds_legacy_props_helpers.PropTypes.bool.description("if the label comes with value attached for slider or not").defaultValue(false),
+  /** min value for slider */
+  minValue: import_ds_legacy_props_helpers.PropTypes.number.description("min value for slider").defaultValue(0),
+  /** max value for slider */
+  maxValue: import_ds_legacy_props_helpers.PropTypes.number.description("max value for slider").defaultValue(100),
+  /** steps of values from min to max */
+  step: import_ds_legacy_props_helpers.PropTypes.number.description("steps of values from min to max").defaultValue(5),
+  /** change handler */
+  onChange: import_ds_legacy_props_helpers.PropTypes.func.description("change handler").defaultValue(() => {
+  }),
+  /** add tick marks between steps */
+  withTickMarks: import_ds_legacy_props_helpers.PropTypes.bool.description("add tick marks between steps").defaultValue(false),
+  /** add step value to tickmark */
+  withTickMarksValues: import_ds_legacy_props_helpers.PropTypes.bool.description("add step value to tickmark").defaultValue(false),
+  /** add two handles */
+  withTwoHandles: import_ds_legacy_props_helpers.PropTypes.bool.description("add two handles").defaultValue(false),
+  /** change manually tickmark values */
+  customTickMarksValues: import_ds_legacy_props_helpers.PropTypes.arrayOf(import_ds_legacy_props_helpers.PropTypes.oneOfType([import_ds_legacy_props_helpers.PropTypes.string, import_ds_legacy_props_helpers.PropTypes.number])).description("Explicitly set tickmark values for custom tickmarks").defaultValue([]),
+  /** z index for thumb */
+  zIndex: import_ds_legacy_props_helpers.PropTypes.number.description("z index for thumb")
+};
+//# sourceMappingURL=prop-types.js.map