@magmamath/students-features 0.9.113 → 0.9.114-rc.0

package/dist/commonjs/features/pmProgress/chart/model/ArcPatternGenerator.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OuterArcPatternGenerator = void 0;
+class OuterArcPatternGenerator {
+  constructor(config) {
+    this.config = config;
+  }
+  generateArcPath(slice, radius) {
+    const gapAngle = this.config.gapBetweenSlices / (2 * radius);
+    const startAngle = slice.startAngle + gapAngle;
+    const endAngle = slice.endAngle - gapAngle;
+    const startPoint = this.polarToCartesian(radius, startAngle);
+    const endPoint = this.polarToCartesian(radius, endAngle);
+    const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0;
+    return `M ${startPoint.x} ${startPoint.y} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endPoint.x} ${endPoint.y}`;
+  }
+
+  /** Returns the sizes of the two rings where the checkerboard dashes are drawn. */
+  getPatternTrackSizes() {
+    const {
+      outerRadius,
+      outerArc
+    } = this.config;
+    return [outerRadius - outerArc.strokeWidth / 2, outerRadius - outerArc.strokeWidth * 1.5];
+  }
+  getDashWidthForRadius(radius) {
+    return this.config.outerArc.dashWidth * (radius / this.config.outerRadius);
+  }
+  getDashOffset(rowIndex, radius) {
+    const dashAngle = this.config.outerArc.dashWidth / this.config.outerRadius;
+    const dashWidthAtRadius = dashAngle * radius;
+    const baseOffset = dashWidthAtRadius / 2;
+    if (rowIndex === 1) {
+      return baseOffset - dashWidthAtRadius;
+    }
+    return baseOffset;
+  }
+  polarToCartesian(radius, angleInRadians) {
+    return {
+      x: radius * Math.sin(angleInRadians),
+      y: -radius * Math.cos(angleInRadians)
+    };
+  }
+}
+exports.OuterArcPatternGenerator = OuterArcPatternGenerator;
+//# sourceMappingURL=ArcPatternGenerator.js.map

package/dist/commonjs/features/pmProgress/chart/model/ArcPatternGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OuterArcPatternGenerator","constructor","config","generateArcPath","slice","radius","gapAngle","gapBetweenSlices","startAngle","endAngle","startPoint","polarToCartesian","endPoint","largeArcFlag","Math","PI","x","y","getPatternTrackSizes","outerRadius","outerArc","strokeWidth","getDashWidthForRadius","dashWidth","getDashOffset","rowIndex","dashAngle","dashWidthAtRadius","baseOffset","angleInRadians","sin","cos","exports"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/model/ArcPatternGenerator.ts"],"mappings":";;;;;;AAEO,MAAMA,wBAAwB,CAAC;EACpCC,WAAWA,CAAkBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;EAAG;EAEtDC,eAAeA,CAACC,KAAiB,EAAEC,MAAc,EAAE;IACxD,MAAMC,QAAQ,GAAG,IAAI,CAACJ,MAAM,CAACK,gBAAgB,IAAI,CAAC,GAAGF,MAAM,CAAC;IAC5D,MAAMG,UAAU,GAAGJ,KAAK,CAACI,UAAU,GAAGF,QAAQ;IAC9C,MAAMG,QAAQ,GAAGL,KAAK,CAACK,QAAQ,GAAGH,QAAQ;IAE1C,MAAMI,UAAU,GAAG,IAAI,CAACC,gBAAgB,CAACN,MAAM,EAAEG,UAAU,CAAC;IAC5D,MAAMI,QAAQ,GAAG,IAAI,CAACD,gBAAgB,CAACN,MAAM,EAAEI,QAAQ,CAAC;IACxD,MAAMI,YAAY,GAAGJ,QAAQ,GAAGD,UAAU,GAAGM,IAAI,CAACC,EAAE,GAAG,CAAC,GAAG,CAAC;IAE5D,OAAO,KAAKL,UAAU,CAACM,CAAC,IAAIN,UAAU,CAACO,CAAC,MAAMZ,MAAM,IAAIA,MAAM,MAAMQ,YAAY,MAAMD,QAAQ,CAACI,CAAC,IAAIJ,QAAQ,CAACK,CAAC,EAAE;EAClH;;EAEA;EACOC,oBAAoBA,CAAA,EAAqB;IAC9C,MAAM;MAAEC,WAAW;MAAEC;IAAS,CAAC,GAAG,IAAI,CAAClB,MAAM;IAC7C,OAAO,CACLiB,WAAW,GAAGC,QAAQ,CAACC,WAAW,GAAG,CAAC,EACtCF,WAAW,GAAGC,QAAQ,CAACC,WAAW,GAAG,GAAG,CACzC;EACH;EAEOC,qBAAqBA,CAACjB,MAAc,EAAE;IAC3C,OAAO,IAAI,CAACH,MAAM,CAACkB,QAAQ,CAACG,SAAS,IAAIlB,MAAM,GAAG,IAAI,CAACH,MAAM,CAACiB,WAAW,CAAC;EAC5E;EAEOK,aAAaA,CAACC,QAAgB,EAAEpB,MAAc,EAAE;IACrD,MAAMqB,SAAS,GAAG,IAAI,CAACxB,MAAM,CAACkB,QAAQ,CAACG,SAAS,GAAG,IAAI,CAACrB,MAAM,CAACiB,WAAW;IAC1E,MAAMQ,iBAAiB,GAAGD,SAAS,GAAGrB,MAAM;IAC5C,MAAMuB,UAAU,GAAGD,iBAAiB,GAAG,CAAC;IAExC,IAAIF,QAAQ,KAAK,CAAC,EAAE;MAClB,OAAOG,UAAU,GAAGD,iBAAiB;IACvC;IACA,OAAOC,UAAU;EACnB;EAEQjB,gBAAgBA,CAACN,MAAc,EAAEwB,cAAsB,EAAE;IAC/D,OAAO;MACLb,CAAC,EAAEX,MAAM,GAAGS,IAAI,CAACgB,GAAG,CAACD,cAAc,CAAC;MACpCZ,CAAC,EAAE,CAACZ,MAAM,GAAGS,IAAI,CAACiB,GAAG,CAACF,cAAc;IACtC,CAAC;EACH;AACF;AAACG,OAAA,CAAAhC,wBAAA,GAAAA,wBAAA","ignoreList":[]}

package/dist/commonjs/features/pmProgress/chart/model/PieChartManager.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PieChartManager = void 0;
+var _SliceShapeGenerator = require("./SliceShapeGenerator.js");
+var _ArcPatternGenerator = require("./ArcPatternGenerator.js");
+var _SliceHighlight = require("./SliceHighlight.js");
+class PieChartManager {
+  constructor(config) {
+    this.config = config;
+    this.shape = new _SliceShapeGenerator.SliceShapeGenerator(config);
+    this.pattern = new _ArcPatternGenerator.OuterArcPatternGenerator(config);
+    this.highlight = new _SliceHighlight.SliceHighlight(config);
+  }
+  getCenter() {
+    return {
+      x: this.config.size / 2,
+      y: this.config.size / 2
+    };
+  }
+}
+exports.PieChartManager = PieChartManager;
+//# sourceMappingURL=PieChartManager.js.map

package/dist/commonjs/features/pmProgress/chart/model/PieChartManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_SliceShapeGenerator","require","_ArcPatternGenerator","_SliceHighlight","PieChartManager","constructor","config","shape","SliceShapeGenerator","pattern","OuterArcPatternGenerator","highlight","SliceHighlight","getCenter","x","size","y","exports"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/model/PieChartManager.ts"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGO,MAAMG,eAAe,CAAC;EAK3BC,WAAWA,CAAiBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;IACvD,IAAI,CAACC,KAAK,GAAG,IAAIC,wCAAmB,CAACF,MAAM,CAAC;IAC5C,IAAI,CAACG,OAAO,GAAG,IAAIC,6CAAwB,CAACJ,MAAM,CAAC;IACnD,IAAI,CAACK,SAAS,GAAG,IAAIC,8BAAc,CAACN,MAAM,CAAC;EAC7C;EAEOO,SAASA,CAAA,EAAG;IACjB,OAAO;MAAEC,CAAC,EAAE,IAAI,CAACR,MAAM,CAACS,IAAI,GAAG,CAAC;MAAEC,CAAC,EAAE,IAAI,CAACV,MAAM,CAACS,IAAI,GAAG;IAAE,CAAC;EAC7D;AACF;AAACE,OAAA,CAAAb,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/commonjs/features/pmProgress/chart/model/SliceHighlight.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliceHighlight = void 0;
+var _effector = require("effector");
+class SliceHighlight {
+  highlightSlice = (0, _effector.createEvent)();
+  resetHighlight = (0, _effector.createEvent)();
+  $highlightedIndex = (0, _effector.createStore)(null).on(this.highlightSlice, (_, index) => index).reset(this.resetHighlight);
+  constructor(config) {
+    this.config = config;
+  }
+  getTranslateY(isHighlighted) {
+    return isHighlighted ? -this.config.pressOffset : 0;
+  }
+}
+exports.SliceHighlight = SliceHighlight;
+//# sourceMappingURL=SliceHighlight.js.map

package/dist/commonjs/features/pmProgress/chart/model/SliceHighlight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_effector","require","SliceHighlight","highlightSlice","createEvent","resetHighlight","$highlightedIndex","createStore","on","_","index","reset","constructor","config","getTranslateY","isHighlighted","pressOffset","exports"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/model/SliceHighlight.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAGO,MAAMC,cAAc,CAAC;EACVC,cAAc,GAAG,IAAAC,qBAAW,EAAS,CAAC;EACtCC,cAAc,GAAG,IAAAD,qBAAW,EAAC,CAAC;EAE9BE,iBAAiB,GAAG,IAAAC,qBAAW,EAAgB,IAAI,CAAC,CACjEC,EAAE,CAAC,IAAI,CAACL,cAAc,EAAE,CAACM,CAAC,EAAEC,KAAK,KAAKA,KAAK,CAAC,CAC5CC,KAAK,CAAC,IAAI,CAACN,cAAc,CAAC;EAE7BO,WAAWA,CAAkBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;EAAG;EAEtDC,aAAaA,CAACC,aAAsB,EAAU;IACnD,OAAOA,aAAa,GAAG,CAAC,IAAI,CAACF,MAAM,CAACG,WAAW,GAAG,CAAC;EACrD;AACF;AAACC,OAAA,CAAAf,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/commonjs/features/pmProgress/chart/model/SliceShapeGenerator.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliceShapeGenerator = void 0;
+var _d3Shape = require("d3-shape");
+class SliceShapeGenerator {
+  innerRadius = 0;
+  d3Pie = (0, _d3Shape.pie)().value(({
+    value
+  }) => value).sort(null);
+  constructor(config) {
+    this.config = config;
+  }
+  generateSlices(data) {
+    this.innerRadius = this.getInnerRadius(data.length);
+    return this.d3Pie(data).map((datum, index) => ({
+      index,
+      startAngle: datum.startAngle,
+      endAngle: datum.endAngle,
+      fillPercent: datum.data.fillPercent ?? 0,
+      backgroundColor: datum.data.backgroundColor ?? this.config.colors.background,
+      fillColor: datum.data.fillColor,
+      borderColor: datum.data.borderColor,
+      data: datum.data
+    }));
+  }
+  generateSlicePath(slice) {
+    const cornerRadius = this.getCornerRadius(100);
+    return this.buildArc(slice, this.config.outerRadius, cornerRadius);
+  }
+  generateFillPath(slice) {
+    const innerRadius = this.innerRadius;
+    const outerRadius = this.config.outerRadius;
+    const fillRadius = innerRadius + (outerRadius - innerRadius) * (slice.fillPercent / 100);
+    const radialThickness = fillRadius - innerRadius;
+    const cornerRadius = Math.min(this.getCornerRadius(slice.fillPercent), radialThickness / 2);
+    return this.buildArc(slice, fillRadius, cornerRadius);
+  }
+  getInnerRadius(sliceCount) {
+    const {
+      innerRadius
+    } = this.config;
+    return typeof innerRadius === 'function' ? innerRadius(sliceCount) : innerRadius;
+  }
+  getCornerRadius(fillPercent) {
+    const {
+      cornerRadius
+    } = this.config;
+    return typeof cornerRadius === 'function' ? cornerRadius(fillPercent) : cornerRadius;
+  }
+  get padAngle() {
+    return this.config.gapBetweenSlices / this.config.outerRadius;
+  }
+  buildArc(slice, outerRadius, cornerRadius) {
+    const innerRadius = this.innerRadius;
+    return (0, _d3Shape.arc)().outerRadius(outerRadius).innerRadius(innerRadius).cornerRadius(cornerRadius).padAngle(this.padAngle).padRadius(this.config.outerRadius)({
+      startAngle: slice.startAngle,
+      endAngle: slice.endAngle,
+      innerRadius,
+      outerRadius
+    });
+  }
+}
+exports.SliceShapeGenerator = SliceShapeGenerator;
+//# sourceMappingURL=SliceShapeGenerator.js.map

package/dist/commonjs/features/pmProgress/chart/model/SliceShapeGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_d3Shape","require","SliceShapeGenerator","innerRadius","d3Pie","pie","value","sort","constructor","config","generateSlices","data","getInnerRadius","length","map","datum","index","startAngle","endAngle","fillPercent","backgroundColor","colors","background","fillColor","borderColor","generateSlicePath","slice","cornerRadius","getCornerRadius","buildArc","outerRadius","generateFillPath","fillRadius","radialThickness","Math","min","sliceCount","padAngle","gapBetweenSlices","arc","padRadius","exports"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/model/SliceShapeGenerator.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/header/PracticeProgressHeader.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PracticeProgressHeader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _SketchArrowRight = require("../../../shared/icons/SketchArrowRight.js");
+var _SliceDiamondIcon = require("../../../shared/icons/SliceDiamondIcon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// TODO: temp, remove and pass from props
+const items = [{
+  key: 'item-1',
+  title: 'Grade1'
+}, {
+  key: 'item-1',
+  title: 'Grade2'
+}, {
+  key: 'item-1',
+  title: 'Grade3'
+}];
+const PracticeProgressHeader = ({
+  title,
+  grade,
+  nextUp,
+  topic,
+  buttonLabel,
+  topicColor
+}) => {
+  const [isDropdownOpen, setIsDropdownOpen] = (0, _react.useState)(false);
+  const CaretIcon = isDropdownOpen ? _reactNativeUi.CaretUpIcon : _reactNativeUi.CaretDownIcon;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.title,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H2,
+        style: styles.dark,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Dropdown, {
+        isOpen: isDropdownOpen,
+        anchor: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Button, {
+          variant: _reactNativeUi.ButtonVariant.TERTIARY,
+          onPress: () => setIsDropdownOpen(prev => !prev),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+            variant: _reactNativeUi.HeadingVariants.H8,
+            style: styles.dark,
+            children: grade
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.caret,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CaretIcon, {
+              color: _reactNativeUi.COLORS.NEUTRAL_9
+            })
+          })]
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Menu, {
+          style: styles.menu,
+          items: items
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.nextUp,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.content,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.subtitle,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+            variant: _reactNativeUi.HeadingVariants.H2,
+            style: styles.dark,
+            children: nextUp
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styles.row, styles.tilted],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+            variant: _reactNativeUi.HeadingVariants.H7,
+            style: styles.muted,
+            children: topic
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.diamond,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceDiamondIcon.SliceDiamondIcon, {
+              color: topicColor
+            })
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.arrow,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SketchArrowRight.SketchArrowRight, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.PlayIcon, {
+          size: 16,
+          color: _reactNativeUi.COLORS.NEUTRAL_1
+        }),
+        variant: _reactNativeUi.ButtonVariant.PRIMARY,
+        size: _reactNativeUi.ButtonSize.LARGE,
+        colorScheme: _reactNativeUi.ButtonColor.YELLOW,
+        raiseLevel: 6,
+        style: {
+          container: styles.startButton
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H6,
+          style: styles.startButtonText,
+          children: buttonLabel
+        })
+      })]
+    })]
+  });
+};
+exports.PracticeProgressHeader = PracticeProgressHeader;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: _reactNativeUi.SPACING[400]
+  },
+  title: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  dark: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  caret: {
+    marginLeft: _reactNativeUi.SPACING[100]
+  },
+  menu: {
+    top: _reactNativeUi.SPACING[100],
+    minWidth: 110
+  },
+  nextUp: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[400]
+  },
+  content: {
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[100]
+  },
+  subtitle: {
+    transform: [{
+      rotate: '355deg'
+    }],
+    marginRight: _reactNativeUi.SPACING[300]
+  },
+  tilted: {
+    transform: [{
+      rotate: '355deg'
+    }]
+  },
+  row: {
+    flexDirection: 'row',
+    gap: _reactNativeUi.SPACING[100]
+  },
+  muted: {
+    color: _reactNativeUi.COLORS.NEUTRAL_8
+  },
+  diamond: {
+    bottom: 10
+  },
+  arrow: {
+    transform: [{
+      rotate: '358deg'
+    }]
+  },
+  startButton: {
+    minWidth: 145
+  },
+  startButtonText: {
+    fontWeight: '700',
+    textTransform: 'uppercase',
+    color: _reactNativeUi.COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=PracticeProgressHeader.js.map

package/dist/commonjs/features/pmProgress/header/PracticeProgressHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_SketchArrowRight","_SliceDiamondIcon","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","items","key","title","PracticeProgressHeader","grade","nextUp","topic","buttonLabel","topicColor","isDropdownOpen","setIsDropdownOpen","useState","CaretIcon","CaretUpIcon","CaretDownIcon","jsxs","View","style","styles","container","children","jsx","Typography","variant","HeadingVariants","H2","dark","Dropdown","isOpen","anchor","Button","ButtonVariant","TERTIARY","onPress","prev","H8","caret","color","COLORS","NEUTRAL_9","Menu","menu","content","subtitle","row","tilted","H7","muted","diamond","SliceDiamondIcon","arrow","SketchArrowRight","icon","PlayIcon","size","NEUTRAL_1","PRIMARY","ButtonSize","LARGE","colorScheme","ButtonColor","YELLOW","raiseLevel","startButton","H6","startButtonText","exports","StyleSheet","create","flexDirection","justifyContent","alignItems","marginBottom","SPACING","gap","marginLeft","top","minWidth","transform","rotate","marginRight","NEUTRAL_8","bottom","fontWeight","textTransform"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/header/PracticeProgressHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAeA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAyE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEzE;AACA,MAAMW,KAAK,GAAG,CACZ;EACEC,GAAG,EAAE,QAAQ;EACbC,KAAK,EAAE;AACT,CAAC,EACD;EACED,GAAG,EAAE,QAAQ;EACbC,KAAK,EAAE;AACT,CAAC,EACD;EACED,GAAG,EAAE,QAAQ;EACbC,KAAK,EAAE;AACT,CAAC,CACF;AAWM,MAAMC,sBAAsB,GAAGA,CAAC;EACrCD,KAAK;EACLE,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,WAAW;EACXC;AAC2B,CAAC,KAAK;EACjC,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC3D,MAAMC,SAAS,GAAGH,cAAc,GAAGI,0BAAW,GAAGC,4BAAa;EAE9D,oBACE,IAAAnC,WAAA,CAAAoC,IAAA,EAACxC,YAAA,CAAAyC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAzC,WAAA,CAAAoC,IAAA,EAACxC,YAAA,CAAAyC,IAAI;MAACC,KAAK,EAAEC,MAAM,CAAChB,KAAM;MAAAkB,QAAA,gBACxB,IAAAzC,WAAA,CAAA0C,GAAA,EAAC7C,cAAA,CAAA8C,UAAU;QAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;QAACR,KAAK,EAAEC,MAAM,CAACQ,IAAK;QAAAN,QAAA,EACzDlB;MAAK,CACI,CAAC,eACb,IAAAvB,WAAA,CAAA0C,GAAA,EAAC7C,cAAA,CAAAmD,QAAQ;QACPC,MAAM,EAAEnB,cAAe;QACvBoB,MAAM,eACJ,IAAAlD,WAAA,CAAAoC,IAAA,EAACvC,cAAA,CAAAsD,MAAM;UACLP,OAAO,EAAEQ,4BAAa,CAACC,QAAS;UAChCC,OAAO,EAAEA,CAAA,KAAMvB,iBAAiB,CAAEwB,IAAI,IAAK,CAACA,IAAI,CAAE;UAAAd,QAAA,gBAElD,IAAAzC,WAAA,CAAA0C,GAAA,EAAC7C,cAAA,CAAA8C,UAAU;YAACC,OAAO,EAAEC,8BAAe,CAACW,EAAG;YAAClB,KAAK,EAAEC,MAAM,CAACQ,IAAK;YAAAN,QAAA,EACzDhB;UAAK,CACI,CAAC,eACb,IAAAzB,WAAA,CAAA0C,GAAA,EAAC9C,YAAA,CAAAyC,IAAI;YAACC,KAAK,EAAEC,MAAM,CAACkB,KAAM;YAAAhB,QAAA,eACxB,IAAAzC,WAAA,CAAA0C,GAAA,EAACT,SAAS;cAACyB,KAAK,EAAEC,qBAAM,CAACC;YAAU,CAAE;UAAC,CAClC,CAAC;QAAA,CACD,CACT;QAAAnB,QAAA,eAED,IAAAzC,WAAA,CAAA0C,GAAA,EAAC7C,cAAA,CAAAgE,IAAI;UAACvB,KAAK,EAAEC,MAAM,CAACuB,IAAK;UAACzC,KAAK,EAAEA;QAAM,CAAE;MAAC,CAClC,CAAC;IAAA,CACP,CAAC,eAEP,IAAArB,WAAA,CAAAoC,IAAA,EAACxC,YAAA,CAAAyC,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACb,MAAO;MAAAe,QAAA,gBACzB,IAAAzC,WAAA,CAAAoC,IAAA,EAACxC,YAAA,CAAAyC,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACwB,OAAQ;QAAAtB,QAAA,gBAC1B,IAAAzC,WAAA,CAAA0C,GAAA,EAAC9C,YAAA,CAAAyC,IAAI;UAACC,KAAK,EAAEC,MAAM,CAACyB,QAAS;UAAAvB,QAAA,eAC3B,IAAAzC,WAAA,CAAA0C,GAAA,EAAC7C,cAAA,CAAA8C,UAAU;YAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;YAACR,KAAK,EAAEC,MAAM,CAACQ,IAAK;YAAAN,QAAA,EACzDf;UAAM,CACG;QAAC,CACT,CAAC,eACP,IAAA1B,WAAA,CAAAoC,IAAA,EAACxC,YAAA,CAAAyC,IAAI;UAACC,KAAK,EAAE,CAACC,MAAM,CAAC0B,GAAG,EAAE1B,MAAM,CAAC2B,MAAM,CAAE;UAAAzB,QAAA,gBACvC,IAAAzC,WAAA,CAAA0C,GAAA,EAAC7C,cAAA,CAAA8C,UAAU;YAACC,OAAO,EAAEC,8BAAe,CAACsB,EAAG;YAAC7B,KAAK,EAAEC,MAAM,CAAC6B,KAAM;YAAA3B,QAAA,EAC1Dd;UAAK,CACI,CAAC,eACb,IAAA3B,WAAA,CAAA0C,GAAA,EAAC9C,YAAA,CAAAyC,IAAI;YAACC,KAAK,EAAEC,MAAM,CAAC8B,OAAQ;YAAA5B,QAAA,eAC1B,IAAAzC,WAAA,CAAA0C,GAAA,EAAC3C,iBAAA,CAAAuE,gBAAgB;cAACZ,KAAK,EAAE7B;YAAW,CAAE;UAAC,CACnC,CAAC;QAAA,CACH,CAAC;MAAA,CACH,CAAC,eACP,IAAA7B,WAAA,CAAA0C,GAAA,EAAC9C,YAAA,CAAAyC,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACgC,KAAM;QAAA9B,QAAA,eACxB,IAAAzC,WAAA,CAAA0C,GAAA,EAAC5C,iBAAA,CAAA0E,gBAAgB,IAAE;MAAC,CAChB,CAAC,eACP,IAAAxE,WAAA,CAAA0C,GAAA,EAAC7C,cAAA,CAAAsD,MAAM;QACLsB,IAAI,eAAE,IAAAzE,WAAA,CAAA0C,GAAA,EAAC7C,cAAA,CAAA6E,QAAQ;UAACC,IAAI,EAAE,EAAG;UAACjB,KAAK,EAAEC,qBAAM,CAACiB;QAAU,CAAE,CAAE;QACtDhC,OAAO,EAAEQ,4BAAa,CAACyB,OAAQ;QAC/BF,IAAI,EAAEG,yBAAU,CAACC,KAAM;QACvBC,WAAW,EAAEC,0BAAW,CAACC,MAAO;QAChCC,UAAU,EAAE,CAAE;QACd7C,KAAK,EAAE;UAAEE,SAAS,EAAED,MAAM,CAAC6C;QAAY,CAAE;QAAA3C,QAAA,eAEzC,IAAAzC,WAAA,CAAA0C,GAAA,EAAC7C,cAAA,CAAA8C,UAAU;UAACC,OAAO,EAAEC,8BAAe,CAACwC,EAAG;UAAC/C,KAAK,EAAEC,MAAM,CAAC+C,eAAgB;UAAA7C,QAAA,EACpEb;QAAW,CACF;MAAC,CACP,CAAC;IAAA,CACL,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAAA2D,OAAA,CAAA/D,sBAAA,GAAAA,sBAAA;AAED,MAAMe,MAAM,GAAGiD,uBAAU,CAACC,MAAM,CAAC;EAC/BjD,SAAS,EAAE;IACTkD,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAEC,sBAAO,CAAC,GAAG;EAC3B,CAAC;EACDvE,KAAK,EAAE;IACLmE,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE,QAAQ;IACpBG,GAAG,EAAED,sBAAO,CAAC,GAAG;EAClB,CAAC;EACD/C,IAAI,EAAE;IACJW,KAAK,EAAEC,qBAAM,CAACC;EAChB,CAAC;EACDH,KAAK,EAAE;IACLuC,UAAU,EAAEF,sBAAO,CAAC,GAAG;EACzB,CAAC;EACDhC,IAAI,EAAE;IACJmC,GAAG,EAAEH,sBAAO,CAAC,GAAG,CAAC;IACjBI,QAAQ,EAAE;EACZ,CAAC;EACDxE,MAAM,EAAE;IACNgE,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE,QAAQ;IACpBG,GAAG,EAAED,sBAAO,CAAC,GAAG;EAClB,CAAC;EACD/B,OAAO,EAAE;IACP6B,UAAU,EAAE,QAAQ;IACpBG,GAAG,EAAED,sBAAO,CAAC,GAAG;EAClB,CAAC;EACD9B,QAAQ,EAAE;IACRmC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC,CAAC;IACjCC,WAAW,EAAEP,sBAAO,CAAC,GAAG;EAC1B,CAAC;EACD5B,MAAM,EAAE;IACNiC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC;EAClC,CAAC;EACDnC,GAAG,EAAE;IACHyB,aAAa,EAAE,KAAK;IACpBK,GAAG,EAAED,sBAAO,CAAC,GAAG;EAClB,CAAC;EACD1B,KAAK,EAAE;IACLV,KAAK,EAAEC,qBAAM,CAAC2C;EAChB,CAAC;EACDjC,OAAO,EAAE;IACPkC,MAAM,EAAE;EACV,CAAC;EACDhC,KAAK,EAAE;IACL4B,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC;EAClC,CAAC;EACDhB,WAAW,EAAE;IACXc,QAAQ,EAAE;EACZ,CAAC;EACDZ,eAAe,EAAE;IACfkB,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,WAAW;IAC1B/C,KAAK,EAAEC,qBAAM,CAACiB;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/pmProgress/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PracticeProgress", {
+  enumerable: true,
+  get: function () {
+    return _PracticeProgress.PracticeProgress;
+  }
+});
+var _PracticeProgress = require("./PracticeProgress.js");
+//# sourceMappingURL=index.js.map

package/dist/commonjs/features/pmProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_PracticeProgress","require"],"sourceRoot":"../../../../src","sources":["features/pmProgress/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/commonjs/features/pmProgress/list/ListCard.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _ListItem = require("./ListItem.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const HEADER_HEIGHT = 60;
+const RADIUS = _reactNativeUi.BORDER_RADIUS[200];
+const PROGRESS_BAR_WIDTH = 50;
+const PROGRESS_BAR_HEIGHT = 10;
+const ListCard = ({
+  title,
+  icon,
+  color,
+  items,
+  progress = 0,
+  rightContent,
+  isFirst,
+  isLast
+}) => {
+  const [expanded, setExpanded] = (0, _react.useState)(false);
+  const Caret = expanded ? _reactNativeUi.CaretUpIcon : _reactNativeUi.CaretDownIcon;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, isFirst && styles.first, isLast && styles.last],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      style: styles.header,
+      onPress: () => setExpanded(prev => !prev),
+      children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.caret,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Caret, {
+          color: _reactNativeUi.COLORS.NEUTRAL_9
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H6,
+        style: styles.title,
+        children: title
+      }), rightContent ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.progress,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H7,
+          style: [styles.percentage, {
+            color
+          }],
+          children: [Math.round(progress), "%"]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.track,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.fill, {
+              width: `${progress}%`,
+              backgroundColor: color
+            }]
+          })
+        })]
+      })]
+    }), expanded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.items,
+      children: items.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.ListItem, {
+        ...item
+      }, index))
+    })]
+  });
+};
+exports.ListCard = ListCard;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    borderTopWidth: 0,
+    overflow: 'hidden'
+  },
+  first: {
+    borderTopWidth: 1,
+    borderTopLeftRadius: RADIUS,
+    borderTopRightRadius: RADIUS
+  },
+  last: {
+    borderBottomLeftRadius: RADIUS,
+    borderBottomRightRadius: RADIUS
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: HEADER_HEIGHT,
+    padding: _reactNativeUi.SPACING[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2
+  },
+  caret: {
+    marginLeft: _reactNativeUi.SPACING[400]
+  },
+  title: {
+    marginLeft: _reactNativeUi.SPACING[200],
+    flex: 1
+  },
+  progress: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  percentage: {
+    textAlign: 'right'
+  },
+  track: {
+    width: PROGRESS_BAR_WIDTH,
+    height: PROGRESS_BAR_HEIGHT,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
+    overflow: 'hidden'
+  },
+  fill: {
+    height: '100%',
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  items: {
+    gap: _reactNativeUi.SPACING[200],
+    padding: _reactNativeUi.SPACING[200],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=ListCard.js.map

package/dist/commonjs/features/pmProgress/list/ListCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_ListItem","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HEADER_HEIGHT","RADIUS","BORDER_RADIUS","PROGRESS_BAR_WIDTH","PROGRESS_BAR_HEIGHT","ListCard","title","icon","color","items","progress","rightContent","isFirst","isLast","expanded","setExpanded","useState","Caret","CaretUpIcon","CaretDownIcon","jsxs","View","style","styles","container","first","last","children","Pressable","header","onPress","prev","jsx","caret","COLORS","NEUTRAL_9","Typography","variant","HeadingVariants","H6","H7","percentage","Math","round","track","fill","width","backgroundColor","map","item","index","ListItem","exports","StyleSheet","create","justifyContent","NEUTRAL_2","borderWidth","borderColor","NEUTRAL_4","borderTopWidth","overflow","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexDirection","alignItems","height","padding","SPACING","marginLeft","flex","gap","textAlign","borderRadius","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/list/ListCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AASA,IAAAG,SAAA,GAAAH,OAAA;AAAwD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAExD,MAAMW,aAAa,GAAG,EAAE;AACxB,MAAMC,MAAM,GAAGC,4BAAa,CAAC,GAAG,CAAC;AACjC,MAAMC,kBAAkB,GAAG,EAAE;AAC7B,MAAMC,mBAAmB,GAAG,EAAE;AAavB,MAAMC,QAAQ,GAAGA,CAAC;EACvBC,KAAK;EACLC,IAAI;EACJC,KAAK;EACLC,KAAK;EACLC,QAAQ,GAAG,CAAC;EACZC,YAAY;EACZC,OAAO;EACPC;AACa,CAAC,KAAK;EACnB,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC/C,MAAMC,KAAK,GAAGH,QAAQ,GAAGI,0BAAW,GAAGC,4BAAa;EAEpD,oBACE,IAAAxC,WAAA,CAAAyC,IAAA,EAAC5C,YAAA,CAAA6C,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEZ,OAAO,IAAIW,MAAM,CAACE,KAAK,EAAEZ,MAAM,IAAIU,MAAM,CAACG,IAAI,CAAE;IAAAC,QAAA,gBAC9E,IAAAhD,WAAA,CAAAyC,IAAA,EAAC5C,YAAA,CAAAoD,SAAS;MAACN,KAAK,EAAEC,MAAM,CAACM,MAAO;MAACC,OAAO,EAAEA,CAAA,KAAMf,WAAW,CAAEgB,IAAI,IAAK,CAACA,IAAI,CAAE;MAAAJ,QAAA,GAC1EpB,IAAI,eACL,IAAA5B,WAAA,CAAAqD,GAAA,EAACxD,YAAA,CAAA6C,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACU,KAAM;QAAAN,QAAA,eACxB,IAAAhD,WAAA,CAAAqD,GAAA,EAACf,KAAK;UAACT,KAAK,EAAE0B,qBAAM,CAACC;QAAU,CAAE;MAAC,CAC9B,CAAC,eACP,IAAAxD,WAAA,CAAAqD,GAAA,EAACvD,cAAA,CAAA2D,UAAU;QAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;QAACjB,KAAK,EAAEC,MAAM,CAACjB,KAAM;QAAAqB,QAAA,EAC1DrB;MAAK,CACI,CAAC,EACZK,YAAY,iBACX,IAAAhC,WAAA,CAAAyC,IAAA,EAAC5C,YAAA,CAAA6C,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACb,QAAS;QAAAiB,QAAA,gBAC3B,IAAAhD,WAAA,CAAAyC,IAAA,EAAC3C,cAAA,CAAA2D,UAAU;UAACC,OAAO,EAAEC,8BAAe,CAACE,EAAG;UAAClB,KAAK,EAAE,CAACC,MAAM,CAACkB,UAAU,EAAE;YAAEjC;UAAM,CAAC,CAAE;UAAAmB,QAAA,GAC5Ee,IAAI,CAACC,KAAK,CAACjC,QAAQ,CAAC,EAAC,GACxB;QAAA,CAAY,CAAC,eACb,IAAA/B,WAAA,CAAAqD,GAAA,EAACxD,YAAA,CAAA6C,IAAI;UAACC,KAAK,EAAEC,MAAM,CAACqB,KAAM;UAAAjB,QAAA,eACxB,IAAAhD,WAAA,CAAAqD,GAAA,EAACxD,YAAA,CAAA6C,IAAI;YACHC,KAAK,EAAE,CAACC,MAAM,CAACsB,IAAI,EAAE;cAAEC,KAAK,EAAE,GAAGpC,QAAQ,GAAG;cAAEqC,eAAe,EAAEvC;YAAM,CAAC;UAAE,CACzE;QAAC,CACE,CAAC;MAAA,CACH,CACP;IAAA,CACQ,CAAC,EACXM,QAAQ,iBACP,IAAAnC,WAAA,CAAAqD,GAAA,EAACxD,YAAA,CAAA6C,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACd,KAAM;MAAAkB,QAAA,EACvBlB,KAAK,CAACuC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACrB,IAAAvE,WAAA,CAAAqD,GAAA,EAACtD,SAAA,CAAAyE,QAAQ;QAAA,GAAiBF;MAAI,GAAfC,KAAkB,CAClC;IAAC,CACE,CACP;EAAA,CACG,CAAC;AAEX,CAAC;AAAAE,OAAA,CAAA/C,QAAA,GAAAA,QAAA;AAED,MAAMkB,MAAM,GAAG8B,uBAAU,CAACC,MAAM,CAAC;EAC/B9B,SAAS,EAAE;IACT+B,cAAc,EAAE,QAAQ;IACxBR,eAAe,EAAEb,qBAAM,CAACsB,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAExB,qBAAM,CAACyB,SAAS;IAC7BC,cAAc,EAAE,CAAC;IACjBC,QAAQ,EAAE;EACZ,CAAC;EACDpC,KAAK,EAAE;IACLmC,cAAc,EAAE,CAAC;IACjBE,mBAAmB,EAAE7D,MAAM;IAC3B8D,oBAAoB,EAAE9D;EACxB,CAAC;EACDyB,IAAI,EAAE;IACJsC,sBAAsB,EAAE/D,MAAM;IAC9BgE,uBAAuB,EAAEhE;EAC3B,CAAC;EACD4B,MAAM,EAAE;IACNqC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAEpE,aAAa;IACrBqE,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBvB,eAAe,EAAEb,qBAAM,CAACsB;EAC1B,CAAC;EACDvB,KAAK,EAAE;IACLsC,UAAU,EAAED,sBAAO,CAAC,GAAG;EACzB,CAAC;EACDhE,KAAK,EAAE;IACLiE,UAAU,EAAED,sBAAO,CAAC,GAAG,CAAC;IACxBE,IAAI,EAAE;EACR,CAAC;EACD9D,QAAQ,EAAE;IACRwD,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBM,GAAG,EAAEH,sBAAO,CAAC,GAAG;EAClB,CAAC;EACD7B,UAAU,EAAE;IACViC,SAAS,EAAE;EACb,CAAC;EACD9B,KAAK,EAAE;IACLE,KAAK,EAAE3C,kBAAkB;IACzBiE,MAAM,EAAEhE,mBAAmB;IAC3B2C,eAAe,EAAEb,qBAAM,CAACyB,SAAS;IACjCgB,YAAY,EAAEzE,4BAAa,CAAC,GAAG,CAAC;IAChC2D,QAAQ,EAAE;EACZ,CAAC;EACDhB,IAAI,EAAE;IACJuB,MAAM,EAAE,MAAM;IACdO,YAAY,EAAEzE,4BAAa,CAAC,GAAG;EACjC,CAAC;EACDO,KAAK,EAAE;IACLgE,GAAG,EAAEH,sBAAO,CAAC,GAAG,CAAC;IACjBD,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBvB,eAAe,EAAEb,qBAAM,CAAC0C;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}