@magmamath/students-features 1.3.3 → 1.3.4-rc.1

package/dist/typescript/module/shared/icons/keyboard/LetterBIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from './icon.types';
-export declare const LetterBIcon: ({ size, color }: IconProps) => React.JSX.Element;
-//# sourceMappingURL=LetterBIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/LetterBIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LetterBIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/LetterBIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,WAAW,oBAA0B,SAAS,sBAS1D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/LetterCIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from './icon.types';
-export declare const LetterCIcon: ({ size, color }: IconProps) => React.JSX.Element;
-//# sourceMappingURL=LetterCIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/LetterCIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LetterCIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/LetterCIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,WAAW,oBAA0B,SAAS,sBAS1D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/ThereforeIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from './icon.types';
-export declare const ThereforeIcon: ({ size, color }: IconProps) => React.JSX.Element;
-//# sourceMappingURL=ThereforeIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/ThereforeIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThereforeIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/ThereforeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,aAAa,oBAA0B,SAAS,sBAQ5D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/TriangleIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from './icon.types';
-export declare const TriangleIcon: ({ size, color }: IconProps) => React.JSX.Element;
-//# sourceMappingURL=TriangleIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/TriangleIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TriangleIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/TriangleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,YAAY,oBAA0B,SAAS,sBAW3D,CAAA"}

package/example/.expo/README.md

@@ -1,8 +0,0 @@
-> Why do I have a folder named ".expo" in my project?
-The ".expo" folder is created when an Expo project is started using "expo start" command.
-> What do the files contain?
-- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
-- "settings.json": contains the server configuration that is used to serve the application manifest.
-> Should I commit the ".expo" folder?
-No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
-Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

package/example/.expo/devices.json

@@ -1,3 +0,0 @@
-{
-  "devices": []
-}

package/example/app.json

@@ -1,30 +0,0 @@
-{
-  "expo": {
-    "name": "example",
-    "slug": "example",
-    "version": "1.0.0",
-    "orientation": "portrait",
-    "icon": "./assets/icon.png",
-    "userInterfaceStyle": "light",
-    "newArchEnabled": true,
-    "splash": {
-      "image": "./assets/splash-icon.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
-    },
-    "ios": {
-      "supportsTablet": true,
-      "bundleIdentifier": "magmamath.features.example"
-    },
-    "android": {
-      "adaptiveIcon": {
-        "foregroundImage": "./assets/adaptive-icon.png",
-        "backgroundColor": "#ffffff"
-      },
-      "package": "magmamath.features.example"
-    },
-    "web": {
-      "favicon": "./assets/favicon.png"
-    }
-  }
-}

package/example/babel.config.js

@@ -1,28 +0,0 @@
-const path = require('path')
-const { getConfig } = require('react-native-builder-bob/babel-config')
-const pkg = require('../package.json')
-
-const root = path.resolve(__dirname, '..')
-
-module.exports = function (api) {
-  api.cache(true)
-
-  return getConfig(
-    {
-      presets: ['babel-preset-expo'],
-      plugins: [
-        [
-          'module-resolver',
-          {
-            extensions: ['.tsx', '.ts', '.js', '.json'],
-            alias: {
-              [pkg.name]: path.join(__dirname, '../', pkg.source),
-            },
-          },
-        ],
-        ['@babel/plugin-transform-private-methods', { loose: true }],
-      ],
-    },
-    { root, pkg },
-  )
-}

package/example/index.js

@@ -1,8 +0,0 @@
-import { registerRootComponent } from 'expo';
-
-import App from './src/App';
-
-// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
-// It also ensures that whether you load the app in Expo Go or in a native build,
-// the environment is set up appropriately
-registerRootComponent(App);

package/example/metro.config.js

@@ -1,18 +0,0 @@
-const path = require('path');
-const { getDefaultConfig } = require('@expo/metro-config');
-const { getConfig } = require('react-native-builder-bob/metro-config');
-const pkg = require('../package.json');
-
-const root = path.resolve(__dirname, '..');
-
-/**
- * Metro configuration
- * https://facebook.github.io/metro/docs/configuration
- *
- * @type {import('metro-config').MetroConfig}
- */
-module.exports = getConfig(getDefaultConfig(__dirname), {
-  root,
-  pkg,
-  project: __dirname,
-});

package/example/package.json

@@ -1,25 +0,0 @@
-{
-  "name": "@magmamath/students-features-example",
-  "version": "1.0.0",
-  "main": "index.js",
-  "scripts": {
-    "start": "expo start",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "web": "expo start --web"
-  },
-  "dependencies": {
-    "@expo/metro-runtime": "~4.0.0",
-    "expo": "~52.0.11",
-    "expo-status-bar": "~2.0.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-native": "0.76.3",
-    "react-native-web": "~0.19.13"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "react-native-builder-bob": "^0.33.3"
-  },
-  "private": true
-}

package/example/src/App.tsx

@@ -1,8 +0,0 @@
-import React from 'react'
-import { Text } from 'react-native'
-
-const App = () => {
-  return <Text>Hello</Text>
-}
-
-export default App

package/example/tsconfig.json

@@ -1,6 +0,0 @@
-{
-  "extends": "../tsconfig",
-  "compilerOptions": {
-    // Avoid expo-cli auto-generating a tsconfig
-  }
-}

package/src/features/keyboard/components/GeometryLayout/GeometryLayout.tsx

@@ -1,21 +0,0 @@
-import React from 'react'
-import { COLORS } from '@magmamath/react-native-ui'
-import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
-import { AlgebraIcon } from '../../../../shared/icons/AlgebraIcon'
-import { GeometryIcon } from '../../../../shared/icons/GeometryIcon'
-import { SwitchableLayout } from '../SwitchableLayout/SwitchableLayout'
-import { SwitchableLayoutConfig } from '../SwitchableLayout/types'
-
-const GEOMETRY_CONFIG: SwitchableLayoutConfig = {
-  secondaryKeyboardType: KeyboardType.Geometry,
-  BasicIcon: (isSelected) => (
-    <AlgebraIcon color={isSelected ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9} size={22} />
-  ),
-  SecondaryIcon: (isSelected) => (
-    <GeometryIcon color={isSelected ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9} size={16} />
-  ),
-}
-
-export const GeometryLayout = (props: KeyboardLayoutProps) => {
-  return <SwitchableLayout {...props} config={GEOMETRY_CONFIG} />
-}

package/src/features/keyboard/components/SwitchableLayout/SwitchableLayout.tsx

@@ -1,100 +0,0 @@
-import React, { useMemo, useState } from 'react'
-import { KeysList } from '../KeysList/KeysList'
-import { StyleSheet, useWindowDimensions, View } from 'react-native'
-import {
-  COLORS,
-  IS_MOBILE,
-  SelectGroup,
-  SelectOptionSize,
-  SPACING,
-} from '@magmamath/react-native-ui'
-import { KeyboardType } from '../../types/types'
-import { SelectedLayout, SwitchableLayoutProps } from './types'
-import { getMainKeyboardGroup } from '../../helpers'
-import { getSelectOptions } from './helpers'
-import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
-
-export const SwitchableLayout = ({
-  onLayoutChange,
-  keys,
-  config,
-  ...props
-}: SwitchableLayoutProps) => {
-  const [selectedLayout, setSelectedLayout] = useState<SelectedLayout>(SelectedLayout.BASIC)
-  const { width } = useWindowDimensions()
-  const selectOptions = getSelectOptions({
-    selectedLayout,
-    onBasicPressIn: () => {
-      setSelectedLayout(SelectedLayout.BASIC)
-      onLayoutChange?.(false)
-    },
-    onSecondaryPressIn: () => {
-      setSelectedLayout(SelectedLayout.SECONDARY)
-      onLayoutChange?.(true)
-    },
-    BasicIcon: config.BasicIcon,
-    SecondaryIcon: config.SecondaryIcon,
-  })
-  const isDesktop =
-    width > KEYBOARD_LAYOUTS[config.secondaryKeyboardType].mobileBreakpoint && !IS_MOBILE
-
-  const keyboardGroups = useMemo(() => {
-    const secondary = getMainKeyboardGroup(keys, config.secondaryKeyboardType)
-    const basic = getMainKeyboardGroup(
-      keys,
-      isDesktop ? KeyboardType.BasicPlusPlus : KeyboardType.BasicPlusPlusMobile,
-    )
-
-    return new Map([
-      [SelectedLayout.BASIC, basic],
-      [SelectedLayout.SECONDARY, secondary],
-    ])
-  }, [isDesktop, keys, config.secondaryKeyboardType])
-
-  const currentKeys = keyboardGroups.get(selectedLayout)?.keys ?? []
-
-  return (
-    <View style={styles.container}>
-      {isDesktop && (
-        <SelectGroup
-          numOfRows={2}
-          options={selectOptions}
-          size={SelectOptionSize.SMALL}
-          style={{
-            container: styles.optionContainer,
-            option: { container: styles.option },
-          }}
-          color={props.color}
-          selectedOptions={[
-            selectedLayout === SelectedLayout.BASIC ? selectOptions[0] : selectOptions[1],
-          ]}
-        />
-      )}
-      <KeysList keys={currentKeys} numOfRows={3} {...props} />
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    display: 'flex',
-    flexDirection: 'row',
-    gap: SPACING[400],
-    paddingRight: SPACING[400],
-  },
-  optionContainer: {
-    flexGrow: 0,
-    flexShrink: 0,
-    flexBasis: IS_MOBILE ? 60 : 'auto',
-    width: 'auto',
-    paddingRight: 18,
-    borderRightWidth: 1,
-    borderRightColor: COLORS.NEUTRAL_3,
-    maxWidth: 65,
-    gap: 9,
-  },
-  option: {
-    flexBasis: 45,
-    width: 44,
-  },
-})

package/src/features/keyboard/components/SwitchableLayout/helpers.tsx

@@ -1,31 +0,0 @@
-import { ReactNode } from 'react'
-import { SelectedLayout, LayoutOption } from './types'
-
-type GetSelectOptionsProps = {
-  selectedLayout: SelectedLayout
-  onBasicPressIn: () => void
-  onSecondaryPressIn: () => void
-  BasicIcon: (isSelected: boolean) => ReactNode
-  SecondaryIcon: (isSelected: boolean) => ReactNode
-}
-
-export function getSelectOptions({
-  selectedLayout,
-  onBasicPressIn,
-  onSecondaryPressIn,
-  BasicIcon,
-  SecondaryIcon,
-}: GetSelectOptionsProps): LayoutOption[] {
-  return [
-    {
-      key: SelectedLayout.BASIC,
-      title: BasicIcon(selectedLayout === SelectedLayout.BASIC),
-      onPressIn: onBasicPressIn,
-    },
-    {
-      key: SelectedLayout.SECONDARY,
-      title: SecondaryIcon(selectedLayout === SelectedLayout.SECONDARY),
-      onPressIn: onSecondaryPressIn,
-    },
-  ]
-}

package/src/features/keyboard/components/SwitchableLayout/types.ts

@@ -1,24 +0,0 @@
-import { ReactNode } from 'react'
-import { KeyboardLayoutProps } from '../../types/types'
-import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
-
-export enum SelectedLayout {
-  BASIC = 'basic',
-  SECONDARY = 'secondary',
-}
-
-export type LayoutOption = {
-  key: SelectedLayout
-  title: ReactNode
-  onPressIn: () => void
-}
-
-export type SwitchableLayoutConfig = {
-  secondaryKeyboardType: keyof typeof KEYBOARD_LAYOUTS
-  BasicIcon: (isSelected: boolean) => ReactNode
-  SecondaryIcon: (isSelected: boolean) => ReactNode
-}
-
-export type SwitchableLayoutProps = KeyboardLayoutProps & {
-  config: SwitchableLayoutConfig
-}

package/src/features/keyboard/constants/groups/geometry.constants.ts

@@ -1,25 +0,0 @@
-import {
-  MATH_BASIC_OPERATORS,
-  MATH_GEOMETRY_SYMBOLS,
-} from '../keys'
-import { KeyboardGroup } from '../../types/types'
-
-export const KEYBOARD_GEOMETRY: KeyboardGroup = {
-  keys: [
-    MATH_GEOMETRY_SYMBOLS.ANGLE,
-    MATH_GEOMETRY_SYMBOLS.TRIANGLE,
-    MATH_GEOMETRY_SYMBOLS.THEREFORE,
-    MATH_GEOMETRY_SYMBOLS.IMPLIES,
-    MATH_BASIC_OPERATORS.SIMILARITY,
-    MATH_GEOMETRY_SYMBOLS.LINE_SEGMENT,
-    MATH_GEOMETRY_SYMBOLS.RIGHT_DIRECTED_SEGMENT,
-    MATH_GEOMETRY_SYMBOLS.BIDIRECTIONAL_SEGMENT,
-    MATH_GEOMETRY_SYMBOLS.PERPENDICULAR,
-    MATH_BASIC_OPERATORS.APPROXIMATELY_EQUAL,
-    MATH_GEOMETRY_SYMBOLS.A,
-    MATH_GEOMETRY_SYMBOLS.B,
-    MATH_GEOMETRY_SYMBOLS.C,
-    MATH_GEOMETRY_SYMBOLS.PARALLEL,
-    MATH_BASIC_OPERATORS.CONGRUENT,
-  ],
-}

package/src/shared/icons/GeometryIcon.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import { IconProps } from './keyboard/icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-export const GeometryIcon = ({ size = 16, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
-      <Path
-        d="M15.499 16.0009H14.998L15.499 15.4999V16.0009ZM0.399414 15.9902C0.204051 15.9502 0.0497107 15.7968 0.00976562 15.6015L0 15.5009V0.500901C9.37645e-05 0.0555518 0.538555 -0.167482 0.853516 0.147385L15.8525 15.1474C16.1674 15.4624 15.9444 16.0009 15.499 16.0009V15.4999L14.998 16.0009H0.5L0.399414 15.9902ZM1.59961 14.4003H12.8428L1.59961 3.15715V14.4003Z"
-        fill={color}
-      />
-      <Path
-        d="M5.09541 10.7012C5.20587 10.7012 5.29541 10.7907 5.29541 10.9012V13.5055C5.29541 13.616 5.20587 13.7055 5.09541 13.7055H4.20604C4.09558 13.7055 4.00604 13.616 4.00604 13.5055V12.1898C4.00604 12.0793 3.9165 11.9898 3.80604 11.9898H2.49108C2.38062 11.9898 2.29108 11.9002 2.29108 11.7898V10.9012C2.29108 10.7907 2.38062 10.7012 2.49108 10.7012H5.09541Z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/shared/icons/keyboard/ImpliesIcon.tsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import { IconProps } from './icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-const ASPECT_RATIO = 20 / 18
-
-export const ImpliesIcon = ({ size = 20, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size / ASPECT_RATIO} viewBox="0 0 20 18" fill="none">
-      <Path
-        d="M11.1808 4.25566C11.4933 3.94351 12.0004 3.94333 12.3127 4.25566L16.4904 8.43438C16.8025 8.74673 16.8025 9.25289 16.4904 9.56524L12.3127 13.7439C12.0004 14.0563 11.4933 14.0561 11.1808 13.7439C10.8684 13.4315 10.8684 12.9245 11.1808 12.6121L11.5441 12.2488H4.07538C3.63366 12.2487 3.27557 11.8908 3.27557 11.449C3.27573 11.0074 3.63376 10.6494 4.07538 10.6492H12.9781C13.0841 10.6492 13.1859 10.6071 13.2609 10.5321L14.7224 9.07052C14.7615 9.03146 14.7615 8.96815 14.7224 8.92909L13.2599 7.46657C13.1849 7.39156 13.0832 7.34941 12.9771 7.34941H4.07538C3.63366 7.34928 3.27557 6.99136 3.27557 6.54961C3.27573 6.108 3.63376 5.74994 4.07538 5.74981H11.5432L11.1808 5.3875C10.8685 5.07514 10.8686 4.5681 11.1808 4.25566Z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/shared/icons/keyboard/LetterAIcon.tsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import { IconProps } from './icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-export const LetterAIcon = ({ size = 16, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
-      <Path
-        d="M10.352 14L9.92 11.2H5.152L3.424 14H1.584L8.608 2.8H10.16L12 14H10.352ZM6.064 9.68H9.712L8.976 4.96L6.064 9.68Z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/shared/icons/keyboard/LetterBIcon.tsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import { IconProps } from './icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-export const LetterBIcon = ({ size = 16, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
-      <Path
-        d="M9.752 2.8C11.592 2.8 12.488 3.984 12.488 5.248C12.488 6.496 11.688 7.76 10.152 8.08C11.448 8.432 12.04 9.424 12.04 10.464C12.04 12.208 10.504 14 7.848 14H3.544L6.136 2.8H9.752ZM5.496 12.512H8.04C9.64 12.512 10.408 11.472 10.408 10.464C10.408 9.616 9.752 8.864 8.52 8.864H6.344L5.496 12.512ZM6.632 7.552H8.712C10.088 7.552 10.856 6.56 10.856 5.648C10.856 4.8 10.328 4.288 9.224 4.288H7.384L6.632 7.552Z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/shared/icons/keyboard/LetterCIcon.tsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import { IconProps } from './icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-export const LetterCIcon = ({ size = 16, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
-      <Path
-        d="M7.98 12.688C9.596 12.688 10.716 11.808 11.516 10.272L12.86 11.024C11.692 13.232 10.012 14.256 7.82 14.256C4.444 14.256 2.732 11.808 2.732 9.024C2.732 5.68 5.148 2.544 8.94 2.544C10.876 2.544 12.348 3.376 13.324 4.88L11.996 5.856C11.356 4.752 10.316 4.096 8.796 4.096C5.948 4.096 4.38 6.464 4.38 8.816C4.38 10.896 5.612 12.688 7.98 12.688Z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/shared/icons/keyboard/ThereforeIcon.tsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import { IconProps } from './icon.types'
-import Svg, { Circle } from 'react-native-svg'
-
-const ASPECT_RATIO = 20 / 18
-
-export const ThereforeIcon = ({ size = 20, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size / ASPECT_RATIO} viewBox="0 0 20 18" fill="none">
-      <Circle cx="7.07972" cy="11.6398" r="1.8" fill={color} />
-      <Circle cx="12.9203" cy="11.6398" r="1.8" fill={color} />
-      <Circle cx="10" cy="6.36006" r="1.8" fill={color} />
-    </Svg>
-  )
-}

package/src/shared/icons/keyboard/TriangleIcon.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import { IconProps } from './icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-const ASPECT_RATIO = 20 / 18
-
-export const TriangleIcon = ({ size = 20, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size / ASPECT_RATIO} viewBox="0 0 20 18" fill="none">
-      <Path
-        d="M9.82983 3.56494C9.9081 3.43933 10.0913 3.43941 10.1697 3.56494L16.2488 13.3228C16.3317 13.4559 16.2366 13.6281 16.0798 13.6284H3.92065C3.76376 13.6284 3.66791 13.456 3.75073 13.3228L9.82983 3.56494Z"
-        stroke={color}
-        strokeWidth="1.6"
-        strokeLinejoin="round"
-      />
-    </Svg>
-  )
-}

package/tsconfig.build.json

@@ -1,4 +0,0 @@
-{
-  "extends": "./tsconfig",
-  "exclude": ["example", "dist"]
-}

package/tsconfig.json

@@ -1,34 +0,0 @@
-{
-  "compilerOptions": {
-    "paths": {
-      "@magmamath/students-features": ["./src/index"]
-    },
-    "target": "esnext",
-    "baseUrl": "./",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "declaration": true,
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react",
-    "experimentalDecorators": true
-  },
-  "include": [
-    "src"
-  ],
-  "exclude": [
-    "node_modules",
-    "example"
-  ]
-}