@magmamath/students-features 0.9.0-rc8 → 0.9.0

package/src/features/keyboard/types/MathKeysGroups/units.tsx

@@ -1,478 +1,490 @@
-import { KroneIcon } from '../../../../shared/icons/MATH/KroneIcon/KroneIcon'
-import { MathKeysGroup } from '../types'
-import { DollarIcon } from '../../../../shared/icons/MATH/DollarIcon/DollarIcon'
-import { EuroIcon } from '../../../../shared/icons/MATH/EuroIcon/EuroIcon'
-import { PoundIcon } from '../../../../shared/icons/MATH/PoundIcon/PoundIcon'
-import { PesoIcon } from '../../../../shared/icons/MATH/PesoIcon/PesoIcon'
-import { YenIcon } from '../../../../shared/icons/MATH/YenIcon/YenIcon'
-import { CentIcon } from '../../../../shared/icons/MATH/CentIcon/CentIcon'
-import { DEFAULT_KEY_ICON_PROPS } from '../../constants'
+import { KroneIcon } from '../../../../shared/icons/keyboard/KroneIcon/KroneIcon'
+import { DollarIcon } from '../../../../shared/icons/keyboard/DollarIcon/DollarIcon'
+import { EuroIcon } from '../../../../shared/icons/keyboard/EuroIcon/EuroIcon'
+import { PoundIcon } from '../../../../shared/icons/keyboard/PoundIcon/PoundIcon'
+import { PesoIcon } from '../../../../shared/icons/keyboard/PesoIcon/PesoIcon'
+import { YenIcon } from '../../../../shared/icons/keyboard/YenIcon/YenIcon'
+import { CentIcon } from '../../../../shared/icons/keyboard/CentIcon/CentIcon'
+import { DEFAULT_KEY_ICON_PROPS } from '../../constants/constants'
 import React from 'react'
+import { IS_MOBILE } from '@magmamath/react-native-ui'
+import { createMathKeysGroup } from './helpers'
 
-export enum MathCurrencyUnit {
-  KRONE = 'KRONE',
-  DOLLAR = 'DOLLAR',
-  EURO = 'EURO',
-  POUND = 'POUND',
-  PESO = 'PESO',
-  YEN = 'YEN',
-  CENT = 'CENT',
+const BASE_TEXT_STYLE = {
+  fontSize: 14,
+  fontWeight: 700 as const,
 }
 
-export enum MathLengthUnit {
-  KILOMETER = 'KILOMETER',
-  METER = 'METER',
-  DECIMETER = 'DECIMETER',
-  CENTIMETER = 'CENTIMETER',
-  MILLIMETER = 'MILLIMETER',
-  HECTARE = 'HECTARE',
-  INCH = 'INCH',
-  FOOT = 'FOOT',
-  YARD = 'YARD',
-  YARDS = 'YARDS',
-  MILE = 'MILE',
-  MILE_SE = 'MILE_SE',
-}
-
-export enum MathAreaUnit {
-  SQUARE_KILOMETER = 'SQUARE_KILOMETER',
-  SQUARE_METER = 'SQUARE_METER',
-  SQUARE_DECIMETER = 'SQUARE_DECIMETER',
-  SQUARE_CENTIMETER = 'SQUARE_CENTIMETER',
-  SQUARE_MILLIMETER = 'SQUARE_MILLIMETER',
-  SQUARE_INCH = 'SQUARE_INCH',
-  SQUARE_FOOT = 'SQUARE_FOOT',
-  SQUARE_MILE = 'SQUARE_MILE',
-  SQUARE_YARD = 'SQUARE_YARD',
-  HECTARE = 'HECTARE',
-}
-
-export enum MathVolumeUnit {
-  CUBIC_KILOMETER = 'CUBIC_KILOMETER',
-  CUBIC_METER = 'CUBIC_METER',
-  CUBIC_DECIMETER = 'CUBIC_DECIMETER',
-  CUBIC_CENTIMETER = 'CUBIC_CENTIMETER',
-  CUBIC_MILLIMETER = 'CUBIC_MILLIMETER',
-  CUBIC_INCH = 'CUBIC_INCH',
-  CUBIC_FOOT = 'CUBIC_FOOT',
-  CUBIC_MILE = 'CUBIC_MILE',
-  CUBIC_YARD = 'CUBIC_YARD',
-  MILLILITER = 'MILLILITER',
-  LITER = 'LITER',
-  MILLILITER_SE = 'MILLILITER_SE',
-  LITER_SE = 'LITER_SE',
-  DL = 'DL',
-  CUP = 'CUP',
-  GAL = 'GAL',
-  PINT = 'PINT',
-  QUART = 'QUART',
-  FLOZ = 'FLOZ',
-  CL = 'CL',
-}
-
-export enum MathWeightUnit {
-  KG = 'KG',
-  G = 'G',
-  MG = 'MG',
-  TON_SE = 'TON_SE',
-  TON = 'TON',
-  T = 'T',
-  LB = 'LB',
-  OZ = 'OZ',
-  GAL = 'GAL',
-  HG = 'HG',
-}
-
-export enum MathTimeUnit {
-  S = 'S',
-  M = 'M',
-  H = 'H',
-  DAY = 'DAY',
-  WEEK = 'WEEK',
-  MONTH = 'MONTH',
-  YEAR = 'YEAR',
-  DAYS = 'DAYS',
-  WEEKS = 'WEEKS',
-  MONTHS = 'MONTHS',
-  YEARS = 'YEARS',
-  AM = 'AM',
-  PM = 'PM',
+const STYLE_PRESETS = {
+  SMALL: {
+    button: { width: IS_MOBILE ? 44 : 40 },
+    container: { flexBasis: IS_MOBILE ? 48 : undefined },
+    text: BASE_TEXT_STYLE,
+  },
+  MEDIUM: {
+    button: { width: IS_MOBILE ? 50 : 45 },
+    container: { flexBasis: IS_MOBILE ? 54 : undefined },
+    text: BASE_TEXT_STYLE,
+  },
+  LARGE: {
+    button: { width: IS_MOBILE ? 54 : 48 },
+    container: { flexBasis: IS_MOBILE ? 58 : undefined },
+    text: BASE_TEXT_STYLE,
+  },
+  XL: {
+    button: { width: IS_MOBILE ? 56 : 52 },
+    container: { flexBasis: IS_MOBILE ? 60 : undefined },
+    text: BASE_TEXT_STYLE,
+  },
 }
 
-export const MATH_CURRENCY_UNITS: MathKeysGroup<typeof MathCurrencyUnit> = {
-  [MathCurrencyUnit.KRONE]: {
+export const MATH_CURRENCY_UNITS = createMathKeysGroup({
+  KRONE: {
     icon: <KroneIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: 'Kr',
     katexValue: 'Kr',
   },
-  [MathCurrencyUnit.DOLLAR]: {
+  DOLLAR: {
     icon: <DollarIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '\\$',
     katexValue: '\$',
+    mathQuillValue: '\\$',
   },
-  [MathCurrencyUnit.EURO]: {
+  EURO: {
     icon: <EuroIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '€',
     katexValue: '€',
   },
-  [MathCurrencyUnit.POUND]: {
+  POUND: {
     icon: <PoundIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '£',
     katexValue: '£',
   },
-  [MathCurrencyUnit.YEN]: {
+  YEN: {
     icon: <YenIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '¥',
     katexValue: '¥',
   },
-  [MathCurrencyUnit.PESO]: {
+  PESO: {
     icon: <PesoIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: 'p',
     katexValue: 'p',
   },
-  [MathCurrencyUnit.CENT]: {
+  CENT: {
     icon: <CentIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '¢',
     katexValue: '¢',
   },
-}
+})
 
-export const MATH_LENGTH_UNITS: MathKeysGroup<typeof MathLengthUnit> = {
-  [MathLengthUnit.KILOMETER]: {
+export const MATH_LENGTH_UNITS = createMathKeysGroup({
+  KILOMETER: {
     label: 'km',
     mathliveValue: 'km',
     katexValue: 'km',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathLengthUnit.METER]: {
+  METER: {
     label: 'm',
     mathliveValue: '\\mathrm{m}',
     katexValue: 'm',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathLengthUnit.DECIMETER]: {
+  DECIMETER: {
     label: 'dm',
     mathliveValue: '\\mathrm{dm}',
     katexValue: 'dm',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathLengthUnit.CENTIMETER]: {
+  CENTIMETER: {
     label: 'cm',
     mathliveValue: '\\mathrm{cm}',
     katexValue: 'cm',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathLengthUnit.MILLIMETER]: {
+  MILLIMETER: {
     label: 'mm',
     mathliveValue: '\\mathrm{mm}',
     katexValue: 'mm',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathLengthUnit.HECTARE]: {
+  HECTARE: {
     label: 'ha',
     mathliveValue: '\\mathrm{ha}',
     katexValue: 'ha',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathLengthUnit.INCH]: {
+  INCH: {
     label: 'in',
     mathliveValue: '\\mathrm{in}',
     katexValue: 'in',
+    mathQuillValue: '\\in',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathLengthUnit.FOOT]: {
+  FOOT: {
     label: 'ft',
     mathliveValue: '\\mathrm{ft}',
     katexValue: 'ft',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathLengthUnit.YARD]: {
+  YARD: {
     label: 'yd',
     mathliveValue: '\\mathrm{yd}',
     katexValue: 'yd',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathLengthUnit.YARDS]: {
+  YARDS: {
     label: 'yds',
     mathliveValue: '\\mathrm{yds}',
     katexValue: 'yds',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathLengthUnit.MILE]: {
+  MILE: {
     label: 'mi',
     mathliveValue: '\\mathrm{mi}',
     katexValue: 'mi',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathLengthUnit.MILE_SE]: {
+  MILE_SE: {
     label: 'mil',
     mathliveValue: '\\mathrm{mil}',
     katexValue: 'mil',
+    style: STYLE_PRESETS.MEDIUM,
   },
-}
+})
 
-export const MATH_AREA_UNITS: MathKeysGroup<typeof MathAreaUnit> = {
-  [MathAreaUnit.SQUARE_KILOMETER]: {
+export const MATH_AREA_UNITS = createMathKeysGroup({
+  SQUARE_KILOMETER: {
     label: 'km²',
     mathliveValue: '\\mathrm{km}^2',
     katexValue: 'km^2',
+    mathQuillValue: 'km^{2}',
+    style: STYLE_PRESETS.LARGE,
   },
-  [MathAreaUnit.SQUARE_METER]: {
+  SQUARE_METER: {
     label: 'm²',
     mathliveValue: '\\mathrm{m}^2',
     katexValue: 'm^2',
+    mathQuillValue: 'm^{2}',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathAreaUnit.SQUARE_DECIMETER]: {
+  SQUARE_DECIMETER: {
     label: 'dm²',
     mathliveValue: '\\mathrm{dm}^2',
     katexValue: 'dm^2',
+    mathQuillValue: 'dm^{2}',
+    style: STYLE_PRESETS.LARGE,
   },
-  [MathAreaUnit.SQUARE_CENTIMETER]: {
+  SQUARE_CENTIMETER: {
     label: 'cm²',
     mathliveValue: '\\mathrm{cm}^2',
     katexValue: 'cm^2',
+    mathQuillValue: 'cm^{2}',
+    style: STYLE_PRESETS.LARGE,
   },
-  [MathAreaUnit.SQUARE_MILLIMETER]: {
+  SQUARE_MILLIMETER: {
     label: 'mm²',
     mathliveValue: '\\mathrm{mm}^2',
     katexValue: 'mm^2',
+    mathQuillValue: 'mm^{2}',
+    style: STYLE_PRESETS.LARGE,
   },
-  [MathAreaUnit.SQUARE_INCH]: {
+  SQUARE_INCH: {
     label: 'in²',
     mathliveValue: '\\mathrm{in}^2',
     katexValue: 'in^2',
+    mathQuillValue: 'in^{2}',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathAreaUnit.SQUARE_FOOT]: {
+  SQUARE_FOOT: {
     label: 'ft²',
     mathliveValue: '\\mathrm{ft}^2',
     katexValue: 'ft^2',
+    mathQuillValue: 'ft^{2}',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathAreaUnit.SQUARE_MILE]: {
+  SQUARE_MILE: {
     label: 'mi²',
     mathliveValue: '\\mathrm{mi}^2',
     katexValue: 'mi^2',
+    mathQuillValue: 'mi^{2}',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathAreaUnit.SQUARE_YARD]: {
+  SQUARE_YARD: {
     label: 'yd²',
     mathliveValue: '\\mathrm{yd}^2',
     katexValue: 'yd^2',
+    mathQuillValue: 'yd^{2}',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathAreaUnit.HECTARE]: {
+  HECTARE: {
     label: 'ha',
     mathliveValue: '\\mathrm{ha}',
     katexValue: 'ha',
+    style: STYLE_PRESETS.SMALL,
   },
-}
+})
 
-export const MATH_VOLUME_UNITS: MathKeysGroup<typeof MathVolumeUnit> = {
-  [MathVolumeUnit.CUBIC_KILOMETER]: {
+export const MATH_VOLUME_UNITS = createMathKeysGroup({
+  CUBIC_KILOMETER: {
     label: 'km³',
     mathliveValue: '\\mathrm{km}^3',
     katexValue: 'km^3',
+    mathQuillValue: 'km^{3}',
+    style: STYLE_PRESETS.LARGE,
   },
-  [MathVolumeUnit.CUBIC_METER]: {
+  CUBIC_METER: {
     label: 'm³',
     mathliveValue: '\\mathrm{m}^3',
     katexValue: 'm^3',
+    mathQuillValue: 'm^{3}',
+    style: STYLE_PRESETS.LARGE,
   },
-  [MathVolumeUnit.CUBIC_DECIMETER]: {
+  CUBIC_DECIMETER: {
     label: 'dm³',
     mathliveValue: '\\mathrm{dm}^3',
     katexValue: 'dm^3',
+    mathQuillValue: 'dm^{3}',
+    style: STYLE_PRESETS.LARGE,
   },
-  [MathVolumeUnit.CUBIC_CENTIMETER]: {
+  CUBIC_CENTIMETER: {
     label: 'cm³',
     mathliveValue: '\\mathrm{cm}^3',
     katexValue: 'cm^3',
+    mathQuillValue: 'cm^{3}',
+    style: STYLE_PRESETS.LARGE,
   },
-  [MathVolumeUnit.CUBIC_MILLIMETER]: {
+  CUBIC_MILLIMETER: {
     label: 'mm³',
     mathliveValue: '\\mathrm{mm}^3',
     katexValue: 'mm^3',
+    mathQuillValue: 'mm^{3}',
+    style: STYLE_PRESETS.LARGE,
   },
-  [MathVolumeUnit.CUBIC_INCH]: {
+  CUBIC_INCH: {
     label: 'in³',
     mathliveValue: '\\mathrm{in}^3',
     katexValue: 'in^3',
+    mathQuillValue: 'in^{3}',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathVolumeUnit.CUBIC_FOOT]: {
+  CUBIC_FOOT: {
     label: 'ft³',
     mathliveValue: '\\mathrm{ft}^3',
     katexValue: 'ft^3',
+    mathQuillValue: 'ft^{3}',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathVolumeUnit.CUBIC_MILE]: {
+  CUBIC_MILE: {
     label: 'mi³',
     mathliveValue: '\\mathrm{mi}^3',
     katexValue: 'mi^3',
+    mathQuillValue: 'mi^{3}',
+    style: STYLE_PRESETS.LARGE,
   },
-  [MathVolumeUnit.CUBIC_YARD]: {
+  CUBIC_YARD: {
     label: 'yd³',
     mathliveValue: '\\mathrm{yd}^3',
     katexValue: 'yd^3',
+    mathQuillValue: 'yd^{3}',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathVolumeUnit.MILLILITER]: {
+  MILLILITER: {
     label: 'ml',
     mathliveValue: '\\mathrm{mL}',
     katexValue: 'ml',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathVolumeUnit.LITER]: {
+  LITER: {
     label: 'L',
     mathliveValue: '\\mathrm{L}',
     katexValue: 'L',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathVolumeUnit.MILLILITER_SE]: {
+  MILLILITER_SE: {
     label: 'ml',
     mathliveValue: '\\mathrm{ml}',
     katexValue: 'ml',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathVolumeUnit.LITER_SE]: {
+  LITER_SE: {
     label: 'l',
     mathliveValue: '\\mathrm{l}',
     katexValue: 'l',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathVolumeUnit.DL]: {
+  DL: {
     label: 'dl',
     mathliveValue: '\\mathrm{dl}',
     katexValue: 'dl',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathVolumeUnit.CUP]: {
+  CUP: {
     label: 'cup',
     mathliveValue: '\\mathrm{cup}',
     katexValue: 'cup',
+    mathQuillValue: '\\cup',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathVolumeUnit.GAL]: {
+  GAL: {
     label: 'gal',
     mathliveValue: '\\mathrm{gal}',
     katexValue: 'gal',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathVolumeUnit.PINT]: {
+  PINT: {
     label: 'pt',
     mathliveValue: '\\mathrm{pt}',
     katexValue: 'pt',
+    style: STYLE_PRESETS.LARGE,
   },
-  [MathVolumeUnit.QUART]: {
+  QUART: {
     label: 'qt',
     mathliveValue: '\\mathrm{qt}',
     katexValue: 'qt',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathVolumeUnit.FLOZ]: {
+  FLOZ: {
     label: 'floz',
     mathliveValue: '\\mathrm{floz}',
     katexValue: 'floz',
+    style: STYLE_PRESETS.XL,
   },
-  [MathVolumeUnit.CL]: {
+  CL: {
     label: 'cl',
     mathliveValue: '\\mathrm{cl}',
     katexValue: 'cl',
+    style: STYLE_PRESETS.SMALL,
   },
-}
+})
 
-export const MATH_WEIGHT_UNITS: MathKeysGroup<typeof MathWeightUnit> = {
-  [MathWeightUnit.KG]: {
+export const MATH_WEIGHT_UNITS = createMathKeysGroup({
+  KG: {
     label: 'kg',
     mathliveValue: '\\mathrm{kg}',
     katexValue: 'kg',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathWeightUnit.G]: {
+  G: {
     label: 'g',
     mathliveValue: '\\mathrm{g}',
     katexValue: 'g',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathWeightUnit.MG]: {
+  MG: {
     label: 'mg',
     mathliveValue: '\\mathrm{mg}',
     katexValue: 'mg',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathWeightUnit.TON_SE]: {
+  TON_SE: {
     label: 'ton',
     mathliveValue: '\\mathrm{ton}',
     katexValue: 'ton',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathWeightUnit.TON]: {
+  TON: {
     label: 'T',
     mathliveValue: '\\mathrm{T}',
     katexValue: 'T',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathWeightUnit.LB]: {
+  LB: {
     label: 'lb',
     mathliveValue: '\\mathrm{lb}',
     katexValue: 'lb',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathWeightUnit.OZ]: {
+  OZ: {
     label: 'oz',
     mathliveValue: '\\mathrm{oz}',
     katexValue: 'oz',
+    style: STYLE_PRESETS.SMALL,
   },
-  [MathWeightUnit.GAL]: {
+  GAL: {
     label: 'gal',
     mathliveValue: '\\mathrm{gal}',
     katexValue: 'gal',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathWeightUnit.HG]: {
+  HG: {
     label: 'hg',
     mathliveValue: '\\mathrm{hg}',
     katexValue: 'hg',
+    style: STYLE_PRESETS.MEDIUM,
   },
-  [MathWeightUnit.T]: {
+  T: {
     label: 't',
     mathliveValue: '\\mathrm{t}',
     katexValue: 't',
+    style: STYLE_PRESETS.MEDIUM,
   },
-}
+})
 
-export const MATH_TIME_UNITS: MathKeysGroup<typeof MathTimeUnit> = {
-  [MathTimeUnit.S]: {
+export const MATH_TIME_UNITS = createMathKeysGroup({
+  S: {
     label: 's',
     mathliveValue: '\\mathrm{s}',
     katexValue: 's',
   },
-  [MathTimeUnit.M]: {
+  M: {
     label: 'min',
     mathliveValue: '$\\mathrm{min}',
     katexValue: 'min',
   },
-  [MathTimeUnit.H]: {
+  H: {
     label: 'h',
     mathliveValue: '\\mathrm{h}',
     katexValue: 'h',
   },
-  [MathTimeUnit.DAY]: {
+  DAY: {
     label: 'day',
     mathliveValue: '\\mathrm{day}',
     katexValue: 'day',
   },
-  [MathTimeUnit.WEEK]: {
+  WEEK: {
     label: 'week',
     mathliveValue: '$\\mathrm{week}',
     katexValue: 'week',
   },
-  [MathTimeUnit.MONTH]: {
+  MONTH: {
     label: 'month',
     mathliveValue: '$\\mathrm{month}',
     katexValue: 'month',
   },
-  [MathTimeUnit.YEAR]: {
+  YEAR: {
     label: 'year',
     mathliveValue: '$\\mathrm{year}',
     katexValue: 'year',
   },
-  [MathTimeUnit.DAYS]: {
+  DAYS: {
     label: 'days',
     mathliveValue: '$\\mathrm{days}',
     katexValue: 'days',
   },
-  [MathTimeUnit.WEEKS]: {
+  WEEKS: {
     label: 'weeks',
     mathliveValue: '$\\mathrm{weeks}',
     katexValue: 'weeks',
   },
-  [MathTimeUnit.MONTHS]: {
+  MONTHS: {
     label: 'months',
     mathliveValue: '$\\mathrm{months}',
     katexValue: 'months',
   },
-  [MathTimeUnit.YEARS]: {
+  YEARS: {
     label: 'years',
     mathliveValue: '$\\mathrm{years}',
     katexValue: 'years',
   },
-  [MathTimeUnit.AM]: {
+  AM: {
     label: 'am',
     mathliveValue: '\\mathrm{am}',
     katexValue: 'am',
   },
-  [MathTimeUnit.PM]: {
+  PM: {
     label: 'pm',
     mathliveValue: '\\mathrm{pm}',
     katexValue: 'pm',
   },
-}
+})

package/src/features/keyboard/types/index.ts

@@ -0,0 +1,2 @@
+export * from './types'
+export * from './MathKeysGroups'