@elliemae/ds-square-indicator 2.3.0-alpha.8 → 2.3.0-next.10

package/cjs/DSSquareIndicator.js

@@ -0,0 +1,169 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx2 = require('@babel/runtime/helpers/jsx');
+var react = require('react');
+var dsGrid = require('@elliemae/ds-grid');
+var dsTooltip = require('@elliemae/ds-tooltip');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var uid = require('uid');
+var reactDescPropTypes = require('./react-desc-prop-types.js');
+var styled = require('./styled.js');
+var constants = require('./constants.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const DSSquareIndicator = props => {
+  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, reactDescPropTypes.defaultProps);
+  const globalAttributes = dsPropsHelpers.useGetGlobalAttributes(propsWithDefault);
+  const {
+    size,
+    color,
+    text,
+    showText,
+    withTooltip,
+    tooltipStartPlacementPreference,
+    __duration
+  } = propsWithDefault;
+  const Wrapper = react.useMemo(() => withTooltip ? dsTooltip.DSTooltipV3 : _ref => {
+    let {
+      children
+    } = _ref;
+    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: children
+    });
+  }, [withTooltip]);
+  const uniqueId = react.useMemo(() => uid.uid(16), []);
+  const paddedCoordinate = react.useMemo(() => "calc(100% - ".concat(constants.sizeToWeight[size], ")"), [size]);
+  const hexColor = react.useMemo(() => constants.colorToHex[color], [color]);
+  return /*#__PURE__*/jsxRuntime.jsx(dsGrid.Grid, _objectSpread(_objectSpread({
+    gutter: "xs",
+    justifyContent: "center",
+    role: "status"
+  }, globalAttributes), {}, {
+    children: /*#__PURE__*/_jsx2__default["default"](Wrapper, {
+      text: text,
+      textAlign: "center",
+      startPlacementPreference: tooltipStartPlacementPreference
+    }, void 0, /*#__PURE__*/_jsx2__default["default"]("svg", {
+      width: constants.sizeToPx[size],
+      height: constants.sizeToPx[size],
+      style: {
+        display: 'block',
+        margin: 'auto'
+      }
+    }, void 0, /*#__PURE__*/_jsx2__default["default"]("defs", {}, void 0, /*#__PURE__*/_jsx2__default["default"]("linearGradient", {
+      id: "".concat(uniqueId, "-lg1"),
+      x1: "0",
+      y1: "0",
+      x2: "0",
+      y2: "100%"
+    }, void 0, /*#__PURE__*/_jsx2__default["default"]("stop", {
+      offset: "20%",
+      stopColor: "".concat(hexColor, "FF")
+    }), /*#__PURE__*/_jsx2__default["default"]("stop", {
+      offset: "80%",
+      stopColor: "".concat(hexColor, "00")
+    })), /*#__PURE__*/_jsx2__default["default"]("linearGradient", {
+      id: "".concat(uniqueId, "-lg2"),
+      x1: "0",
+      y1: "0",
+      x2: "100%",
+      y2: "0"
+    }, void 0, /*#__PURE__*/_jsx2__default["default"]("stop", {
+      offset: "10%",
+      stopColor: "".concat(hexColor, "00")
+    }), /*#__PURE__*/_jsx2__default["default"]("stop", {
+      offset: "50%",
+      stopColor: "".concat(hexColor, "FF")
+    })), /*#__PURE__*/_jsx2__default["default"]("linearGradient", {
+      id: "".concat(uniqueId, "-lg3"),
+      x1: "0",
+      y1: "0",
+      x2: "0",
+      y2: "100%"
+    }, void 0, /*#__PURE__*/_jsx2__default["default"]("stop", {
+      offset: "10%",
+      stopColor: "".concat(hexColor, "00")
+    }), /*#__PURE__*/_jsx2__default["default"]("stop", {
+      offset: "50%",
+      stopColor: "".concat(hexColor, "FF")
+    })), /*#__PURE__*/_jsx2__default["default"]("linearGradient", {
+      id: "".concat(uniqueId, "-lg4"),
+      x1: "0",
+      y1: "0",
+      x2: "100%",
+      y2: "0"
+    }, void 0, /*#__PURE__*/_jsx2__default["default"]("stop", {
+      offset: "50%",
+      stopColor: "".concat(hexColor, "FF")
+    }), /*#__PURE__*/_jsx2__default["default"]("stop", {
+      offset: "90%",
+      stopColor: "".concat(hexColor, "00")
+    })), /*#__PURE__*/_jsx2__default["default"]("clipPath", {
+      id: "".concat(uniqueId, "-lcp1")
+    }, void 0, /*#__PURE__*/_jsx2__default["default"]("rect", {
+      x: constants.sizeToWeight[size],
+      y: 0,
+      width: "100%",
+      height: constants.sizeToWeight[size]
+    })), /*#__PURE__*/_jsx2__default["default"]("clipPath", {
+      id: "".concat(uniqueId, "-lcp2")
+    }, void 0, /*#__PURE__*/_jsx2__default["default"]("rect", {
+      x: paddedCoordinate,
+      y: constants.sizeToWeight[size],
+      width: constants.sizeToWeight[size],
+      height: "100%"
+    })), /*#__PURE__*/_jsx2__default["default"]("clipPath", {
+      id: "".concat(uniqueId, "-lcp3")
+    }, void 0, /*#__PURE__*/_jsx2__default["default"]("rect", {
+      x: 0,
+      y: paddedCoordinate,
+      width: paddedCoordinate,
+      height: constants.sizeToWeight[size]
+    }))), /*#__PURE__*/_jsx2__default["default"](styled.StyledLineLeft, {
+      size: size,
+      __duration: __duration,
+      fill: "url(#".concat(uniqueId, "-lg1)")
+    }), /*#__PURE__*/_jsx2__default["default"](styled.StyledLineTop, {
+      size: size,
+      __duration: __duration,
+      fill: "url(#".concat(uniqueId, "-lg2)"),
+      clipPath: "url(#".concat(uniqueId, "-lcp1)")
+    }), /*#__PURE__*/_jsx2__default["default"](styled.StyledLineRight, {
+      size: size,
+      __duration: __duration,
+      fill: "url(#".concat(uniqueId, "-lg3)"),
+      clipPath: "url(#".concat(uniqueId, "-lcp2)")
+    }), /*#__PURE__*/_jsx2__default["default"](styled.StyledLineBottom, {
+      size: size,
+      __duration: __duration,
+      fill: "url(#".concat(uniqueId, "-lg4)"),
+      clipPath: "url(#".concat(uniqueId, "-lcp3)")
+    })), text !== '' && showText && /*#__PURE__*/_jsx2__default["default"]("span", {
+      style: {
+        color: constants.colorToHex[color],
+        fontSize: constants.sizeToTextSize[size]
+      }
+    }, void 0, text))
+  }));
+};
+const DSSquareIndicatorWithSchema = dsPropsHelpers.describe(DSSquareIndicator);
+DSSquareIndicatorWithSchema.propTypes = reactDescPropTypes.SquareIndicatorPropTypes;
+
+exports.DSSquareIndicator = DSSquareIndicator;
+exports.DSSquareIndicatorWithSchema = DSSquareIndicatorWithSchema;

package/cjs/constants.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const sizeToPx = {
+  xs: '16px',
+  s: '24px',
+  m: '32px',
+  l: '48px',
+  xl: '56px',
+  xxl: '64px'
+};
+const sizeToWeight = {
+  xs: '3px',
+  s: '3px',
+  m: '3px',
+  l: '4px',
+  xl: '5px',
+  xxl: '6px'
+};
+const colorToHex = {
+  light: '#FFFFFF',
+  dark: '#0F364A'
+};
+const sizeToTextSize = {
+  xs: '12px',
+  s: '12px',
+  m: '12px',
+  l: '13px',
+  xl: '14px',
+  xxl: '16px'
+};
+
+exports.colorToHex = colorToHex;
+exports.sizeToPx = sizeToPx;
+exports.sizeToTextSize = sizeToTextSize;
+exports.sizeToWeight = sizeToWeight;

package/cjs/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSSquareIndicator = require('./DSSquareIndicator.js');
+
+
+
+exports.DSSquareIndicator = DSSquareIndicator.DSSquareIndicator;
+exports.DSSquareIndicatorWithSchema = DSSquareIndicator.DSSquareIndicatorWithSchema;

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const SquareIndicatorPropTypes = _objectSpread(_objectSpread({}, dsPropsHelpers.globalAttributesPropTypes), {}, {
+  size: dsPropsHelpers.PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl']).description('Size of the indicator').defaultValue('m'),
+  color: dsPropsHelpers.PropTypes.oneOf(['light', 'dark']).description('Color mode for the indicator').defaultValue('dark'),
+  text: dsPropsHelpers.PropTypes.string.description('Optional text to show under the indicator').defaultValue(''),
+  showText: dsPropsHelpers.PropTypes.bool.description('Whether to show the optional text or not').defaultValue(true),
+  withTooltip: dsPropsHelpers.PropTypes.bool.description('Whether to include a tooltip that shows the optional text on hover').defaultValue(false),
+  tooltipStartPlacementPreference: dsPropsHelpers.PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']).description('start placement preference for the tooltip').defaultValue('center')
+});
+const defaultProps = {
+  size: 'm',
+  color: 'dark',
+  text: '',
+  showText: true,
+  withTooltip: false,
+  tooltipStartPlacementPreference: 'bottom',
+  __duration: 2.5
+};
+
+exports.SquareIndicatorPropTypes = SquareIndicatorPropTypes;
+exports.defaultProps = defaultProps;

package/cjs/styled.js

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styled = require('styled-components');
+var dsSystem = require('@elliemae/ds-system');
+var constants = require('./constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+const lineLeftAnimation = dsSystem.kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n    0% {\n        y: 100%;\n        height: 100%;\n    }\n    12.5%, 50% {\n        y: 0;\n        height: 100%;\n    }\n    62.5%, 100% {\n        y: -100%;\n        height: 100%;\n    }\n"])));
+const lineTopAnimation = dsSystem.kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n    0% {\n        x: -100%;\n        width: 0%;\n    }\n    25%, 50% {\n        x: -100%;\n        width: 200%;\n    }\n    75%, 100% {\n        x: 100%;\n        width: 200%;\n    }\n"])));
+const lineRightAnimation = dsSystem.kfrm(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\n    0%, 12.5% {\n        y: -100%;\n        height: 0%;\n    }\n    37.5%, 62.5% {\n        y: -100%;\n        height: 200%;\n    }\n    87.5%, 100% {\n        y: 100%;\n        height: 200%;\n    }\n"])));
+const lineBottomAnimation = dsSystem.kfrm(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default["default"](["\n    0%, 25% {\n        x: 200%;\n        width: 200%;\n    }\n    50%, 75% {\n        x: 0%;\n        width: 200%;\n    }\n    100% {\n        x: -200%;\n        width: 200%;\n    }\n"])));
+const StyledLineLeft = /*#__PURE__*/styled__default["default"].rect.withConfig({
+  componentId: "sc-df9quy-0"
+})(["x:0;y:0%;width:", ";height:100%;animation:", " ", "s linear 0s infinite;"], _ref => {
+  let {
+    size
+  } = _ref;
+  return constants.sizeToWeight[size];
+}, lineLeftAnimation, _ref2 => {
+  let {
+    __duration
+  } = _ref2;
+  return __duration;
+});
+const StyledLineTop = /*#__PURE__*/styled__default["default"].rect.withConfig({
+  componentId: "sc-df9quy-1"
+})(["x:-100%;y:0;width:200%;height:", ";animation:", " ", "s linear 0s infinite;"], _ref3 => {
+  let {
+    size
+  } = _ref3;
+  return constants.sizeToWeight[size];
+}, lineTopAnimation, _ref4 => {
+  let {
+    __duration
+  } = _ref4;
+  return __duration;
+});
+const StyledLineRight = /*#__PURE__*/styled__default["default"].rect.withConfig({
+  componentId: "sc-df9quy-2"
+})(["x:calc(100% - ", ");y:-100%;width:", ";height:200%;animation:", " ", "s linear 0s infinite;"], _ref5 => {
+  let {
+    size
+  } = _ref5;
+  return constants.sizeToWeight[size];
+}, _ref6 => {
+  let {
+    size
+  } = _ref6;
+  return constants.sizeToWeight[size];
+}, lineRightAnimation, _ref7 => {
+  let {
+    __duration
+  } = _ref7;
+  return __duration;
+});
+const StyledLineBottom = /*#__PURE__*/styled__default["default"].rect.withConfig({
+  componentId: "sc-df9quy-3"
+})(["x:0%;y:calc(100% - ", ");width:200%;height:", ";animation:", " ", "s linear 0s infinite;"], _ref8 => {
+  let {
+    size
+  } = _ref8;
+  return constants.sizeToWeight[size];
+}, _ref9 => {
+  let {
+    size
+  } = _ref9;
+  return constants.sizeToWeight[size];
+}, lineBottomAnimation, _ref10 => {
+  let {
+    __duration
+  } = _ref10;
+  return __duration;
+});
+
+exports.StyledLineBottom = StyledLineBottom;
+exports.StyledLineLeft = StyledLineLeft;
+exports.StyledLineRight = StyledLineRight;
+exports.StyledLineTop = StyledLineTop;

package/esm/DSSquareIndicator.js

@@ -0,0 +1,159 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx2 from '@babel/runtime/helpers/esm/jsx';
+import { useMemo } from 'react';
+import { Grid } from '@elliemae/ds-grid';
+import { DSTooltipV3 } from '@elliemae/ds-tooltip';
+import { describe, useMemoMergePropsWithDefault, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';
+import { uid } from 'uid';
+import { SquareIndicatorPropTypes, defaultProps } from './react-desc-prop-types.js';
+import { StyledLineLeft, StyledLineTop, StyledLineRight, StyledLineBottom } from './styled.js';
+import { sizeToWeight, colorToHex, sizeToPx, sizeToTextSize } from './constants.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const DSSquareIndicator = props => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  const globalAttributes = useGetGlobalAttributes(propsWithDefault);
+  const {
+    size,
+    color,
+    text,
+    showText,
+    withTooltip,
+    tooltipStartPlacementPreference,
+    __duration
+  } = propsWithDefault;
+  const Wrapper = useMemo(() => withTooltip ? DSTooltipV3 : _ref => {
+    let {
+      children
+    } = _ref;
+    return /*#__PURE__*/jsx(Fragment, {
+      children: children
+    });
+  }, [withTooltip]);
+  const uniqueId = useMemo(() => uid(16), []);
+  const paddedCoordinate = useMemo(() => "calc(100% - ".concat(sizeToWeight[size], ")"), [size]);
+  const hexColor = useMemo(() => colorToHex[color], [color]);
+  return /*#__PURE__*/jsx(Grid, _objectSpread(_objectSpread({
+    gutter: "xs",
+    justifyContent: "center",
+    role: "status"
+  }, globalAttributes), {}, {
+    children: /*#__PURE__*/_jsx2(Wrapper, {
+      text: text,
+      textAlign: "center",
+      startPlacementPreference: tooltipStartPlacementPreference
+    }, void 0, /*#__PURE__*/_jsx2("svg", {
+      width: sizeToPx[size],
+      height: sizeToPx[size],
+      style: {
+        display: 'block',
+        margin: 'auto'
+      }
+    }, void 0, /*#__PURE__*/_jsx2("defs", {}, void 0, /*#__PURE__*/_jsx2("linearGradient", {
+      id: "".concat(uniqueId, "-lg1"),
+      x1: "0",
+      y1: "0",
+      x2: "0",
+      y2: "100%"
+    }, void 0, /*#__PURE__*/_jsx2("stop", {
+      offset: "20%",
+      stopColor: "".concat(hexColor, "FF")
+    }), /*#__PURE__*/_jsx2("stop", {
+      offset: "80%",
+      stopColor: "".concat(hexColor, "00")
+    })), /*#__PURE__*/_jsx2("linearGradient", {
+      id: "".concat(uniqueId, "-lg2"),
+      x1: "0",
+      y1: "0",
+      x2: "100%",
+      y2: "0"
+    }, void 0, /*#__PURE__*/_jsx2("stop", {
+      offset: "10%",
+      stopColor: "".concat(hexColor, "00")
+    }), /*#__PURE__*/_jsx2("stop", {
+      offset: "50%",
+      stopColor: "".concat(hexColor, "FF")
+    })), /*#__PURE__*/_jsx2("linearGradient", {
+      id: "".concat(uniqueId, "-lg3"),
+      x1: "0",
+      y1: "0",
+      x2: "0",
+      y2: "100%"
+    }, void 0, /*#__PURE__*/_jsx2("stop", {
+      offset: "10%",
+      stopColor: "".concat(hexColor, "00")
+    }), /*#__PURE__*/_jsx2("stop", {
+      offset: "50%",
+      stopColor: "".concat(hexColor, "FF")
+    })), /*#__PURE__*/_jsx2("linearGradient", {
+      id: "".concat(uniqueId, "-lg4"),
+      x1: "0",
+      y1: "0",
+      x2: "100%",
+      y2: "0"
+    }, void 0, /*#__PURE__*/_jsx2("stop", {
+      offset: "50%",
+      stopColor: "".concat(hexColor, "FF")
+    }), /*#__PURE__*/_jsx2("stop", {
+      offset: "90%",
+      stopColor: "".concat(hexColor, "00")
+    })), /*#__PURE__*/_jsx2("clipPath", {
+      id: "".concat(uniqueId, "-lcp1")
+    }, void 0, /*#__PURE__*/_jsx2("rect", {
+      x: sizeToWeight[size],
+      y: 0,
+      width: "100%",
+      height: sizeToWeight[size]
+    })), /*#__PURE__*/_jsx2("clipPath", {
+      id: "".concat(uniqueId, "-lcp2")
+    }, void 0, /*#__PURE__*/_jsx2("rect", {
+      x: paddedCoordinate,
+      y: sizeToWeight[size],
+      width: sizeToWeight[size],
+      height: "100%"
+    })), /*#__PURE__*/_jsx2("clipPath", {
+      id: "".concat(uniqueId, "-lcp3")
+    }, void 0, /*#__PURE__*/_jsx2("rect", {
+      x: 0,
+      y: paddedCoordinate,
+      width: paddedCoordinate,
+      height: sizeToWeight[size]
+    }))), /*#__PURE__*/_jsx2(StyledLineLeft, {
+      size: size,
+      __duration: __duration,
+      fill: "url(#".concat(uniqueId, "-lg1)")
+    }), /*#__PURE__*/_jsx2(StyledLineTop, {
+      size: size,
+      __duration: __duration,
+      fill: "url(#".concat(uniqueId, "-lg2)"),
+      clipPath: "url(#".concat(uniqueId, "-lcp1)")
+    }), /*#__PURE__*/_jsx2(StyledLineRight, {
+      size: size,
+      __duration: __duration,
+      fill: "url(#".concat(uniqueId, "-lg3)"),
+      clipPath: "url(#".concat(uniqueId, "-lcp2)")
+    }), /*#__PURE__*/_jsx2(StyledLineBottom, {
+      size: size,
+      __duration: __duration,
+      fill: "url(#".concat(uniqueId, "-lg4)"),
+      clipPath: "url(#".concat(uniqueId, "-lcp3)")
+    })), text !== '' && showText && /*#__PURE__*/_jsx2("span", {
+      style: {
+        color: colorToHex[color],
+        fontSize: sizeToTextSize[size]
+      }
+    }, void 0, text))
+  }));
+};
+const DSSquareIndicatorWithSchema = describe(DSSquareIndicator);
+DSSquareIndicatorWithSchema.propTypes = SquareIndicatorPropTypes;
+
+export { DSSquareIndicator, DSSquareIndicatorWithSchema };

package/esm/constants.js

@@ -0,0 +1,30 @@
+const sizeToPx = {
+  xs: '16px',
+  s: '24px',
+  m: '32px',
+  l: '48px',
+  xl: '56px',
+  xxl: '64px'
+};
+const sizeToWeight = {
+  xs: '3px',
+  s: '3px',
+  m: '3px',
+  l: '4px',
+  xl: '5px',
+  xxl: '6px'
+};
+const colorToHex = {
+  light: '#FFFFFF',
+  dark: '#0F364A'
+};
+const sizeToTextSize = {
+  xs: '12px',
+  s: '12px',
+  m: '12px',
+  l: '13px',
+  xl: '14px',
+  xxl: '16px'
+};
+
+export { colorToHex, sizeToPx, sizeToTextSize, sizeToWeight };

package/esm/index.js

@@ -0,0 +1 @@
+export { DSSquareIndicator, DSSquareIndicatorWithSchema } from './DSSquareIndicator.js';

package/esm/react-desc-prop-types.js

@@ -0,0 +1,30 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const SquareIndicatorPropTypes = _objectSpread(_objectSpread({}, globalAttributesPropTypes), {}, {
+  size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl']).description('Size of the indicator').defaultValue('m'),
+  color: PropTypes.oneOf(['light', 'dark']).description('Color mode for the indicator').defaultValue('dark'),
+  text: PropTypes.string.description('Optional text to show under the indicator').defaultValue(''),
+  showText: PropTypes.bool.description('Whether to show the optional text or not').defaultValue(true),
+  withTooltip: PropTypes.bool.description('Whether to include a tooltip that shows the optional text on hover').defaultValue(false),
+  tooltipStartPlacementPreference: PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']).description('start placement preference for the tooltip').defaultValue('center')
+});
+const defaultProps = {
+  size: 'm',
+  color: 'dark',
+  text: '',
+  showText: true,
+  withTooltip: false,
+  tooltipStartPlacementPreference: 'bottom',
+  __duration: 2.5
+};
+
+export { SquareIndicatorPropTypes, defaultProps };

package/esm/styled.js

@@ -0,0 +1,74 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
+import styled from 'styled-components';
+import { kfrm } from '@elliemae/ds-system';
+import { sizeToWeight } from './constants.js';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+const lineLeftAnimation = kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% {\n        y: 100%;\n        height: 100%;\n    }\n    12.5%, 50% {\n        y: 0;\n        height: 100%;\n    }\n    62.5%, 100% {\n        y: -100%;\n        height: 100%;\n    }\n"])));
+const lineTopAnimation = kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    0% {\n        x: -100%;\n        width: 0%;\n    }\n    25%, 50% {\n        x: -100%;\n        width: 200%;\n    }\n    75%, 100% {\n        x: 100%;\n        width: 200%;\n    }\n"])));
+const lineRightAnimation = kfrm(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    0%, 12.5% {\n        y: -100%;\n        height: 0%;\n    }\n    37.5%, 62.5% {\n        y: -100%;\n        height: 200%;\n    }\n    87.5%, 100% {\n        y: 100%;\n        height: 200%;\n    }\n"])));
+const lineBottomAnimation = kfrm(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    0%, 25% {\n        x: 200%;\n        width: 200%;\n    }\n    50%, 75% {\n        x: 0%;\n        width: 200%;\n    }\n    100% {\n        x: -200%;\n        width: 200%;\n    }\n"])));
+const StyledLineLeft = /*#__PURE__*/styled.rect.withConfig({
+  componentId: "sc-df9quy-0"
+})(["x:0;y:0%;width:", ";height:100%;animation:", " ", "s linear 0s infinite;"], _ref => {
+  let {
+    size
+  } = _ref;
+  return sizeToWeight[size];
+}, lineLeftAnimation, _ref2 => {
+  let {
+    __duration
+  } = _ref2;
+  return __duration;
+});
+const StyledLineTop = /*#__PURE__*/styled.rect.withConfig({
+  componentId: "sc-df9quy-1"
+})(["x:-100%;y:0;width:200%;height:", ";animation:", " ", "s linear 0s infinite;"], _ref3 => {
+  let {
+    size
+  } = _ref3;
+  return sizeToWeight[size];
+}, lineTopAnimation, _ref4 => {
+  let {
+    __duration
+  } = _ref4;
+  return __duration;
+});
+const StyledLineRight = /*#__PURE__*/styled.rect.withConfig({
+  componentId: "sc-df9quy-2"
+})(["x:calc(100% - ", ");y:-100%;width:", ";height:200%;animation:", " ", "s linear 0s infinite;"], _ref5 => {
+  let {
+    size
+  } = _ref5;
+  return sizeToWeight[size];
+}, _ref6 => {
+  let {
+    size
+  } = _ref6;
+  return sizeToWeight[size];
+}, lineRightAnimation, _ref7 => {
+  let {
+    __duration
+  } = _ref7;
+  return __duration;
+});
+const StyledLineBottom = /*#__PURE__*/styled.rect.withConfig({
+  componentId: "sc-df9quy-3"
+})(["x:0%;y:calc(100% - ", ");width:200%;height:", ";animation:", " ", "s linear 0s infinite;"], _ref8 => {
+  let {
+    size
+  } = _ref8;
+  return sizeToWeight[size];
+}, _ref9 => {
+  let {
+    size
+  } = _ref9;
+  return sizeToWeight[size];
+}, lineBottomAnimation, _ref10 => {
+  let {
+    __duration
+  } = _ref10;
+  return __duration;
+});
+
+export { StyledLineBottom, StyledLineLeft, StyledLineRight, StyledLineTop };

package/package.json

@@ -1,26 +1,31 @@
 {
   "name": "@elliemae/ds-square-indicator",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-next.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Indeterminate Progress Indicator",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./styled": {
+      "import": "./esm/styled.js",
+      "require": "./cjs/styled.js"
     },
     "./react-desc-prop-types": {
-      "import": "./dist/esm/react-desc-prop-types.js",
-      "require": "./dist/cjs/react-desc-prop-types.js"
+      "import": "./esm/react-desc-prop-types.js",
+      "require": "./cjs/react-desc-prop-types.js"
     },
     "./DSSquareIndicator": {
-      "import": "./dist/esm/DSSquareIndicator.js",
-      "require": "./dist/cjs/DSSquareIndicator.js"
+      "import": "./esm/DSSquareIndicator.js",
+      "require": "./cjs/DSSquareIndicator.js"
+    },
+    "./constants": {
+      "import": "./esm/constants.js",
+      "require": "./cjs/constants.js"
     }
   },
   "sideEffects": [
@@ -32,14 +37,20 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-grid": "2.3.0-alpha.8",
-    "@elliemae/ds-tooltip": "2.3.0-alpha.8",
-    "react-desc": "~4.1.3"
+    "@elliemae/ds-grid": "2.3.0-next.10",
+    "@elliemae/ds-props-helpers": "2.3.0-next.10",
+    "uid": "~2.0.0"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -47,12 +58,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSSquareIndicator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DSSquareIndicatorT } from './react-desc-prop-types';
+export declare const DSSquareIndicator: React.ComponentType<DSSquareIndicatorT.Props>;
+export declare const DSSquareIndicatorWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSSquareIndicatorT.Props>;

package/types/constants.d.ts

@@ -0,0 +1,28 @@
+export declare const sizeToPx: {
+    xs: string;
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    xxl: string;
+};
+export declare const sizeToWeight: {
+    xs: string;
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    xxl: string;
+};
+export declare const colorToHex: {
+    light: string;
+    dark: string;
+};
+export declare const sizeToTextSize: {
+    xs: string;
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    xxl: string;
+};

package/types/index.d.ts

@@ -0,0 +1 @@
+export * from './DSSquareIndicator';

package/types/react-desc-prop-types.d.ts

@@ -0,0 +1,14 @@
+import { WeakValidationMap } from 'react';
+export declare namespace DSSquareIndicatorT {
+    interface Props {
+        size?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+        color?: 'light' | 'dark';
+        text?: string;
+        showText?: boolean;
+        withTooltip: boolean;
+        tooltipStartPlacementPreference?: 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
+        __duration: number;
+    }
+}
+export declare const SquareIndicatorPropTypes: WeakValidationMap<unknown>;
+export declare const defaultProps: DSSquareIndicatorT.Props;

package/types/styled.d.ts

@@ -0,0 +1,10 @@
+import { DSSquareIndicatorT } from './react-desc-prop-types';
+interface RectProps {
+    size: Required<DSSquareIndicatorT.Props>['size'];
+    __duration: number;
+}
+export declare const StyledLineLeft: import("styled-components").StyledComponent<"rect", import("styled-components").DefaultTheme, RectProps, never>;
+export declare const StyledLineTop: import("styled-components").StyledComponent<"rect", import("styled-components").DefaultTheme, RectProps, never>;
+export declare const StyledLineRight: import("styled-components").StyledComponent<"rect", import("styled-components").DefaultTheme, RectProps, never>;
+export declare const StyledLineBottom: import("styled-components").StyledComponent<"rect", import("styled-components").DefaultTheme, RectProps, never>;
+export {};

package/dist/cjs/DSSquareIndicator.js

@@ -1,111 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSSquareIndicator_exports = {};
-__export(DSSquareIndicator_exports, {
-  DSSquareIndicator: () => DSSquareIndicator,
-  DSSquareIndicatorWithSchema: () => DSSquareIndicatorWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_tooltip = require("@elliemae/ds-tooltip");
-var import_react_desc = require("react-desc");
-var import_react_desc_prop_types = require("./react-desc-prop-types");
-const sizeToPx = {
-  xs: "16px",
-  s: "24px",
-  m: "32px",
-  l: "48px",
-  xl: "56px",
-  xxl: "64px"
-};
-const sizeToWeight = {
-  xs: "3px",
-  s: "3px",
-  m: "3px",
-  l: "4px",
-  xl: "5px",
-  xxl: "6px"
-};
-const colorToHex = {
-  light: "#FFFFFF",
-  dark: "#0F364A"
-};
-const sizeToTextSize = {
-  xs: "12px",
-  s: "12px",
-  m: "12px",
-  l: "13px",
-  xl: "14px",
-  xxl: "16px"
-};
-const DSSquareIndicator = ({
-  size = "m",
-  color = "dark",
-  text = "",
-  showText = true,
-  withTooltip = false,
-  tooltipStartPlacementPreference = "bottom",
-  __duration = 2.5
-}) => {
-  const Wrapper = withTooltip ? import_ds_tooltip.DSTooltipV3 : ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    gutter: "xs",
-    justifyContent: "center",
-    role: "status"
-  }, /* @__PURE__ */ import_react.default.createElement(Wrapper, {
-    text,
-    textAlign: "center",
-    startPlacementPreference: tooltipStartPlacementPreference
-  }, /* @__PURE__ */ import_react.default.createElement("svg", {
-    width: sizeToPx[size],
-    height: sizeToPx[size],
-    style: { display: "block", margin: "auto" }
-  }, /* @__PURE__ */ import_react.default.createElement("rect", {
-    width: "100%",
-    height: "100%",
-    fill: "transparent",
-    strokeWidth: sizeToWeight[size],
-    strokeDasharray: "400% 400%",
-    stroke: colorToHex[color]
-  }, /* @__PURE__ */ import_react.default.createElement("animate", {
-    attributeName: "stroke-dashoffset",
-    values: "800%;0",
-    keyTimes: "0;1",
-    dur: `${__duration}s`,
-    repeatCount: "indefinite",
-    restart: "always"
-  }))), text !== "" && showText && /* @__PURE__ */ import_react.default.createElement("span", {
-    style: { color: colorToHex[color], fontSize: sizeToTextSize[size] }
-  }, text)));
-};
-DSSquareIndicator.propTypes = import_react_desc_prop_types.SquareIndicatorPropTypes;
-const DSSquareIndicatorWithSchema = (0, import_react_desc.describe)(DSSquareIndicator);
-DSSquareIndicatorWithSchema.propTypes = import_react_desc_prop_types.SquareIndicatorPropTypes;
-module.exports = __toCommonJS(DSSquareIndicator_exports);
-//# sourceMappingURL=DSSquareIndicator.js.map

package/dist/cjs/DSSquareIndicator.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSSquareIndicator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { PropsWithChildren, WeakValidationMap } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { describe } from 'react-desc';\nimport { DSSquareIndicatorT, SquareIndicatorPropTypes } from './react-desc-prop-types';\n\nconst sizeToPx = {\n  xs: '16px',\n  s: '24px',\n  m: '32px',\n  l: '48px',\n  xl: '56px',\n  xxl: '64px',\n};\n\nconst sizeToWeight = {\n  xs: '3px',\n  s: '3px',\n  m: '3px',\n  l: '4px',\n  xl: '5px',\n  xxl: '6px',\n};\n\nconst colorToHex = {\n  light: '#FFFFFF',\n  dark: '#0F364A',\n};\n\nconst sizeToTextSize = {\n  xs: '12px',\n  s: '12px',\n  m: '12px',\n  l: '13px',\n  xl: '14px',\n  xxl: '16px',\n};\n\nexport const DSSquareIndicator: React.ComponentType<DSSquareIndicatorT.Props> = ({\n  size = 'm',\n  color = 'dark',\n  text = '',\n  showText = true,\n  withTooltip = false,\n  tooltipStartPlacementPreference = 'bottom',\n  __duration = 2.5,\n}) => {\n  const Wrapper = withTooltip ? DSTooltipV3 : ({ children }: PropsWithChildren<unknown>) => <>{children}</>;\n\n  return (\n    <Grid gutter=\"xs\" justifyContent=\"center\" role=\"status\">\n      <Wrapper text={text} textAlign=\"center\" startPlacementPreference={tooltipStartPlacementPreference}>\n        <svg width={sizeToPx[size]} height={sizeToPx[size]} style={{ display: 'block', margin: 'auto' }}>\n          <rect\n            width=\"100%\"\n            height=\"100%\"\n            fill=\"transparent\"\n            strokeWidth={sizeToWeight[size]}\n            strokeDasharray=\"400% 400%\"\n            stroke={colorToHex[color]}\n          >\n            <animate\n              attributeName=\"stroke-dashoffset\"\n              values=\"800%;0\"\n              keyTimes=\"0;1\"\n              dur={`${__duration}s`}\n              repeatCount=\"indefinite\"\n              restart=\"always\"\n            />\n          </rect>\n        </svg>\n        {text !== '' && showText && (\n          <span style={{ color: colorToHex[color], fontSize: sizeToTextSize[size] }}>{text}</span>\n        )}\n      </Wrapper>\n    </Grid>\n  );\n};\n\nDSSquareIndicator.propTypes = SquareIndicatorPropTypes as WeakValidationMap<unknown>;\n\nexport const DSSquareIndicatorWithSchema = describe(DSSquareIndicator);\nDSSquareIndicatorWithSchema.propTypes = SquareIndicatorPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4D;AAC5D,qBAAqB;AACrB,wBAA4B;AAC5B,wBAAyB;AACzB,mCAA6D;AAE7D,MAAM,WAAW;AAAA,EACf,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA;AAGP,MAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA;AAGP,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,MAAM;AAAA;AAGR,MAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA;AAGA,MAAM,oBAAmE,CAAC;AAAA,EAC/E,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,cAAc;AAAA,EACd,kCAAkC;AAAA,EAClC,aAAa;AAAA,MACT;AACJ,QAAM,UAAU,cAAc,gCAAc,CAAC,EAAE,eAA2C,wFAAG;AAE7F,SACE,mDAAC,qBAAD;AAAA,IAAM,QAAO;AAAA,IAAK,gBAAe;AAAA,IAAS,MAAK;AAAA,KAC7C,mDAAC,SAAD;AAAA,IAAS;AAAA,IAAY,WAAU;AAAA,IAAS,0BAA0B;AAAA,KAChE,mDAAC,OAAD;AAAA,IAAK,OAAO,SAAS;AAAA,IAAO,QAAQ,SAAS;AAAA,IAAO,OAAO,EAAE,SAAS,SAAS,QAAQ;AAAA,KACrF,mDAAC,QAAD;AAAA,IACE,OAAM;AAAA,IACN,QAAO;AAAA,IACP,MAAK;AAAA,IACL,aAAa,aAAa;AAAA,IAC1B,iBAAgB;AAAA,IAChB,QAAQ,WAAW;AAAA,KAEnB,mDAAC,WAAD;AAAA,IACE,eAAc;AAAA,IACd,QAAO;AAAA,IACP,UAAS;AAAA,IACT,KAAK,GAAG;AAAA,IACR,aAAY;AAAA,IACZ,SAAQ;AAAA,QAIb,SAAS,MAAM,YACd,mDAAC,QAAD;AAAA,IAAM,OAAO,EAAE,OAAO,WAAW,QAAQ,UAAU,eAAe;AAAA,KAAU;AAAA;AAOtF,kBAAkB,YAAY;AAEvB,MAAM,8BAA8B,gCAAS;AACpD,4BAA4B,YAAY;",
-  "names": []
-}

package/dist/cjs/index.js

@@ -1,36 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  DSSquareIndicator: () => import_DSSquareIndicator.DSSquareIndicator,
-  DSSquareIndicatorWithSchema: () => import_DSSquareIndicator.DSSquareIndicatorWithSchema
-});
-var React = __toESM(require("react"));
-var import_DSSquareIndicator = require("./DSSquareIndicator");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

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

@@ -1,56 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var react_desc_prop_types_exports = {};
-__export(react_desc_prop_types_exports, {
-  SquareIndicatorPropTypes: () => SquareIndicatorPropTypes
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-const SquareIndicatorPropTypes = {
-  size: import_react_desc.PropTypes.oneOf(["xs", "s", "m", "l", "xl", "xxl"]).description("Size of the indicator").defaultValue("m"),
-  color: import_react_desc.PropTypes.oneOf(["light", "dark"]).description("Color mode for the indicator").defaultValue("dark"),
-  text: import_react_desc.PropTypes.string.description("Optional text to show under the indicator").defaultValue(""),
-  showText: import_react_desc.PropTypes.bool.description("Whether to show the optional text or not").defaultValue(true),
-  withTooltip: import_react_desc.PropTypes.bool.description("Whether to include a tooltip that shows the optional text on hover").defaultValue(false),
-  tooltipStartPlacementPreference: import_react_desc.PropTypes.oneOf([
-    "top-start",
-    "top",
-    "top-end",
-    "right-start",
-    "right",
-    "right-end",
-    "bottom-end",
-    "bottom",
-    "bottom-start",
-    "left-end",
-    "left",
-    "left-start"
-  ]).description("start placement preference for the tooltip").defaultValue("center")
-};
-module.exports = __toCommonJS(react_desc_prop_types_exports);
-//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport { PropTypes } from 'react-desc';\n\nexport declare namespace DSSquareIndicatorT {\n  interface Props {\n    size?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n    color?: 'light' | 'dark';\n    text?: string;\n    showText?: boolean;\n    withTooltip: boolean;\n    tooltipStartPlacementPreference?:\n      | 'top-start'\n      | 'top'\n      | 'top-end'\n      | 'right-start'\n      | 'right'\n      | 'right-end'\n      | 'bottom-end'\n      | 'bottom'\n      | 'bottom-start'\n      | 'left-end'\n      | 'left'\n      | 'left-start';\n    __duration: number;\n  }\n}\n\nexport const SquareIndicatorPropTypes = {\n  size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl']).description('Size of the indicator').defaultValue('m'),\n  color: PropTypes.oneOf(['light', 'dark']).description('Color mode for the indicator').defaultValue('dark'),\n  text: PropTypes.string.description('Optional text to show under the indicator').defaultValue(''),\n  showText: PropTypes.bool.description('Whether to show the optional text or not').defaultValue(true),\n  withTooltip: PropTypes.bool\n    .description('Whether to include a tooltip that shows the optional text on hover')\n    .defaultValue(false),\n  tooltipStartPlacementPreference: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preference for the tooltip')\n    .defaultValue('center'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAA0B;AA0BnB,MAAM,2BAA2B;AAAA,EACtC,MAAM,4BAAU,MAAM,CAAC,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY,yBAAyB,aAAa;AAAA,EAC5G,OAAO,4BAAU,MAAM,CAAC,SAAS,SAAS,YAAY,gCAAgC,aAAa;AAAA,EACnG,MAAM,4BAAU,OAAO,YAAY,6CAA6C,aAAa;AAAA,EAC7F,UAAU,4BAAU,KAAK,YAAY,4CAA4C,aAAa;AAAA,EAC9F,aAAa,4BAAU,KACpB,YAAY,sEACZ,aAAa;AAAA,EAChB,iCAAiC,4BAAU,MAAM;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,YAAY,8CACZ,aAAa;AAAA;",
-  "names": []
-}

package/dist/esm/DSSquareIndicator.js

@@ -1,82 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { DSTooltipV3 } from "@elliemae/ds-tooltip";
-import { describe } from "react-desc";
-import { SquareIndicatorPropTypes } from "./react-desc-prop-types";
-const sizeToPx = {
-  xs: "16px",
-  s: "24px",
-  m: "32px",
-  l: "48px",
-  xl: "56px",
-  xxl: "64px"
-};
-const sizeToWeight = {
-  xs: "3px",
-  s: "3px",
-  m: "3px",
-  l: "4px",
-  xl: "5px",
-  xxl: "6px"
-};
-const colorToHex = {
-  light: "#FFFFFF",
-  dark: "#0F364A"
-};
-const sizeToTextSize = {
-  xs: "12px",
-  s: "12px",
-  m: "12px",
-  l: "13px",
-  xl: "14px",
-  xxl: "16px"
-};
-const DSSquareIndicator = ({
-  size = "m",
-  color = "dark",
-  text = "",
-  showText = true,
-  withTooltip = false,
-  tooltipStartPlacementPreference = "bottom",
-  __duration = 2.5
-}) => {
-  const Wrapper = withTooltip ? DSTooltipV3 : ({ children }) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, children);
-  return /* @__PURE__ */ React2.createElement(Grid, {
-    gutter: "xs",
-    justifyContent: "center",
-    role: "status"
-  }, /* @__PURE__ */ React2.createElement(Wrapper, {
-    text,
-    textAlign: "center",
-    startPlacementPreference: tooltipStartPlacementPreference
-  }, /* @__PURE__ */ React2.createElement("svg", {
-    width: sizeToPx[size],
-    height: sizeToPx[size],
-    style: { display: "block", margin: "auto" }
-  }, /* @__PURE__ */ React2.createElement("rect", {
-    width: "100%",
-    height: "100%",
-    fill: "transparent",
-    strokeWidth: sizeToWeight[size],
-    strokeDasharray: "400% 400%",
-    stroke: colorToHex[color]
-  }, /* @__PURE__ */ React2.createElement("animate", {
-    attributeName: "stroke-dashoffset",
-    values: "800%;0",
-    keyTimes: "0;1",
-    dur: `${__duration}s`,
-    repeatCount: "indefinite",
-    restart: "always"
-  }))), text !== "" && showText && /* @__PURE__ */ React2.createElement("span", {
-    style: { color: colorToHex[color], fontSize: sizeToTextSize[size] }
-  }, text)));
-};
-DSSquareIndicator.propTypes = SquareIndicatorPropTypes;
-const DSSquareIndicatorWithSchema = describe(DSSquareIndicator);
-DSSquareIndicatorWithSchema.propTypes = SquareIndicatorPropTypes;
-export {
-  DSSquareIndicator,
-  DSSquareIndicatorWithSchema
-};
-//# sourceMappingURL=DSSquareIndicator.js.map

package/dist/esm/DSSquareIndicator.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSquareIndicator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { PropsWithChildren, WeakValidationMap } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { describe } from 'react-desc';\nimport { DSSquareIndicatorT, SquareIndicatorPropTypes } from './react-desc-prop-types';\n\nconst sizeToPx = {\n  xs: '16px',\n  s: '24px',\n  m: '32px',\n  l: '48px',\n  xl: '56px',\n  xxl: '64px',\n};\n\nconst sizeToWeight = {\n  xs: '3px',\n  s: '3px',\n  m: '3px',\n  l: '4px',\n  xl: '5px',\n  xxl: '6px',\n};\n\nconst colorToHex = {\n  light: '#FFFFFF',\n  dark: '#0F364A',\n};\n\nconst sizeToTextSize = {\n  xs: '12px',\n  s: '12px',\n  m: '12px',\n  l: '13px',\n  xl: '14px',\n  xxl: '16px',\n};\n\nexport const DSSquareIndicator: React.ComponentType<DSSquareIndicatorT.Props> = ({\n  size = 'm',\n  color = 'dark',\n  text = '',\n  showText = true,\n  withTooltip = false,\n  tooltipStartPlacementPreference = 'bottom',\n  __duration = 2.5,\n}) => {\n  const Wrapper = withTooltip ? DSTooltipV3 : ({ children }: PropsWithChildren<unknown>) => <>{children}</>;\n\n  return (\n    <Grid gutter=\"xs\" justifyContent=\"center\" role=\"status\">\n      <Wrapper text={text} textAlign=\"center\" startPlacementPreference={tooltipStartPlacementPreference}>\n        <svg width={sizeToPx[size]} height={sizeToPx[size]} style={{ display: 'block', margin: 'auto' }}>\n          <rect\n            width=\"100%\"\n            height=\"100%\"\n            fill=\"transparent\"\n            strokeWidth={sizeToWeight[size]}\n            strokeDasharray=\"400% 400%\"\n            stroke={colorToHex[color]}\n          >\n            <animate\n              attributeName=\"stroke-dashoffset\"\n              values=\"800%;0\"\n              keyTimes=\"0;1\"\n              dur={`${__duration}s`}\n              repeatCount=\"indefinite\"\n              restart=\"always\"\n            />\n          </rect>\n        </svg>\n        {text !== '' && showText && (\n          <span style={{ color: colorToHex[color], fontSize: sizeToTextSize[size] }}>{text}</span>\n        )}\n      </Wrapper>\n    </Grid>\n  );\n};\n\nDSSquareIndicator.propTypes = SquareIndicatorPropTypes as WeakValidationMap<unknown>;\n\nexport const DSSquareIndicatorWithSchema = describe(DSSquareIndicator);\nDSSquareIndicatorWithSchema.propTypes = SquareIndicatorPropTypes;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,WAAW;AAAA,EACf,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA;AAGP,MAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA;AAGP,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,MAAM;AAAA;AAGR,MAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA;AAGA,MAAM,oBAAmE,CAAC;AAAA,EAC/E,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,cAAc;AAAA,EACd,kCAAkC;AAAA,EAClC,aAAa;AAAA,MACT;AACJ,QAAM,UAAU,cAAc,cAAc,CAAC,EAAE,eAA2C,4DAAG;AAE7F,SACE,qCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,IAAK,gBAAe;AAAA,IAAS,MAAK;AAAA,KAC7C,qCAAC,SAAD;AAAA,IAAS;AAAA,IAAY,WAAU;AAAA,IAAS,0BAA0B;AAAA,KAChE,qCAAC,OAAD;AAAA,IAAK,OAAO,SAAS;AAAA,IAAO,QAAQ,SAAS;AAAA,IAAO,OAAO,EAAE,SAAS,SAAS,QAAQ;AAAA,KACrF,qCAAC,QAAD;AAAA,IACE,OAAM;AAAA,IACN,QAAO;AAAA,IACP,MAAK;AAAA,IACL,aAAa,aAAa;AAAA,IAC1B,iBAAgB;AAAA,IAChB,QAAQ,WAAW;AAAA,KAEnB,qCAAC,WAAD;AAAA,IACE,eAAc;AAAA,IACd,QAAO;AAAA,IACP,UAAS;AAAA,IACT,KAAK,GAAG;AAAA,IACR,aAAY;AAAA,IACZ,SAAQ;AAAA,QAIb,SAAS,MAAM,YACd,qCAAC,QAAD;AAAA,IAAM,OAAO,EAAE,OAAO,WAAW,QAAQ,UAAU,eAAe;AAAA,KAAU;AAAA;AAOtF,kBAAkB,YAAY;AAEvB,MAAM,8BAA8B,SAAS;AACpD,4BAA4B,YAAY;",
-  "names": []
-}

package/dist/esm/index.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { DSSquareIndicator, DSSquareIndicatorWithSchema } from "./DSSquareIndicator";
-export {
-  DSSquareIndicator,
-  DSSquareIndicatorWithSchema
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

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

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-const SquareIndicatorPropTypes = {
-  size: PropTypes.oneOf(["xs", "s", "m", "l", "xl", "xxl"]).description("Size of the indicator").defaultValue("m"),
-  color: PropTypes.oneOf(["light", "dark"]).description("Color mode for the indicator").defaultValue("dark"),
-  text: PropTypes.string.description("Optional text to show under the indicator").defaultValue(""),
-  showText: PropTypes.bool.description("Whether to show the optional text or not").defaultValue(true),
-  withTooltip: PropTypes.bool.description("Whether to include a tooltip that shows the optional text on hover").defaultValue(false),
-  tooltipStartPlacementPreference: PropTypes.oneOf([
-    "top-start",
-    "top",
-    "top-end",
-    "right-start",
-    "right",
-    "right-end",
-    "bottom-end",
-    "bottom",
-    "bottom-start",
-    "left-end",
-    "left",
-    "left-start"
-  ]).description("start placement preference for the tooltip").defaultValue("center")
-};
-export {
-  SquareIndicatorPropTypes
-};
-//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { PropTypes } from 'react-desc';\n\nexport declare namespace DSSquareIndicatorT {\n  interface Props {\n    size?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n    color?: 'light' | 'dark';\n    text?: string;\n    showText?: boolean;\n    withTooltip: boolean;\n    tooltipStartPlacementPreference?:\n      | 'top-start'\n      | 'top'\n      | 'top-end'\n      | 'right-start'\n      | 'right'\n      | 'right-end'\n      | 'bottom-end'\n      | 'bottom'\n      | 'bottom-start'\n      | 'left-end'\n      | 'left'\n      | 'left-start';\n    __duration: number;\n  }\n}\n\nexport const SquareIndicatorPropTypes = {\n  size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl']).description('Size of the indicator').defaultValue('m'),\n  color: PropTypes.oneOf(['light', 'dark']).description('Color mode for the indicator').defaultValue('dark'),\n  text: PropTypes.string.description('Optional text to show under the indicator').defaultValue(''),\n  showText: PropTypes.bool.description('Whether to show the optional text or not').defaultValue(true),\n  withTooltip: PropTypes.bool\n    .description('Whether to include a tooltip that shows the optional text on hover')\n    .defaultValue(false),\n  tooltipStartPlacementPreference: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preference for the tooltip')\n    .defaultValue('center'),\n};\n"],
-  "mappings": "AAAA;ACCA;AA0BO,MAAM,2BAA2B;AAAA,EACtC,MAAM,UAAU,MAAM,CAAC,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY,yBAAyB,aAAa;AAAA,EAC5G,OAAO,UAAU,MAAM,CAAC,SAAS,SAAS,YAAY,gCAAgC,aAAa;AAAA,EACnG,MAAM,UAAU,OAAO,YAAY,6CAA6C,aAAa;AAAA,EAC7F,UAAU,UAAU,KAAK,YAAY,4CAA4C,aAAa;AAAA,EAC9F,aAAa,UAAU,KACpB,YAAY,sEACZ,aAAa;AAAA,EAChB,iCAAiC,UAAU,MAAM;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,YAAY,8CACZ,aAAa;AAAA;",
-  "names": []
-}