@magmamath/students-features 1.8.0-rc.0-fluency-visuals → 1.8.1-rc.0

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   Fluency: true,
   FluencySolving: true,
-  FluencyVisualPlayground: true,
   FluencyModel: true
 };
 Object.defineProperty(exports, "Fluency", {
@@ -27,12 +26,6 @@ Object.defineProperty(exports, "FluencySolving", {
     return _FluencySolving.FluencySolving;
   }
 });
-Object.defineProperty(exports, "FluencyVisualPlayground", {
-  enumerable: true,
-  get: function () {
-    return _FluencyVisualPlayground.FluencyVisualPlayground;
-  }
-});
 var _fluencyConstants = require("./shared/fluency.constants.js");
 Object.keys(_fluencyConstants).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -83,6 +76,5 @@ Object.keys(_index).forEach(function (key) {
 });
 var _Fluency = require("./components/Fluency.js");
 var _FluencySolving = require("./components/FluencySolving.js");
-var _FluencyVisualPlayground = require("./components/FluencyVisualPlayground.js");
 var _FluencyModel = require("./model/FluencyModel.js");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_fluencyConstants","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_fluencyTypes","_fluencyHelpers","_index","_Fluency","_FluencySolving","_FluencyVisualPlayground","_FluencyModel"],"sourceRoot":"../../../../src","sources":["features/fluency/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,aAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,aAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,aAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,aAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,eAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,eAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,eAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,eAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,MAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,MAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAW,MAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,MAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AACA,IAAAY,QAAA,GAAAhB,OAAA;AACA,IAAAiB,eAAA,GAAAjB,OAAA;AACA,IAAAkB,wBAAA,GAAAlB,OAAA;AACA,IAAAmB,aAAA,GAAAnB,OAAA","ignoreList":[]}
+{"version":3,"names":["_fluencyConstants","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_fluencyTypes","_fluencyHelpers","_index","_Fluency","_FluencySolving","_FluencyModel"],"sourceRoot":"../../../../src","sources":["features/fluency/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,aAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,aAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,aAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,aAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,eAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,eAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,eAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,eAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,MAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,MAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAW,MAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,MAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AACA,IAAAY,QAAA,GAAAhB,OAAA;AACA,IAAAiB,eAAA,GAAAjB,OAAA;AACA,IAAAkB,aAAA,GAAAlB,OAAA","ignoreList":[]}

package/dist/module/features/fluency/index.js

@@ -6,6 +6,5 @@ export * from "./shared/fluency.helpers.js";
 export * from "./visual-scaffolding/index.js";
 export { Fluency } from "./components/Fluency.js";
 export { FluencySolving } from "./components/FluencySolving.js";
-export { FluencyVisualPlayground } from "./components/FluencyVisualPlayground.js";
 export { FluencyModel } from "./model/FluencyModel.js";
 //# sourceMappingURL=index.js.map

package/dist/module/features/fluency/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Fluency","FluencySolving","FluencyVisualPlayground","FluencyModel"],"sourceRoot":"../../../../src","sources":["features/fluency/index.ts"],"mappings":";;AAAA,cAAc,+BAA4B;AAC1C,cAAc,2BAAwB;AACtC,cAAc,6BAA0B;AACxC,cAAc,+BAAsB;AACpC,SAASA,OAAO,QAAQ,yBAAsB;AAC9C,SAASC,cAAc,QAAQ,gCAA6B;AAC5D,SAASC,uBAAuB,QAAQ,yCAAsC;AAC9E,SAASC,YAAY,QAAQ,yBAAsB","ignoreList":[]}
+{"version":3,"names":["Fluency","FluencySolving","FluencyModel"],"sourceRoot":"../../../../src","sources":["features/fluency/index.ts"],"mappings":";;AAAA,cAAc,+BAA4B;AAC1C,cAAc,2BAAwB;AACtC,cAAc,6BAA0B;AACxC,cAAc,+BAAsB;AACpC,SAASA,OAAO,QAAQ,yBAAsB;AAC9C,SAASC,cAAc,QAAQ,gCAA6B;AAC5D,SAASC,YAAY,QAAQ,yBAAsB","ignoreList":[]}

package/dist/typescript/commonjs/features/fluency/index.d.ts

@@ -4,6 +4,5 @@ export * from './shared/fluency.helpers';
 export * from './visual-scaffolding';
 export { Fluency } from './components/Fluency';
 export { FluencySolving } from './components/FluencySolving';
-export { FluencyVisualPlayground } from './components/FluencyVisualPlayground';
 export { FluencyModel } from './model/FluencyModel';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/commonjs/features/fluency/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/fluency/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/fluency/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/typescript/module/features/fluency/index.d.ts

@@ -4,6 +4,5 @@ export * from './shared/fluency.helpers';
 export * from './visual-scaffolding';
 export { Fluency } from './components/Fluency';
 export { FluencySolving } from './components/FluencySolving';
-export { FluencyVisualPlayground } from './components/FluencyVisualPlayground';
 export { FluencyModel } from './model/FluencyModel';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/features/fluency/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/fluency/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/fluency/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.8.0-rc.0-fluency-visuals",
+  "version": "1.8.1-rc.0",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/fluency/index.ts

@@ -4,5 +4,4 @@ export * from './shared/fluency.helpers'
 export * from './visual-scaffolding'
 export { Fluency } from './components/Fluency'
 export { FluencySolving } from './components/FluencySolving'
-export { FluencyVisualPlayground } from './components/FluencyVisualPlayground'
 export { FluencyModel } from './model/FluencyModel'

package/dist/commonjs/features/fluency/components/FluencyVisualPlayground.js

@@ -1,386 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FluencyVisualPlayground = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _FluencyContext = require("../context/FluencyContext.js");
-var _FluencyCardDeck = require("./fluency-solving/components/FluencyCardDeck.js");
-var _useFluencyCardDeckAnimation = require("../hooks/useFluencyCardDeckAnimation.js");
-var _useSuccessSound = require("../hooks/useSuccessSound.js");
-var _fluencyConstants = require("../shared/fluency.constants.js");
-var _index = require("../visual-scaffolding/index.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 OPERATIONS = [{
-  value: 'addition',
-  mode: _fluencyConstants.FluencyMode.ADDITION,
-  symbol: '+',
-  label: 'Addition'
-}, {
-  value: 'subtraction',
-  mode: _fluencyConstants.FluencyMode.SUBTRACTION,
-  symbol: '−',
-  label: 'Subtraction'
-}, {
-  value: 'multiplication',
-  mode: _fluencyConstants.FluencyMode.MULTIPLICATION,
-  symbol: '×',
-  label: 'Multiplication'
-}, {
-  value: 'division',
-  mode: _fluencyConstants.FluencyMode.DIVISION,
-  symbol: '÷',
-  label: 'Division'
-}];
-const BOXES = [0, 1, 2, 3, 4];
-
-// Defaults per operation that exercise the more interesting layouts (ten-bridging
-// addition, regrouping subtraction, a clean array / grouping).
-const DEFAULT_OPERANDS = {
-  addition: [7, 8],
-  subtraction: [13, 5],
-  multiplication: [3, 4],
-  division: [12, 4]
-};
-const OPERAND_MIN = 0;
-const OPERAND_MAX = 20;
-const answerFor = (operation, left, right) => {
-  switch (operation) {
-    case 'addition':
-      return left + right;
-    case 'subtraction':
-      return left - right;
-    case 'multiplication':
-      return left * right;
-    case 'division':
-      return right > 0 ? Math.floor(left / right) : 0;
-  }
-};
-const Chip = ({
-  label,
-  sublabel,
-  isActive,
-  activeColor,
-  onPress
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-  onPress: onPress,
-  style: [styles.chip, isActive && {
-    backgroundColor: activeColor,
-    borderColor: activeColor
-  }],
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: [styles.chipLabel, isActive && styles.chipLabelActive],
-    children: label
-  }), sublabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: [styles.chipSub, isActive && styles.chipLabelActive],
-    children: sublabel
-  })]
-});
-const Stepper = ({
-  label,
-  value,
-  onChange
-}) => {
-  const clamp = n => Math.max(OPERAND_MIN, Math.min(OPERAND_MAX, n));
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.stepper,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.stepperLabel,
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.stepperRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        style: styles.stepperBtn,
-        onPress: () => onChange(clamp(value - 1)),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.stepperBtnText,
-          children: "\u2212"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.stepperValue,
-        children: value
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        style: styles.stepperBtn,
-        onPress: () => onChange(clamp(value + 1)),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.stepperBtnText,
-          children: "+"
-        })
-      })]
-    })]
-  });
-};
-const FluencyVisualPlayground = ({
-  model
-}) => {
-  const [operation, setOperation] = (0, _react.useState)('addition');
-  const [box, setBox] = (0, _react.useState)(0);
-  const [left, setLeft] = (0, _react.useState)(DEFAULT_OPERANDS.addition[0]);
-  const [right, setRight] = (0, _react.useState)(DEFAULT_OPERANDS.addition[1]);
-  const deck = (0, _useFluencyCardDeckAnimation.useFluencyCardDeckAnimation)();
-  const successSound = (0, _useSuccessSound.useSuccessSound)();
-  const selectOperation = next => {
-    setOperation(next.value);
-    const [l, r] = DEFAULT_OPERANDS[next.value];
-    setLeft(l);
-    setRight(r);
-  };
-  const mode = OPERATIONS.find(o => o.value === operation)?.mode ?? _fluencyConstants.FluencyMode.ADDITION;
-  const fact = {
-    id: 'playground',
-    mode,
-    numbers: [left, right],
-    answer: answerFor(operation, left, right),
-    difficulty: 0,
-    box,
-    lastSeenMs: null,
-    sessionStartBox: box,
-    hasFailedThisSession: false,
-    attemptsCount: 0,
-    correctCount: 0
-  };
-  const spec = (0, _index.renderFact)({
-    operation,
-    left,
-    right,
-    box
-  });
-  const accent = _index.VISUAL_COLORS[operation].accent;
-  const playOutcome = isCorrect => {
-    const started = deck.startCardExit({
-      // The exiting card shows the filled-in answer + the correct/incorrect label.
-      cardContent: {
-        fact,
-        answer: String(fact.answer)
-      },
-      direction: isCorrect ? 'right' : 'left',
-      status: isCorrect ? _fluencyConstants.AttemptStatus.CORRECT : _fluencyConstants.AttemptStatus.INCORRECT
-    });
-    if (started && isCorrect) successSound.play();
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyContext.FluencyProvider, {
-    value: {
-      model
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      style: styles.screen,
-      contentContainerStyle: styles.content,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.title,
-        children: "Fluency Visual Playground"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.caption,
-        children: "Real solving deck across operations and boxes 0\u20134 (L1\u2013L5). Dev only."
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.sectionLabel,
-        children: "Operation"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.row,
-        children: OPERATIONS.map(op => /*#__PURE__*/(0, _jsxRuntime.jsx)(Chip, {
-          label: `${op.symbol} ${op.label}`,
-          isActive: op.value === operation,
-          activeColor: _index.VISUAL_COLORS[op.value].accent,
-          onPress: () => selectOperation(op)
-        }, op.value))
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.sectionLabel,
-        children: "Box \u2192 Level"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.row,
-        children: BOXES.map(b => /*#__PURE__*/(0, _jsxRuntime.jsx)(Chip, {
-          label: `Box ${b}`,
-          sublabel: (0, _index.levelForBox)(b),
-          isActive: b === box,
-          activeColor: accent,
-          onPress: () => setBox(b)
-        }, b))
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.row,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Stepper, {
-          label: "Left",
-          value: left,
-          onChange: setLeft
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stepper, {
-          label: "Right",
-          value: right,
-          onChange: setRight
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.deckWrapper,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyCardDeck.FluencyCardDeck, {
-          currentCardContent: {
-            fact,
-            answer: ''
-          },
-          exitingCardContent: deck.exitingCardContent,
-          exitingCardStatus: deck.exitingCardStatus,
-          snapStyles: deck.snapStyles,
-          onAnswerChange: () => undefined
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.row,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          style: [styles.outcomeBtn, {
-            backgroundColor: _reactNativeUi.COLORS.PRIMARY_RED
-          }],
-          onPress: () => playOutcome(false),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.outcomeText,
-            children: "\u25B6 Incorrect"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          style: [styles.outcomeBtn, {
-            backgroundColor: _reactNativeUi.COLORS.PRIMARY_GREEN
-          }],
-          onPress: () => playOutcome(true),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.outcomeText,
-            children: "\u25B6 Correct"
-          })
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.sectionLabel,
-        children: ["Spec (", spec.kind, ")"]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.specBox,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.specText,
-          children: JSON.stringify(spec, null, 2)
-        })
-      })]
-    })
-  });
-};
-exports.FluencyVisualPlayground = FluencyVisualPlayground;
-const styles = _reactNative.StyleSheet.create({
-  screen: {
-    flex: 1,
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3
-  },
-  content: {
-    padding: _reactNativeUi.SPACING[400],
-    gap: _reactNativeUi.SPACING[300],
-    maxWidth: 640,
-    alignSelf: 'center',
-    width: '100%'
-  },
-  title: {
-    fontSize: 22,
-    fontWeight: '700',
-    color: _reactNativeUi.COLORS.NEUTRAL_10,
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  caption: {
-    fontSize: 13,
-    color: _reactNativeUi.COLORS.NEUTRAL_7,
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  sectionLabel: {
-    fontSize: 12,
-    fontWeight: '700',
-    color: _reactNativeUi.COLORS.NEUTRAL_7,
-    textTransform: 'uppercase',
-    marginTop: _reactNativeUi.SPACING[200],
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  row: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    gap: _reactNativeUi.SPACING[200]
-  },
-  chip: {
-    paddingVertical: _reactNativeUi.SPACING[150],
-    paddingHorizontal: _reactNativeUi.SPACING[300],
-    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
-    borderWidth: 1,
-    borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
-    alignItems: 'center'
-  },
-  chipLabel: {
-    fontSize: 14,
-    fontWeight: '600',
-    color: _reactNativeUi.COLORS.NEUTRAL_10,
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  chipSub: {
-    fontSize: 11,
-    color: _reactNativeUi.COLORS.NEUTRAL_7,
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  chipLabelActive: {
-    color: _reactNativeUi.COLORS.NEUTRAL_1
-  },
-  stepper: {
-    flex: 1,
-    gap: _reactNativeUi.SPACING[100]
-  },
-  stepperLabel: {
-    fontSize: 12,
-    fontWeight: '700',
-    color: _reactNativeUi.COLORS.NEUTRAL_7,
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  stepperRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: _reactNativeUi.SPACING[200]
-  },
-  stepperBtn: {
-    width: 36,
-    height: 36,
-    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
-    borderWidth: 1,
-    borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  stepperBtnText: {
-    fontSize: 20,
-    fontWeight: '700',
-    color: _reactNativeUi.COLORS.NEUTRAL_10
-  },
-  stepperValue: {
-    minWidth: 32,
-    textAlign: 'center',
-    fontSize: 18,
-    fontWeight: '700',
-    color: _reactNativeUi.COLORS.NEUTRAL_10,
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  // FluencyCardDeck positions backing cards with absolute top offsets up to ~36px;
-  // the vertical padding gives them room and matches FluencySolvingCard's wrapper.
-  deckWrapper: {
-    alignItems: 'center',
-    paddingVertical: _reactNativeUi.SPACING[400]
-  },
-  outcomeBtn: {
-    flex: 1,
-    paddingVertical: _reactNativeUi.SPACING[300],
-    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
-    alignItems: 'center'
-  },
-  outcomeText: {
-    fontSize: 15,
-    fontWeight: '700',
-    color: _reactNativeUi.COLORS.NEUTRAL_1,
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  specBox: {
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_10,
-    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
-    padding: _reactNativeUi.SPACING[300]
-  },
-  specText: {
-    fontSize: 12,
-    color: _reactNativeUi.COLORS.GREEN_3,
-    fontFamily: 'monospace'
-  }
-});
-//# sourceMappingURL=FluencyVisualPlayground.js.map

package/dist/commonjs/features/fluency/components/FluencyVisualPlayground.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_FluencyContext","_FluencyCardDeck","_useFluencyCardDeckAnimation","_useSuccessSound","_fluencyConstants","_index","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","OPERATIONS","value","mode","FluencyMode","ADDITION","symbol","label","SUBTRACTION","MULTIPLICATION","DIVISION","BOXES","DEFAULT_OPERANDS","addition","subtraction","multiplication","division","OPERAND_MIN","OPERAND_MAX","answerFor","operation","left","right","Math","floor","Chip","sublabel","isActive","activeColor","onPress","jsxs","Pressable","style","styles","chip","backgroundColor","borderColor","children","jsx","Text","chipLabel","chipLabelActive","chipSub","Stepper","onChange","clamp","max","min","View","stepper","stepperLabel","stepperRow","stepperBtn","stepperBtnText","stepperValue","FluencyVisualPlayground","model","setOperation","useState","box","setBox","setLeft","setRight","deck","useFluencyCardDeckAnimation","successSound","useSuccessSound","selectOperation","next","l","find","o","fact","id","numbers","answer","difficulty","lastSeenMs","sessionStartBox","hasFailedThisSession","attemptsCount","correctCount","spec","renderFact","accent","VISUAL_COLORS","playOutcome","isCorrect","started","startCardExit","cardContent","String","direction","status","AttemptStatus","CORRECT","INCORRECT","play","FluencyProvider","ScrollView","screen","contentContainerStyle","content","title","caption","sectionLabel","row","map","op","b","levelForBox","deckWrapper","FluencyCardDeck","currentCardContent","exitingCardContent","exitingCardStatus","snapStyles","onAnswerChange","undefined","outcomeBtn","COLORS","PRIMARY_RED","outcomeText","PRIMARY_GREEN","kind","specBox","specText","JSON","stringify","exports","StyleSheet","create","flex","NEUTRAL_3","padding","SPACING","gap","maxWidth","alignSelf","width","fontSize","fontWeight","color","NEUTRAL_10","fontFamily","FONT_FAMILY","buenosAires","NEUTRAL_7","textTransform","marginTop","flexDirection","flexWrap","paddingVertical","paddingHorizontal","borderRadius","BORDER_RADIUS","borderWidth","NEUTRAL_4","NEUTRAL_1","alignItems","height","justifyContent","minWidth","textAlign","GREEN_3"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/FluencyVisualPlayground.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/components/FluencyVisualPlayground.js

@@ -1,379 +0,0 @@
-"use strict";
-
-import React, { useState } from 'react';
-import { View, Text, Pressable, ScrollView, StyleSheet } from 'react-native';
-import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
-import { FluencyProvider } from "../context/FluencyContext.js";
-import { FluencyCardDeck } from "./fluency-solving/components/FluencyCardDeck.js";
-import { useFluencyCardDeckAnimation } from "../hooks/useFluencyCardDeckAnimation.js";
-import { useSuccessSound } from "../hooks/useSuccessSound.js";
-import { AttemptStatus, FluencyMode } from "../shared/fluency.constants.js";
-import { levelForBox, renderFact, VISUAL_COLORS } from "../visual-scaffolding/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const OPERATIONS = [{
-  value: 'addition',
-  mode: FluencyMode.ADDITION,
-  symbol: '+',
-  label: 'Addition'
-}, {
-  value: 'subtraction',
-  mode: FluencyMode.SUBTRACTION,
-  symbol: '−',
-  label: 'Subtraction'
-}, {
-  value: 'multiplication',
-  mode: FluencyMode.MULTIPLICATION,
-  symbol: '×',
-  label: 'Multiplication'
-}, {
-  value: 'division',
-  mode: FluencyMode.DIVISION,
-  symbol: '÷',
-  label: 'Division'
-}];
-const BOXES = [0, 1, 2, 3, 4];
-
-// Defaults per operation that exercise the more interesting layouts (ten-bridging
-// addition, regrouping subtraction, a clean array / grouping).
-const DEFAULT_OPERANDS = {
-  addition: [7, 8],
-  subtraction: [13, 5],
-  multiplication: [3, 4],
-  division: [12, 4]
-};
-const OPERAND_MIN = 0;
-const OPERAND_MAX = 20;
-const answerFor = (operation, left, right) => {
-  switch (operation) {
-    case 'addition':
-      return left + right;
-    case 'subtraction':
-      return left - right;
-    case 'multiplication':
-      return left * right;
-    case 'division':
-      return right > 0 ? Math.floor(left / right) : 0;
-  }
-};
-const Chip = ({
-  label,
-  sublabel,
-  isActive,
-  activeColor,
-  onPress
-}) => /*#__PURE__*/_jsxs(Pressable, {
-  onPress: onPress,
-  style: [styles.chip, isActive && {
-    backgroundColor: activeColor,
-    borderColor: activeColor
-  }],
-  children: [/*#__PURE__*/_jsx(Text, {
-    style: [styles.chipLabel, isActive && styles.chipLabelActive],
-    children: label
-  }), sublabel && /*#__PURE__*/_jsx(Text, {
-    style: [styles.chipSub, isActive && styles.chipLabelActive],
-    children: sublabel
-  })]
-});
-const Stepper = ({
-  label,
-  value,
-  onChange
-}) => {
-  const clamp = n => Math.max(OPERAND_MIN, Math.min(OPERAND_MAX, n));
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.stepper,
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.stepperLabel,
-      children: label
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.stepperRow,
-      children: [/*#__PURE__*/_jsx(Pressable, {
-        style: styles.stepperBtn,
-        onPress: () => onChange(clamp(value - 1)),
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.stepperBtnText,
-          children: "\u2212"
-        })
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.stepperValue,
-        children: value
-      }), /*#__PURE__*/_jsx(Pressable, {
-        style: styles.stepperBtn,
-        onPress: () => onChange(clamp(value + 1)),
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.stepperBtnText,
-          children: "+"
-        })
-      })]
-    })]
-  });
-};
-export const FluencyVisualPlayground = ({
-  model
-}) => {
-  const [operation, setOperation] = useState('addition');
-  const [box, setBox] = useState(0);
-  const [left, setLeft] = useState(DEFAULT_OPERANDS.addition[0]);
-  const [right, setRight] = useState(DEFAULT_OPERANDS.addition[1]);
-  const deck = useFluencyCardDeckAnimation();
-  const successSound = useSuccessSound();
-  const selectOperation = next => {
-    setOperation(next.value);
-    const [l, r] = DEFAULT_OPERANDS[next.value];
-    setLeft(l);
-    setRight(r);
-  };
-  const mode = OPERATIONS.find(o => o.value === operation)?.mode ?? FluencyMode.ADDITION;
-  const fact = {
-    id: 'playground',
-    mode,
-    numbers: [left, right],
-    answer: answerFor(operation, left, right),
-    difficulty: 0,
-    box,
-    lastSeenMs: null,
-    sessionStartBox: box,
-    hasFailedThisSession: false,
-    attemptsCount: 0,
-    correctCount: 0
-  };
-  const spec = renderFact({
-    operation,
-    left,
-    right,
-    box
-  });
-  const accent = VISUAL_COLORS[operation].accent;
-  const playOutcome = isCorrect => {
-    const started = deck.startCardExit({
-      // The exiting card shows the filled-in answer + the correct/incorrect label.
-      cardContent: {
-        fact,
-        answer: String(fact.answer)
-      },
-      direction: isCorrect ? 'right' : 'left',
-      status: isCorrect ? AttemptStatus.CORRECT : AttemptStatus.INCORRECT
-    });
-    if (started && isCorrect) successSound.play();
-  };
-  return /*#__PURE__*/_jsx(FluencyProvider, {
-    value: {
-      model
-    },
-    children: /*#__PURE__*/_jsxs(ScrollView, {
-      style: styles.screen,
-      contentContainerStyle: styles.content,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.title,
-        children: "Fluency Visual Playground"
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.caption,
-        children: "Real solving deck across operations and boxes 0\u20134 (L1\u2013L5). Dev only."
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.sectionLabel,
-        children: "Operation"
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.row,
-        children: OPERATIONS.map(op => /*#__PURE__*/_jsx(Chip, {
-          label: `${op.symbol} ${op.label}`,
-          isActive: op.value === operation,
-          activeColor: VISUAL_COLORS[op.value].accent,
-          onPress: () => selectOperation(op)
-        }, op.value))
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.sectionLabel,
-        children: "Box \u2192 Level"
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.row,
-        children: BOXES.map(b => /*#__PURE__*/_jsx(Chip, {
-          label: `Box ${b}`,
-          sublabel: levelForBox(b),
-          isActive: b === box,
-          activeColor: accent,
-          onPress: () => setBox(b)
-        }, b))
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.row,
-        children: [/*#__PURE__*/_jsx(Stepper, {
-          label: "Left",
-          value: left,
-          onChange: setLeft
-        }), /*#__PURE__*/_jsx(Stepper, {
-          label: "Right",
-          value: right,
-          onChange: setRight
-        })]
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.deckWrapper,
-        children: /*#__PURE__*/_jsx(FluencyCardDeck, {
-          currentCardContent: {
-            fact,
-            answer: ''
-          },
-          exitingCardContent: deck.exitingCardContent,
-          exitingCardStatus: deck.exitingCardStatus,
-          snapStyles: deck.snapStyles,
-          onAnswerChange: () => undefined
-        })
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.row,
-        children: [/*#__PURE__*/_jsx(Pressable, {
-          style: [styles.outcomeBtn, {
-            backgroundColor: COLORS.PRIMARY_RED
-          }],
-          onPress: () => playOutcome(false),
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.outcomeText,
-            children: "\u25B6 Incorrect"
-          })
-        }), /*#__PURE__*/_jsx(Pressable, {
-          style: [styles.outcomeBtn, {
-            backgroundColor: COLORS.PRIMARY_GREEN
-          }],
-          onPress: () => playOutcome(true),
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.outcomeText,
-            children: "\u25B6 Correct"
-          })
-        })]
-      }), /*#__PURE__*/_jsxs(Text, {
-        style: styles.sectionLabel,
-        children: ["Spec (", spec.kind, ")"]
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.specBox,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.specText,
-          children: JSON.stringify(spec, null, 2)
-        })
-      })]
-    })
-  });
-};
-const styles = StyleSheet.create({
-  screen: {
-    flex: 1,
-    backgroundColor: COLORS.NEUTRAL_3
-  },
-  content: {
-    padding: SPACING[400],
-    gap: SPACING[300],
-    maxWidth: 640,
-    alignSelf: 'center',
-    width: '100%'
-  },
-  title: {
-    fontSize: 22,
-    fontWeight: '700',
-    color: COLORS.NEUTRAL_10,
-    fontFamily: FONT_FAMILY.buenosAires
-  },
-  caption: {
-    fontSize: 13,
-    color: COLORS.NEUTRAL_7,
-    fontFamily: FONT_FAMILY.buenosAires
-  },
-  sectionLabel: {
-    fontSize: 12,
-    fontWeight: '700',
-    color: COLORS.NEUTRAL_7,
-    textTransform: 'uppercase',
-    marginTop: SPACING[200],
-    fontFamily: FONT_FAMILY.buenosAires
-  },
-  row: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    gap: SPACING[200]
-  },
-  chip: {
-    paddingVertical: SPACING[150],
-    paddingHorizontal: SPACING[300],
-    borderRadius: BORDER_RADIUS[200],
-    borderWidth: 1,
-    borderColor: COLORS.NEUTRAL_4,
-    backgroundColor: COLORS.NEUTRAL_1,
-    alignItems: 'center'
-  },
-  chipLabel: {
-    fontSize: 14,
-    fontWeight: '600',
-    color: COLORS.NEUTRAL_10,
-    fontFamily: FONT_FAMILY.buenosAires
-  },
-  chipSub: {
-    fontSize: 11,
-    color: COLORS.NEUTRAL_7,
-    fontFamily: FONT_FAMILY.buenosAires
-  },
-  chipLabelActive: {
-    color: COLORS.NEUTRAL_1
-  },
-  stepper: {
-    flex: 1,
-    gap: SPACING[100]
-  },
-  stepperLabel: {
-    fontSize: 12,
-    fontWeight: '700',
-    color: COLORS.NEUTRAL_7,
-    fontFamily: FONT_FAMILY.buenosAires
-  },
-  stepperRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: SPACING[200]
-  },
-  stepperBtn: {
-    width: 36,
-    height: 36,
-    borderRadius: BORDER_RADIUS[200],
-    backgroundColor: COLORS.NEUTRAL_1,
-    borderWidth: 1,
-    borderColor: COLORS.NEUTRAL_4,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  stepperBtnText: {
-    fontSize: 20,
-    fontWeight: '700',
-    color: COLORS.NEUTRAL_10
-  },
-  stepperValue: {
-    minWidth: 32,
-    textAlign: 'center',
-    fontSize: 18,
-    fontWeight: '700',
-    color: COLORS.NEUTRAL_10,
-    fontFamily: FONT_FAMILY.buenosAires
-  },
-  // FluencyCardDeck positions backing cards with absolute top offsets up to ~36px;
-  // the vertical padding gives them room and matches FluencySolvingCard's wrapper.
-  deckWrapper: {
-    alignItems: 'center',
-    paddingVertical: SPACING[400]
-  },
-  outcomeBtn: {
-    flex: 1,
-    paddingVertical: SPACING[300],
-    borderRadius: BORDER_RADIUS[200],
-    alignItems: 'center'
-  },
-  outcomeText: {
-    fontSize: 15,
-    fontWeight: '700',
-    color: COLORS.NEUTRAL_1,
-    fontFamily: FONT_FAMILY.buenosAires
-  },
-  specBox: {
-    backgroundColor: COLORS.NEUTRAL_10,
-    borderRadius: BORDER_RADIUS[200],
-    padding: SPACING[300]
-  },
-  specText: {
-    fontSize: 12,
-    color: COLORS.GREEN_3,
-    fontFamily: 'monospace'
-  }
-});
-//# sourceMappingURL=FluencyVisualPlayground.js.map

package/dist/module/features/fluency/components/FluencyVisualPlayground.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","View","Text","Pressable","ScrollView","StyleSheet","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","FluencyProvider","FluencyCardDeck","useFluencyCardDeckAnimation","useSuccessSound","AttemptStatus","FluencyMode","levelForBox","renderFact","VISUAL_COLORS","jsx","_jsx","jsxs","_jsxs","OPERATIONS","value","mode","ADDITION","symbol","label","SUBTRACTION","MULTIPLICATION","DIVISION","BOXES","DEFAULT_OPERANDS","addition","subtraction","multiplication","division","OPERAND_MIN","OPERAND_MAX","answerFor","operation","left","right","Math","floor","Chip","sublabel","isActive","activeColor","onPress","style","styles","chip","backgroundColor","borderColor","children","chipLabel","chipLabelActive","chipSub","Stepper","onChange","clamp","n","max","min","stepper","stepperLabel","stepperRow","stepperBtn","stepperBtnText","stepperValue","FluencyVisualPlayground","model","setOperation","box","setBox","setLeft","setRight","deck","successSound","selectOperation","next","l","r","find","o","fact","id","numbers","answer","difficulty","lastSeenMs","sessionStartBox","hasFailedThisSession","attemptsCount","correctCount","spec","accent","playOutcome","isCorrect","started","startCardExit","cardContent","String","direction","status","CORRECT","INCORRECT","play","screen","contentContainerStyle","content","title","caption","sectionLabel","row","map","op","b","deckWrapper","currentCardContent","exitingCardContent","exitingCardStatus","snapStyles","onAnswerChange","undefined","outcomeBtn","PRIMARY_RED","outcomeText","PRIMARY_GREEN","kind","specBox","specText","JSON","stringify","create","flex","NEUTRAL_3","padding","gap","maxWidth","alignSelf","width","fontSize","fontWeight","color","NEUTRAL_10","fontFamily","buenosAires","NEUTRAL_7","textTransform","marginTop","flexDirection","flexWrap","paddingVertical","paddingHorizontal","borderRadius","borderWidth","NEUTRAL_4","NEUTRAL_1","alignItems","height","justifyContent","minWidth","textAlign","GREEN_3"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/FluencyVisualPlayground.tsx"],"mappings":"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","ignoreList":[]}

package/dist/typescript/commonjs/features/fluency/components/FluencyVisualPlayground.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { FluencyModel } from '../model/FluencyModel';
-type FluencyVisualPlaygroundProps = {
-    model: FluencyModel;
-};
-export declare const FluencyVisualPlayground: ({ model }: FluencyVisualPlaygroundProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=FluencyVisualPlayground.d.ts.map

package/dist/typescript/commonjs/features/fluency/components/FluencyVisualPlayground.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluencyVisualPlayground.d.ts","sourceRoot":"","sources":["../../../../../../src/features/fluency/components/FluencyVisualPlayground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAuFzD,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,YAAY,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,uBAAuB,cAAe,4BAA4B,sBAiH9E,CAAA"}

package/dist/typescript/module/features/fluency/components/FluencyVisualPlayground.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { FluencyModel } from '../model/FluencyModel';
-type FluencyVisualPlaygroundProps = {
-    model: FluencyModel;
-};
-export declare const FluencyVisualPlayground: ({ model }: FluencyVisualPlaygroundProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=FluencyVisualPlayground.d.ts.map

package/dist/typescript/module/features/fluency/components/FluencyVisualPlayground.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluencyVisualPlayground.d.ts","sourceRoot":"","sources":["../../../../../../src/features/fluency/components/FluencyVisualPlayground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAuFzD,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,YAAY,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,uBAAuB,cAAe,4BAA4B,sBAiH9E,CAAA"}

package/src/features/fluency/components/FluencyVisualPlayground.tsx

@@ -1,272 +0,0 @@
-import React, { useState } from 'react'
-import { View, Text, Pressable, ScrollView, StyleSheet } from 'react-native'
-import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui'
-
-import { FluencyProvider } from '../context/FluencyContext'
-import type { FluencyModel } from '../model/FluencyModel'
-import { FluencyCardDeck } from './fluency-solving/components/FluencyCardDeck'
-import { useFluencyCardDeckAnimation } from '../hooks/useFluencyCardDeckAnimation'
-import { useSuccessSound } from '../hooks/useSuccessSound'
-import { AttemptStatus, FluencyMode } from '../shared/fluency.constants'
-import type { SolvingFact } from '../shared/fluencySolving.types'
-import { levelForBox, renderFact, VISUAL_COLORS } from '../visual-scaffolding'
-import type { FactPresentation, Operation } from '../visual-scaffolding'
-
-type OperationOption = { value: Operation; mode: FluencyMode; symbol: string; label: string }
-
-const OPERATIONS: OperationOption[] = [
-  { value: 'addition', mode: FluencyMode.ADDITION, symbol: '+', label: 'Addition' },
-  { value: 'subtraction', mode: FluencyMode.SUBTRACTION, symbol: '−', label: 'Subtraction' },
-  { value: 'multiplication', mode: FluencyMode.MULTIPLICATION, symbol: '×', label: 'Multiplication' },
-  { value: 'division', mode: FluencyMode.DIVISION, symbol: '÷', label: 'Division' },
-]
-
-const BOXES: FactPresentation['box'][] = [0, 1, 2, 3, 4]
-
-// Defaults per operation that exercise the more interesting layouts (ten-bridging
-// addition, regrouping subtraction, a clean array / grouping).
-const DEFAULT_OPERANDS: Record<Operation, [number, number]> = {
-  addition: [7, 8],
-  subtraction: [13, 5],
-  multiplication: [3, 4],
-  division: [12, 4],
-}
-
-const OPERAND_MIN = 0
-const OPERAND_MAX = 20
-
-const answerFor = (operation: Operation, left: number, right: number): number => {
-  switch (operation) {
-    case 'addition':
-      return left + right
-    case 'subtraction':
-      return left - right
-    case 'multiplication':
-      return left * right
-    case 'division':
-      return right > 0 ? Math.floor(left / right) : 0
-  }
-}
-
-type ChipProps = {
-  label: string
-  sublabel?: string
-  isActive: boolean
-  activeColor: string
-  onPress: () => void
-}
-
-const Chip = ({ label, sublabel, isActive, activeColor, onPress }: ChipProps) => (
-  <Pressable
-    onPress={onPress}
-    style={[styles.chip, isActive && { backgroundColor: activeColor, borderColor: activeColor }]}
-  >
-    <Text style={[styles.chipLabel, isActive && styles.chipLabelActive]}>{label}</Text>
-    {sublabel && <Text style={[styles.chipSub, isActive && styles.chipLabelActive]}>{sublabel}</Text>}
-  </Pressable>
-)
-
-type StepperProps = {
-  label: string
-  value: number
-  onChange: (next: number) => void
-}
-
-const Stepper = ({ label, value, onChange }: StepperProps) => {
-  const clamp = (n: number) => Math.max(OPERAND_MIN, Math.min(OPERAND_MAX, n))
-  return (
-    <View style={styles.stepper}>
-      <Text style={styles.stepperLabel}>{label}</Text>
-      <View style={styles.stepperRow}>
-        <Pressable style={styles.stepperBtn} onPress={() => onChange(clamp(value - 1))}>
-          <Text style={styles.stepperBtnText}>−</Text>
-        </Pressable>
-        <Text style={styles.stepperValue}>{value}</Text>
-        <Pressable style={styles.stepperBtn} onPress={() => onChange(clamp(value + 1))}>
-          <Text style={styles.stepperBtnText}>+</Text>
-        </Pressable>
-      </View>
-    </View>
-  )
-}
-
-type FluencyVisualPlaygroundProps = {
-  model: FluencyModel
-}
-
-export const FluencyVisualPlayground = ({ model }: FluencyVisualPlaygroundProps) => {
-  const [operation, setOperation] = useState<Operation>('addition')
-  const [box, setBox] = useState<FactPresentation['box']>(0)
-  const [left, setLeft] = useState(DEFAULT_OPERANDS.addition[0])
-  const [right, setRight] = useState(DEFAULT_OPERANDS.addition[1])
-
-  const deck = useFluencyCardDeckAnimation()
-  const successSound = useSuccessSound()
-
-  const selectOperation = (next: OperationOption) => {
-    setOperation(next.value)
-    const [l, r] = DEFAULT_OPERANDS[next.value]
-    setLeft(l)
-    setRight(r)
-  }
-
-  const mode = OPERATIONS.find((o) => o.value === operation)?.mode ?? FluencyMode.ADDITION
-  const fact: SolvingFact = {
-    id: 'playground',
-    mode,
-    numbers: [left, right],
-    answer: answerFor(operation, left, right),
-    difficulty: 0,
-    box,
-    lastSeenMs: null,
-    sessionStartBox: box,
-    hasFailedThisSession: false,
-    attemptsCount: 0,
-    correctCount: 0,
-  }
-  const spec = renderFact({ operation, left, right, box })
-  const accent = VISUAL_COLORS[operation].accent
-
-  const playOutcome = (isCorrect: boolean) => {
-    const started = deck.startCardExit({
-      // The exiting card shows the filled-in answer + the correct/incorrect label.
-      cardContent: { fact, answer: String(fact.answer) },
-      direction: isCorrect ? 'right' : 'left',
-      status: isCorrect ? AttemptStatus.CORRECT : AttemptStatus.INCORRECT,
-    })
-    if (started && isCorrect) successSound.play()
-  }
-
-  return (
-    <FluencyProvider value={{ model }}>
-      <ScrollView style={styles.screen} contentContainerStyle={styles.content}>
-        <Text style={styles.title}>Fluency Visual Playground</Text>
-        <Text style={styles.caption}>Real solving deck across operations and boxes 0–4 (L1–L5). Dev only.</Text>
-
-        <Text style={styles.sectionLabel}>Operation</Text>
-        <View style={styles.row}>
-          {OPERATIONS.map((op) => (
-            <Chip
-              key={op.value}
-              label={`${op.symbol} ${op.label}`}
-              isActive={op.value === operation}
-              activeColor={VISUAL_COLORS[op.value].accent}
-              onPress={() => selectOperation(op)}
-            />
-          ))}
-        </View>
-
-        <Text style={styles.sectionLabel}>Box → Level</Text>
-        <View style={styles.row}>
-          {BOXES.map((b) => (
-            <Chip
-              key={b}
-              label={`Box ${b}`}
-              sublabel={levelForBox(b)}
-              isActive={b === box}
-              activeColor={accent}
-              onPress={() => setBox(b)}
-            />
-          ))}
-        </View>
-
-        <View style={styles.row}>
-          <Stepper label="Left" value={left} onChange={setLeft} />
-          <Stepper label="Right" value={right} onChange={setRight} />
-        </View>
-
-        <View style={styles.deckWrapper}>
-          <FluencyCardDeck
-            currentCardContent={{ fact, answer: '' }}
-            exitingCardContent={deck.exitingCardContent}
-            exitingCardStatus={deck.exitingCardStatus}
-            snapStyles={deck.snapStyles}
-            onAnswerChange={() => undefined}
-          />
-        </View>
-
-        <View style={styles.row}>
-          <Pressable
-            style={[styles.outcomeBtn, { backgroundColor: COLORS.PRIMARY_RED }]}
-            onPress={() => playOutcome(false)}
-          >
-            <Text style={styles.outcomeText}>▶ Incorrect</Text>
-          </Pressable>
-          <Pressable
-            style={[styles.outcomeBtn, { backgroundColor: COLORS.PRIMARY_GREEN }]}
-            onPress={() => playOutcome(true)}
-          >
-            <Text style={styles.outcomeText}>▶ Correct</Text>
-          </Pressable>
-        </View>
-
-        <Text style={styles.sectionLabel}>Spec ({spec.kind})</Text>
-        <View style={styles.specBox}>
-          <Text style={styles.specText}>{JSON.stringify(spec, null, 2)}</Text>
-        </View>
-      </ScrollView>
-    </FluencyProvider>
-  )
-}
-
-const styles = StyleSheet.create({
-  screen: { flex: 1, backgroundColor: COLORS.NEUTRAL_3 },
-  content: { padding: SPACING[400], gap: SPACING[300], maxWidth: 640, alignSelf: 'center', width: '100%' },
-  title: { fontSize: 22, fontWeight: '700', color: COLORS.NEUTRAL_10, fontFamily: FONT_FAMILY.buenosAires },
-  caption: { fontSize: 13, color: COLORS.NEUTRAL_7, fontFamily: FONT_FAMILY.buenosAires },
-  sectionLabel: {
-    fontSize: 12,
-    fontWeight: '700',
-    color: COLORS.NEUTRAL_7,
-    textTransform: 'uppercase',
-    marginTop: SPACING[200],
-    fontFamily: FONT_FAMILY.buenosAires,
-  },
-  row: { flexDirection: 'row', flexWrap: 'wrap', gap: SPACING[200] },
-  chip: {
-    paddingVertical: SPACING[150],
-    paddingHorizontal: SPACING[300],
-    borderRadius: BORDER_RADIUS[200],
-    borderWidth: 1,
-    borderColor: COLORS.NEUTRAL_4,
-    backgroundColor: COLORS.NEUTRAL_1,
-    alignItems: 'center',
-  },
-  chipLabel: { fontSize: 14, fontWeight: '600', color: COLORS.NEUTRAL_10, fontFamily: FONT_FAMILY.buenosAires },
-  chipSub: { fontSize: 11, color: COLORS.NEUTRAL_7, fontFamily: FONT_FAMILY.buenosAires },
-  chipLabelActive: { color: COLORS.NEUTRAL_1 },
-  stepper: { flex: 1, gap: SPACING[100] },
-  stepperLabel: { fontSize: 12, fontWeight: '700', color: COLORS.NEUTRAL_7, fontFamily: FONT_FAMILY.buenosAires },
-  stepperRow: { flexDirection: 'row', alignItems: 'center', gap: SPACING[200] },
-  stepperBtn: {
-    width: 36,
-    height: 36,
-    borderRadius: BORDER_RADIUS[200],
-    backgroundColor: COLORS.NEUTRAL_1,
-    borderWidth: 1,
-    borderColor: COLORS.NEUTRAL_4,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  stepperBtnText: { fontSize: 20, fontWeight: '700', color: COLORS.NEUTRAL_10 },
-  stepperValue: {
-    minWidth: 32,
-    textAlign: 'center',
-    fontSize: 18,
-    fontWeight: '700',
-    color: COLORS.NEUTRAL_10,
-    fontFamily: FONT_FAMILY.buenosAires,
-  },
-  // FluencyCardDeck positions backing cards with absolute top offsets up to ~36px;
-  // the vertical padding gives them room and matches FluencySolvingCard's wrapper.
-  deckWrapper: { alignItems: 'center', paddingVertical: SPACING[400] },
-  outcomeBtn: {
-    flex: 1,
-    paddingVertical: SPACING[300],
-    borderRadius: BORDER_RADIUS[200],
-    alignItems: 'center',
-  },
-  outcomeText: { fontSize: 15, fontWeight: '700', color: COLORS.NEUTRAL_1, fontFamily: FONT_FAMILY.buenosAires },
-  specBox: { backgroundColor: COLORS.NEUTRAL_10, borderRadius: BORDER_RADIUS[200], padding: SPACING[300] },
-  specText: { fontSize: 12, color: COLORS.GREEN_3, fontFamily: 'monospace' },
-})