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

package/dist/module/features/fluency/visual-scaffolding/components/RelationalBlock.js

@@ -0,0 +1,272 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import Svg, { Line, Circle, Text as SvgText } from 'react-native-svg';
+import { COLORS, FONT_FAMILY, BORDER_RADIUS, SPACING, Typography } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// L2 — shifts focus from absolute counting to relative part-whole structures.
+export const RelationalBlock = ({
+  spec,
+  colors
+}) => {
+  if (spec.model.type === 'bond') {
+    return /*#__PURE__*/_jsx(NumberBond, {
+      top: spec.model.top,
+      bottomLeft: spec.model.bottomLeft,
+      bottomRight: spec.model.bottomRight,
+      colors: colors
+    });
+  }
+  return /*#__PURE__*/_jsx(AreaModel, {
+    top: spec.model.top,
+    side: spec.model.side,
+    center: spec.model.center,
+    colors: colors
+  });
+};
+
+// ── Number bond (addition / subtraction) ────────────────────────────────────
+
+const VB_W = 220;
+const VB_H = 126;
+const R = 28;
+const NODES = {
+  top: {
+    cx: 110,
+    cy: 32
+  },
+  left: {
+    cx: 58,
+    cy: 94
+  },
+  right: {
+    cx: 162,
+    cy: 94
+  }
+};
+const NumberBond = ({
+  top,
+  bottomLeft,
+  bottomRight,
+  colors
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.bondWrapper,
+    children: /*#__PURE__*/_jsxs(Svg, {
+      width: "100%",
+      height: "100%",
+      viewBox: `0 0 ${VB_W} ${VB_H}`,
+      preserveAspectRatio: "xMidYMid meet",
+      children: [/*#__PURE__*/_jsx(Line, {
+        x1: NODES.top.cx,
+        y1: NODES.top.cy,
+        x2: NODES.left.cx,
+        y2: NODES.left.cy,
+        stroke: colors.mid,
+        strokeWidth: 2.5
+      }), /*#__PURE__*/_jsx(Line, {
+        x1: NODES.top.cx,
+        y1: NODES.top.cy,
+        x2: NODES.right.cx,
+        y2: NODES.right.cy,
+        stroke: colors.mid,
+        strokeWidth: 2.5
+      }), /*#__PURE__*/_jsx(BondNode, {
+        pos: NODES.top,
+        value: top,
+        colors: colors
+      }), /*#__PURE__*/_jsx(BondNode, {
+        pos: NODES.left,
+        value: bottomLeft,
+        colors: colors
+      }), /*#__PURE__*/_jsx(BondNode, {
+        pos: NODES.right,
+        value: bottomRight,
+        colors: colors
+      })]
+    })
+  });
+};
+const BondNode = ({
+  pos,
+  value,
+  colors
+}) => {
+  const isUnknown = value === null;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Circle, {
+      cx: pos.cx,
+      cy: pos.cy,
+      r: R,
+      fill: isUnknown ? COLORS.NEUTRAL_1 : colors.bg,
+      stroke: colors.accent,
+      strokeWidth: 2.5,
+      strokeDasharray: isUnknown ? '5 4' : undefined
+    }), /*#__PURE__*/_jsx(SvgText, {
+      x: pos.cx,
+      y: pos.cy + 10,
+      fontSize: 28,
+      fontWeight: "700",
+      fontFamily: FONT_FAMILY.buenosAires,
+      fill: isUnknown ? colors.accent : colors.dark,
+      textAnchor: "middle",
+      children: isUnknown ? '?' : value
+    })]
+  });
+};
+
+// ── Area model (multiplication / division) ──────────────────────────────────
+
+// The rectangle is proportional to the factors using ONE shared unit, so the
+// shape is representative: 4×4 is square, and the larger factor always gives
+// the longer side. `unit` grows until either dimension hits its available cap,
+// so most facts fill the height-limited zone; `maxUnit` only bounds very small
+// facts (e.g. 1×1) so they don't balloon to the full box.
+const AREA = {
+  availW: 300,
+  availH: 52,
+  maxUnit: 18,
+  minDim: 18,
+  divHeight: 44
+};
+const asFactor = value => typeof value === 'number' && value > 0 ? value : null;
+const areaDims = (top, side) => {
+  const a = asFactor(top);
+  const b = asFactor(side);
+  if (a !== null && b !== null) {
+    const unit = Math.min(AREA.availW / a, AREA.availH / b, AREA.maxUnit);
+    return {
+      width: Math.max(AREA.minDim, a * unit),
+      height: Math.max(AREA.minDim, b * unit)
+    };
+  }
+  // One dimension unknown (division): scale the known side, leave a neutral height.
+  if (a !== null) {
+    const unit = Math.min(AREA.availW / a, AREA.maxUnit);
+    return {
+      width: Math.max(AREA.minDim, a * unit),
+      height: AREA.divHeight
+    };
+  }
+  return {
+    width: AREA.divHeight,
+    height: AREA.divHeight
+  };
+};
+const AreaModel = ({
+  top,
+  side,
+  center,
+  colors
+}) => {
+  const {
+    width,
+    height
+  } = areaDims(top, side);
+
+  // Two aligned rows with a matched side column on BOTH sides of the rect, so the
+  // rect is centered horizontally: the side label sits in the left column, an
+  // equal-width spacer balances the right. The top label box matches the rect
+  // width so it centers over the rect.
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.areaContainer,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.areaRow,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.sideCol
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.topCol, {
+          width
+        }],
+        children: /*#__PURE__*/_jsx(Dimension, {
+          value: top,
+          colors: colors
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.sideCol
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.areaRow,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.sideCol, styles.sideLabel],
+        children: /*#__PURE__*/_jsx(Dimension, {
+          value: side,
+          colors: colors
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.rect, {
+          width,
+          height,
+          borderColor: colors.accent,
+          backgroundColor: colors.bg
+        }],
+        children: /*#__PURE__*/_jsx(Dimension, {
+          value: center,
+          colors: colors,
+          large: true
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.sideCol
+      })]
+    })]
+  });
+};
+const Dimension = ({
+  value,
+  colors,
+  large = false
+}) => {
+  const isUnknown = value === null;
+  return /*#__PURE__*/_jsx(Typography, {
+    style: [styles.dimText, large && styles.dimTextLarge, {
+      color: isUnknown ? colors.accent : colors.dark
+    }],
+    children: isUnknown ? '?' : value
+  });
+};
+const styles = StyleSheet.create({
+  bondWrapper: {
+    // Size by HEIGHT so the bond fits the short visual zone (card 260 → flex-4
+    // zone ≈104px − padding ≈88px content); width follows the viewBox ratio.
+    // Width-driven sizing overshot because the zone is wide but short.
+    height: 84,
+    aspectRatio: VB_W / VB_H,
+    alignSelf: 'center'
+  },
+  areaContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: SPACING[100]
+  },
+  areaRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200]
+  },
+  sideCol: {
+    width: 32
+  },
+  sideLabel: {
+    alignItems: 'flex-end',
+    justifyContent: 'center'
+  },
+  topCol: {
+    alignItems: 'center'
+  },
+  rect: {
+    borderWidth: 2,
+    borderRadius: BORDER_RADIUS[200],
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  dimText: {
+    fontSize: 17,
+    fontWeight: '700',
+    fontFamily: FONT_FAMILY.buenosAires
+  },
+  dimTextLarge: {
+    fontSize: 24
+  }
+});
+//# sourceMappingURL=RelationalBlock.js.map

package/dist/module/features/fluency/visual-scaffolding/components/RelationalBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Svg","Line","Circle","Text","SvgText","COLORS","FONT_FAMILY","BORDER_RADIUS","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","RelationalBlock","spec","colors","model","type","NumberBond","top","bottomLeft","bottomRight","AreaModel","side","center","VB_W","VB_H","R","NODES","cx","cy","left","right","style","styles","bondWrapper","children","width","height","viewBox","preserveAspectRatio","x1","y1","x2","y2","stroke","mid","strokeWidth","BondNode","pos","value","isUnknown","r","fill","NEUTRAL_1","bg","accent","strokeDasharray","undefined","x","y","fontSize","fontWeight","fontFamily","buenosAires","dark","textAnchor","AREA","availW","availH","maxUnit","minDim","divHeight","asFactor","areaDims","a","b","unit","Math","min","max","areaContainer","areaRow","sideCol","topCol","Dimension","sideLabel","rect","borderColor","backgroundColor","large","dimText","dimTextLarge","color","create","aspectRatio","alignSelf","alignItems","justifyContent","gap","flexDirection","borderWidth","borderRadius"],"sourceRoot":"../../../../../../src","sources":["features/fluency/visual-scaffolding/components/RelationalBlock.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/visual-scaffolding/components/visualColors.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { COLORS } from '@magmamath/react-native-ui';
+
+/**
+ * Per-operation color set (spec §6):
+ *   accent → dots / lines / fills
+ *   bg     → the tinted visual-zone background (lightest tint)
+ *   mid    → the "second" quantity (2nd addend, dashed group outline)
+ *   dark   → small text labels (number-line tick/jump captions)
+ */
+
+export const VISUAL_COLORS = {
+  addition: {
+    accent: COLORS.PRIMARY_GREEN,
+    bg: COLORS.GREEN_1,
+    // Second addend: a darker green than the first so the tokens stay legible
+    // (GREEN_3 was too light against the frame).
+    mid: COLORS.GREEN_6,
+    dark: COLORS.GREEN_7
+  },
+  subtraction: {
+    accent: COLORS.PRIMARY_ORANGE,
+    bg: COLORS.ORANGE_1,
+    mid: COLORS.ORANGE_3,
+    dark: COLORS.ORANGE_7
+  },
+  multiplication: {
+    accent: COLORS.PRIMARY_BLUE,
+    bg: COLORS.BLUE_1,
+    mid: COLORS.BLUE_3,
+    dark: COLORS.BLUE_7
+  },
+  division: {
+    accent: COLORS.PRIMARY_PURPLE,
+    bg: COLORS.PURPLE_1,
+    mid: COLORS.PURPLE_3,
+    dark: COLORS.PURPLE_7
+  }
+};
+//# sourceMappingURL=visualColors.js.map

package/dist/module/features/fluency/visual-scaffolding/components/visualColors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COLORS","VISUAL_COLORS","addition","accent","PRIMARY_GREEN","bg","GREEN_1","mid","GREEN_6","dark","GREEN_7","subtraction","PRIMARY_ORANGE","ORANGE_1","ORANGE_3","ORANGE_7","multiplication","PRIMARY_BLUE","BLUE_1","BLUE_3","BLUE_7","division","PRIMARY_PURPLE","PURPLE_1","PURPLE_3","PURPLE_7"],"sourceRoot":"../../../../../../src","sources":["features/fluency/visual-scaffolding/components/visualColors.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,4BAA4B;;AAGnD;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA,OAAO,MAAMC,aAA8C,GAAG;EAC5DC,QAAQ,EAAE;IACRC,MAAM,EAAEH,MAAM,CAACI,aAAa;IAC5BC,EAAE,EAAEL,MAAM,CAACM,OAAO;IAClB;IACA;IACAC,GAAG,EAAEP,MAAM,CAACQ,OAAO;IACnBC,IAAI,EAAET,MAAM,CAACU;EACf,CAAC;EACDC,WAAW,EAAE;IACXR,MAAM,EAAEH,MAAM,CAACY,cAAc;IAC7BP,EAAE,EAAEL,MAAM,CAACa,QAAQ;IACnBN,GAAG,EAAEP,MAAM,CAACc,QAAQ;IACpBL,IAAI,EAAET,MAAM,CAACe;EACf,CAAC;EACDC,cAAc,EAAE;IACdb,MAAM,EAAEH,MAAM,CAACiB,YAAY;IAC3BZ,EAAE,EAAEL,MAAM,CAACkB,MAAM;IACjBX,GAAG,EAAEP,MAAM,CAACmB,MAAM;IAClBV,IAAI,EAAET,MAAM,CAACoB;EACf,CAAC;EACDC,QAAQ,EAAE;IACRlB,MAAM,EAAEH,MAAM,CAACsB,cAAc;IAC7BjB,EAAE,EAAEL,MAAM,CAACuB,QAAQ;IACnBhB,GAAG,EAAEP,MAAM,CAACwB,QAAQ;IACpBf,IAAI,EAAET,MAAM,CAACyB;EACf;AACF,CAAC","ignoreList":[]}

package/dist/module/features/fluency/visual-scaffolding/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export * from "./types.js";
+export { renderFact, hasVisual, levelForBox, TEN_FRAME_CAPACITY } from "./renderFact.js";
+export { FactVisual } from "./components/FactVisual.js";
+export { VISUAL_COLORS } from "./components/visualColors.js";
+export { toFactPresentation } from "./adapter.js";
+//# sourceMappingURL=index.js.map

package/dist/module/features/fluency/visual-scaffolding/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderFact","hasVisual","levelForBox","TEN_FRAME_CAPACITY","FactVisual","VISUAL_COLORS","toFactPresentation"],"sourceRoot":"../../../../../src","sources":["features/fluency/visual-scaffolding/index.ts"],"mappings":";;AAAA,cAAc,YAAS;AACvB,SAASA,UAAU,EAAEC,SAAS,EAAEC,WAAW,EAAEC,kBAAkB,QAAQ,iBAAc;AACrF,SAASC,UAAU,QAAQ,4BAAyB;AACpD,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,kBAAkB,QAAQ,cAAW","ignoreList":[]}

package/dist/module/features/fluency/visual-scaffolding/renderFact.js

@@ -0,0 +1,269 @@
+"use strict";
+
+/**
+ * Pure renderer core for the Unified Math Fact Fluency Visual Engine.
+ *
+ *   box        → level            (levelForBox)
+ *   level      → component         (L1 grid, L2 relational, L3 line, L4/L5 none)
+ *   operation  → component variant + layout data
+ *
+ * Everything is derived; nothing is persisted. `renderFact` is pure so it can
+ * be snapshot-tested in isolation from React.
+ */
+
+export const TEN_FRAME_CAPACITY = 10;
+const MINUS = '−'; // U+2212
+
+/** box → level. Five boxes map one-to-one onto the five engine levels. */
+export function levelForBox(box) {
+  switch (box) {
+    case 0:
+      return 'L1';
+    case 1:
+      return 'L2';
+    case 2:
+      return 'L3';
+    case 3:
+      return 'L4';
+    default:
+      return 'L5';
+  }
+}
+
+/** Coerce to a safe non-negative integer for layout math. */
+const toCount = n => Number.isFinite(n) && n > 0 ? Math.floor(n) : 0;
+
+/** Multiples of ten strictly between `lo` and `hi`, ascending. */
+const tensBetween = (lo, hi) => {
+  const out = [];
+  for (let t = Math.floor(lo / TEN_FRAME_CAPACITY) * TEN_FRAME_CAPACITY + TEN_FRAME_CAPACITY; t < hi; t += TEN_FRAME_CAPACITY) {
+    out.push(t);
+  }
+  return out;
+};
+
+/** Consecutive [from, to] pairs over a list of stops. */
+const pairs = xs => xs.slice(1).map((x, i) => [xs[i], x]);
+const uniqueAsc = xs => [...new Set(xs)].sort((x, y) => x - y);
+// ── L1: DiscreteCounterGrid ─────────────────────────────────────────────────
+
+function buildGrid(operation, left, right, base) {
+  const a = toCount(left);
+  const b = toCount(right);
+  const layout = (() => {
+    switch (operation) {
+      case 'addition':
+        return {
+          type: 'tenframes',
+          a,
+          b,
+          capacity: TEN_FRAME_CAPACITY
+        };
+      case 'subtraction':
+        return {
+          type: 'tenframes_takeaway',
+          total: a,
+          removed: Math.min(b, a),
+          capacity: TEN_FRAME_CAPACITY
+        };
+      case 'multiplication':
+        // 3×4 shown as 3 groups of 4 (first factor = number of groups), mirroring
+        // the division grouping so multiplication also reads as equal groups.
+        return {
+          type: 'groups',
+          groupCount: a,
+          perGroup: b
+        };
+      case 'division':
+        // 12 ÷ 4 → 3 clusters of 4: quotient groups, each holding the divisor.
+        return {
+          type: 'groups',
+          groupCount: b > 0 ? Math.floor(a / b) : 0,
+          perGroup: b
+        };
+    }
+  })();
+  return {
+    ...base,
+    kind: 'grid',
+    layout
+  };
+}
+
+// ── L2: RelationalBlock ─────────────────────────────────────────────────────
+
+function buildRelational(operation, left, right, base) {
+  const model = (() => {
+    switch (operation) {
+      case 'addition':
+        // whole (sum) unknown on top; addends below.
+        return {
+          type: 'bond',
+          top: null,
+          bottomLeft: left,
+          bottomRight: right
+        };
+      case 'subtraction':
+        // minuend whole on top; one part (the difference) unknown.
+        return {
+          type: 'bond',
+          top: left,
+          bottomLeft: right,
+          bottomRight: null
+        };
+      case 'multiplication':
+        // both dimensions known; product (center) unknown. First factor is the
+        // number of rows (vertical side) to match the L1 array — "3×4" = 3 rows
+        // of 4, so left drives height (side), right drives width (top).
+        return {
+          type: 'area',
+          top: right,
+          side: left,
+          center: null
+        };
+      case 'division':
+        // dividend (product) and divisor known; missing side dimension.
+        return {
+          type: 'area',
+          top: right,
+          side: null,
+          center: left
+        };
+    }
+  })();
+  return {
+    ...base,
+    kind: 'relational',
+    model
+  };
+}
+
+// ── L3: DynamicNumberLine — add/sub bridge through every ten; mult skip-counts ─
+
+function buildLine(operation, left, right, base) {
+  const a = toCount(left);
+  const b = toCount(right);
+  if (operation === 'addition') {
+    const sum = a + b;
+    // Bridge through EVERY ten: 8 + 15 → 8→10→20→23 (make-a-ten, repeated).
+    const stops = [a, ...tensBetween(a, sum), sum];
+    const jumps = pairs(stops).map(([from, to]) => ({
+      from,
+      to,
+      label: `+${to - from}`
+    }));
+    const ticks = uniqueAsc([0, ...stops]);
+    return {
+      ...base,
+      kind: 'line',
+      lo: 0,
+      hi: sum,
+      ticks,
+      jumps,
+      hiddenTick: sum
+    };
+  }
+  if (operation === 'subtraction') {
+    const diff = a - b;
+    // Step back through every ten: 23 − 15 → 23→20→10→8.
+    const stopsDesc = [a, ...tensBetween(diff, a).reverse(), diff];
+    const jumps = pairs(stopsDesc).map(([from, to]) => ({
+      from,
+      to,
+      label: `${MINUS}${from - to}`
+    }));
+    const ticks = uniqueAsc([diff, ...tensBetween(diff, a), a]);
+    return {
+      ...base,
+      kind: 'line',
+      lo: diff,
+      hi: a,
+      ticks,
+      jumps,
+      hiddenTick: diff
+    };
+  }
+
+  // multiplication: skip-count — a hops of b up to the product.
+  const total = a * b;
+  const jumps = Array.from({
+    length: a
+  }, (_, i) => ({
+    from: i * b,
+    to: (i + 1) * b,
+    label: `+${b}`
+  }));
+  const ticks = Array.from({
+    length: a + 1
+  }, (_, i) => i * b);
+  return {
+    ...base,
+    kind: 'line',
+    lo: 0,
+    hi: total,
+    ticks,
+    jumps,
+    hiddenTick: total
+  };
+}
+
+// ── L2 (division): QuotativeBars ─────────────────────────────────────────────
+
+// Quotative division: the dividend as a bar split into equal groups of the
+// divisor; the count of groups (quotient) is the answer the student reads off.
+function buildBars(left, right, base) {
+  const total = toCount(left);
+  const segment = toCount(right);
+  const segmentCount = segment > 0 ? Math.floor(total / segment) : 0;
+  return {
+    ...base,
+    kind: 'bars',
+    total,
+    segment,
+    segmentCount
+  };
+}
+function buildNone(base) {
+  return {
+    ...base,
+    kind: 'none'
+  };
+}
+
+/**
+ * Single entry point the card calls. Returns the visual spec for the current
+ * fact at its current box. The symbolic equation is rendered separately and is
+ * always present.
+ */
+export function renderFact(p) {
+  const level = levelForBox(p.box);
+  const base = {
+    operation: p.operation,
+    left: p.left,
+    right: p.right,
+    level
+  };
+  switch (level) {
+    case 'L1':
+      return buildGrid(p.operation, p.left, p.right, base);
+    case 'L2':
+      // Division → concrete quotative bar; multiplication → number line
+      // (skip-count); addition/subtraction → number bond.
+      if (p.operation === 'division') return buildBars(p.left, p.right, base);
+      if (p.operation === 'multiplication') return buildLine(p.operation, p.left, p.right, base);
+      return buildRelational(p.operation, p.left, p.right, base);
+    case 'L3':
+      // Addition/subtraction → number line; multiplication/division → area model.
+      if (p.operation === 'addition' || p.operation === 'subtraction') return buildLine(p.operation, p.left, p.right, base);
+      return buildRelational(p.operation, p.left, p.right, base);
+    case 'L4':
+    case 'L5':
+      return buildNone(base);
+  }
+}
+
+/** Whether the fact has any visual scaffold at its current box (false at L4/L5). */
+export function hasVisual(p) {
+  return renderFact(p).kind !== 'none';
+}
+//# sourceMappingURL=renderFact.js.map

package/dist/module/features/fluency/visual-scaffolding/renderFact.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TEN_FRAME_CAPACITY","MINUS","levelForBox","box","toCount","n","Number","isFinite","Math","floor","tensBetween","lo","hi","out","t","push","pairs","xs","slice","map","x","i","uniqueAsc","Set","sort","y","buildGrid","operation","left","right","base","a","b","layout","type","capacity","total","removed","min","groupCount","perGroup","kind","buildRelational","model","top","bottomLeft","bottomRight","side","center","buildLine","sum","stops","jumps","from","to","label","ticks","hiddenTick","diff","stopsDesc","reverse","Array","length","_","buildBars","segment","segmentCount","buildNone","renderFact","p","level","hasVisual"],"sourceRoot":"../../../../../src","sources":["features/fluency/visual-scaffolding/renderFact.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/visual-scaffolding/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/dist/module/features/fluency/visual-scaffolding/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["features/fluency/visual-scaffolding/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/features/fluency-teacher/assets/SortDefaultIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { COLORS } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SortDefaultIcon = ({
+  color = COLORS.NEUTRAL_9,
+  size = 10
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 10 10",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx(Path, {
+    d: "M5 1 L8 4 H2 Z",
+    fill: color
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M5 9 L2 6 H8 Z",
+    fill: color
+  })]
+});
+//# sourceMappingURL=SortDefaultIcon.js.map

package/dist/module/features/fluency-teacher/assets/SortDefaultIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Svg","Path","COLORS","jsx","_jsx","jsxs","_jsxs","SortDefaultIcon","color","NEUTRAL_9","size","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/assets/SortDefaultIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,MAAM,QAAmB,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9D,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,KAAK,GAAGN,MAAM,CAACO,SAAS;EAAEC,IAAI,GAAG;AAAc,CAAC,kBAChFJ,KAAA,CAACN,GAAG;EAACW,KAAK,EAAED,IAAK;EAACE,MAAM,EAAEF,IAAK;EAACG,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAAAC,QAAA,gBAC7DX,IAAA,CAACH,IAAI;IAACe,CAAC,EAAC,gBAAgB;IAACF,IAAI,EAAEN;EAAM,CAAE,CAAC,eACxCJ,IAAA,CAACH,IAAI;IAACe,CAAC,EAAC,gBAAgB;IAACF,IAAI,EAAEN;EAAM,CAAE,CAAC;AAAA,CACrC,CACN","ignoreList":[]}